* {margin:0;padding:0;
   box-sizing:border-box;
}
body {
    font-family: "Roboto", sans-serif !important;
}
div:after {
    content:'';
    display:block;
    clear:both;
}
.preheader-careerinsight {
    background-image: linear-gradient(90deg, rgb(11, 12, 50) 0%, rgb(71, 142, 184) 100%);
    padding:10px 0;
    color:#fff;
}
.preheader-careerinsight a{
    text-decoration:none !important;color:#fff;
}
.header-careerinsight {padding:5px;box-shadow: 5px 7px 26px -5px rgba(104, 113, 123, .1);position:relative;background-color: #fff;z-index:9;}
.mpo-img {height:50px;}
.icsion-img {
border-right: 2px solid #2c2c2c;
  padding-right: 5px;
}
.logindetails {
    padding:6px 0;
}
.slideBanner {
   position: relative;
  background-image: url('../images/banner.jpg');
  height: 100vh;
  background-position: top;
  background-size: cover;   
  z-index:0;  
}
 
.slideBanner:after {
    content:'';
    position:absolute;
    left:0;
    width:100%;height:100%;
    top:0;
/*background-color: rgba(0,0,0,.1);
  background: rgb(52,29,255);
  background: linear-gradient(90deg, rgba(34, 31, 57, 0.93) 0%, rgba(27, 34, 2, 0.38) 100%);*/
  z-index:-1;
}
.slideBanner-bg {
  width: 100%;
  height: 500px;
  object-fit: cover; /* Optional: Ensures the image covers the container without stretching */
 
}
.banner-content {
  
    width:100%;height:100%;
    padding:70px 0;
    
}
.banner-content .banner_heading {
    color:#fff;
  
}
.banner_heading{
  color: #fff;
  padding:0 0;

}
.banner_heading h1 {
      font-family: "Josefin Sans", sans-serif !important;
  font-weight: 900;
  font-size: 56px; color: #fff;
  margin:0; 
}
.banner_heading h2 {
    font-size:18px !important;
    line-height:1.5;
}
.banner_subheading {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  background-color: #000;
  padding: 5px 10px; margin-bottom:40px;
}
.banner_heading span {
    font-size:14px;
   
}
.banner-content p {
    font-size:16px;margin:0;padding:0;line-height:1.5;
}
.banner-kb-btn {
  background-color: #fffd7d;
  padding: 10px 20px;
  border-radius: 40px;
  text-decoration: none;
  color: #000;
  opacity:1;   border:1px solid transparent;
}
.banner-kb-btn:hover {
   border:1px solid #fff;
   background-color:transparent;
   color:#fff;
}
.card-age-section {
    background:#fff;
    border-radius:3px;
    position:relative;
    overflow:hidden;  border-radius: 20px;
    z-index:0;box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.class-age-section {
    margin-top:-90px !important;
    z-index:9;
    position:relative;
}
.card-age-section a {
    padding:30px;font-weight:500;
    display:block;
    width:100%;height:100%;
    text-decoration:none;
    color:#000;
    font-size:21px;letter-spacing:-1.2px;
    min-height:123px;
}
 
 .card-age-section a img {
  height: 38px;
  margin-right: 1px;  transition:.5s all;
 }
.divAbsolute-card {
    /*background-color: #fffd7d;*/
    position: absolute;
    left: -8px;
    width: 370px;
    height: 100px;
    top: 76px;
    background-color: #afb3ff;
    /*rotate: -5deg;*/
    z-index: -1;
    border-radius: 0;
    background-image: linear-gradient(90deg, rgb(35 154 217) 0%, rgb(103 88 181) 100%);
}
.divAbsolute-card h3 {
      /*rotate: 5deg;*/font-size:20px;
      padding:15px 20px;
      text-align:center;
}
 .card-age-section:hover .divAbsolute-card{
       rotate: 0deg;
       transition:.4s ease; transition:.5s all;
 background-image: linear-gradient(90deg, rgb(89, 92, 255) 0%, rgb(72, 221, 242) 100%);
 }
.card-age-section:hover .divAbsolute-card h3 {
    /*rotate:0deg;*/
}

 .card-age-section:hover .mouseicn {
    transform: translateY(5px);
    transition:.5s all;
 }
 .iconCard {
   position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  right: 0;
  margin: 0 auto;
  text-align: center;
  opacity: .2;transition:.8s all;
 }
  .iconCard img {
 height: 95px;
  }

  .card-age-section:hover .iconCard {
      top:-20px !important;transition:.5s all;opacity:.1;
  }

  .section {
      padding:50px 0 0;
  }
  .whysection {position:relative;}
  .whysection  p {
      color:#0b3e57;
  }
  .whysection:after {
      content:'';
      width:70%;height:1px;
  background-color: #f0f0f0;
  }

  /* whyChoose */
   .whyChoose  ul {
       margin:10px 0 10px 0;padding: 6px 0;
   }
   .whyChoose  ul li {
       margin:0;padding:0;
   }
   .asking-outer {
     display: flex;
    flex-direction:row;
    flex-wrap: wrap;
  position: relative;
   }
   .askingContent {width:50%;padding:50px;/*background-image: linear-gradient(90deg, rgb(89, 92, 255) 0%, rgb(71, 142, 184) 100%);*/
                   background-image: linear-gradient(90deg, rgb(11, 12, 50) 0%, rgb(71, 142, 184) 100%);
  color: #fff;}
      .askingContent h2 {
    font-size: 1.5rem;
  }
   .askingContent-image {width:50%;text-align:center;}
   .whyChoose h1 {
       font-size: 1.5rem;text-align:center;
       margin-bottom:50px;font-weight:300;
   }
   .whyChoose h1 strong {
  color: #252990;
   }
   .askingContent-image img {height:400px;}
   /*.contact-shape {
       height:300px;
       width:300px;
       border-radius:50% 50% 0 50%;
       background-color:rgb(255, 200, 200);
   }*/
   .contactdetails {
       padding:50px 0;
    
   }
   .contactdetails h3 {
       font-size:2rem;
   }
   
   .contact-title {
       font-size:20px;position:relative;
   }
   .contact-title:after {
       content:'';
       position:absolute;
       left:0;
       bottom:0;
       width:60%;height:2px; transition:.5s all;
   background-color: #4d7ece;
   opacity:.4;
}
  
   .hightlighted { position:relative;background-color: yellow;
  padding: 0.1em 0.1em;
 }
 
  .address-contact ul {
      margin:0;padding:10px 0 0 0px;   margin-bottom:30px;
  }
   .address-contact ul li {
       list-style-position: inside;
   }
     .address-contact:hover .contact-title:after {
    transition:.5s all;width:100%;height:40%;
         z-index:-1;
    }
     .mpotcsion-table{
		width:100%; 
		border-collapse:collapse;
		border-radius:10px 10px; margin-bottom:10px;
	}
	.mpotcsion-table th{ 
		padding:8px; border-bottom:#d9d9d9 1px solid; background:#ddd; color:#000; font-size:17px; margin:0 0 0 0; font-weight:normal;
	}
	.mpotcsion-table td{ 
		padding:6px; border-bottom:#ddd 1px solid; text-align:left;
	}

    .mpo-tcsIon_footer {
        padding:5px 0;
        text-align:center;
        background-color:rgba(104, 113, 123, .1);
    }
    /* Inner pages design */
    .mpo-tcsIon-wrapper {
        min-height:100vh;
        height:100%;
    }
    .loginWrapper{position:relative;}
 
.login-container {
  margin: 50px auto;
  height:100%;
  width:95%;
 background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.loginImage {background-color:#fafafa;padding:50px;}
.loginImage img {
    max-width:100%;
  
}
.loginfields {
    padding:30px 13px;
}
.form-group {
  margin-bottom: 1rem;
}
.otp-login a {
    color:rgb(52,29,255);text-decoration:none !important;
    margin-bottom:1em;display:block;
}
.loginButton {
    display:block;
   border:0;
    margin:0 auto;
    border-radius:5px;
    padding:10px;
    background-image: linear-gradient(90deg, rgb(11, 12, 50) 0%, rgb(71, 142, 184) 100%);
    color:#fff;
    opacity:.9;margin:0 auto;
}
.loginButton:hover {
    opacity:1;
}
.forgotpass {
    width:100%;
    text-align:right;
}
.forgotpass a {
    text-decoration:none !important;
}
.forgotpass a:hover {
    text-decoration:underline !important;
}
.create-account{text-decoration:none !important;}
.create-account:hover{text-decoration:underline !important;}
.loginBody {
background: #cdd9e130;
}
.login-container .form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow:0 0 0 .1rem rgba(8, 79, 183, 0.5);
}
@media only screen and (max-width: 786px) {
 
    .logindetails.float-end  {
        float:none !important;
        margin:0 auto;text-align:center;    
    }
    /*.mpo-logo.float-start {
             float:none !important;
        margin:0 auto;text-align:center;   
    }*/
    .girlstanding {display:none;}
    .banner_heading {
        padding: 50px 0;
        text-align: center;
    }
    .banner_heading span {
        display:block;
    }
    .banner_subheading {margin:10px 0 0 0 !important;}
    .banner_heading h1 {
 
  font-weight: 900;
  font-size: 26px;
  color: #fff;
  margin: 0;
}
.loginImage {display:none;}
    .askingContent, .askingContent-image {
        width: 100%;
        margin-bottom:10px;
    }
    .askingContent-image img {
  height: 100%;
}
    .card-age-section {
        margin-bottom:30px;
    }
    .divAbsolute-card {

    }
    .contact-left img { max-width:100%;}
    .divAbsolute-card {
     
        left: 0;
        width: 100%;
        height: 100px;
    }
    .askingContent {
        text-align:center;
    }
    .whyChoose ul li {
  
  list-style-position: inside;
}
    .card-age-section a {
  
  text-align: center;
}
    .address-contact ul li {

  text-align: center;list-style-type: none;
}
    .address-contact ul li strong {
        display:block;
    }
    .mpotcsion-table td {
        display:block;
        width:100%;
        text-align:center;
    }
    .contactdetails {
        text-align:center;
    }
    .loginfields {
  padding: 18px;
}
    .offerimage img{
        position:static !important;
    }
    .banner-content {

  padding:10px 0;
}
    .banner-kb-btn {
  width: 100%;
  display: block;
  font-size: 13px;
  margin: 0 0 10px;
}

}



/* 20032025 */
.table4 td {width:25%;}
.loginWrapper .table td select {
   appearance: auto !important;
   padding: .575rem .75rem;
}
.loginWrapper .table td .form-group {margin:0 !important;}
.loginWrapper .table td {vertical-align:middle;}


@media only screen and (max-width: 786px) {
    .loginWrapper .table4 td {
        width:100%;display:block;
    }
}
/* Video Banner */
/*********************
    Video Page first Landing 
**********************/

.showcase {
  position: relative;
  right: 0;
  width: 100%;
  min-height: 100vh;
  padding: 100px 50px;
  /*display: flex;
  justify-content: space-between;
  align-items: center;*/
  background: #111;
  color: #fff;
  transition: 0.5s;
  z-index: 2;
}

.showcase.active {
  right: 300px;
}
.videocontainer {
position: absolute;
  left: 0;
  top: -100px;
  z-index: 99;
  width: 100%;
  height: 100%;
  padding-bottom: 50.25%;
}
iframe {
  border: 0;width: 100vw;
  height:100vh;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #005680, #141537);
  background: linear-gradient(to right, #ffffff00, #00000000);
  z-index: 999;
  opacity: 0.2;
  opacity: 0.4;
}
 
.videocontainer .html5-video-player{
  background-color: #fff !important;
}

  .video-container {
      position: relative;
      width: 100%;
      padding-top:50.25%;
      /*padding-top: 56.25%;*/ /* 16:9 Aspect Ratio */
      overflow: hidden;
      background-color: black;
    }

    .video-container iframe {
      position: absolute;
      left: 0;
      width: 100%;
      height: 120%;
      border: 0;top: -59px;
    }

    .ytp-watermark.yt-uix-sessionlink {
        display:none !important;opacity:0 !important;
    }
   iframe .ytp-chrome-top.ytp-show-cards-title
    {
        display:none !important;
    }
 
  /*.class-age-section { margin:0 !important;padding:40px 0 0 0;}*/
  .whyChoose  {
   
    margin-top:20px !important;
}

.divAbsolute-card {
     
    position: absolute;
    left: 0 !important;
    width: 100% !important;
   
}

@media only screen and (max-width:999px) {
    .header-careerinsight .container {
        display:flex;
    }
   
    .mpo-img {
  height: auto !important;
  width: 100% !important;
}
    .video-container {
    background-color: white !important;
    padding-top: 73.25%;
   
  }
    .class-age-section {
  margin: 0 !important;
    margin-top: 0px;
  padding: 40px 0 0 0;
  margin-top: -65px !important;
  background-color: #fff;
}
}




.aboutMPOnline h3 {
    font-size: 40px;
}

.aboutMPOnline {
    padding: 20px 0 10px;
    text-align: center;
}

.morebtn {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    background-color: rgb(89, 92, 255);
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
}
/*.visitors_count {
    position: absolute;
    left: 30px;
    bottom: 0;
    padding: 4px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border: solid 1px #210086;
    border-radius: 50px 50px;
    z-index: 99999;
    margin: 3px 0 8px;
    background-color: #3e0278
}*/
.visitors_count {
    position: absolute;
    left: 30px;
    bottom: 0;
    padding: 4px 20px;
    font-size: 4px;
    font-weight: 500;
    color: lightgray;
    border-radius: 50px 50px;
    z-index: 99999;
    margin: 3px 0 8px;
}

    .visitors_count img {
        height: 50px;
    }

.mpo-tcsIon_footer {
    position: relative;
    /*height: 50px;*/
}

@media only screen and (max-width: 786px) {
    .visitors_count {
        margin: 0 auto;
        width: 90%;
        bottom: 50px;
    }
}

.tcsion-careerinsight {
    padding:10px 0 0 0;
}
.careercounselimage {
 
}
.careercounselimage img {max-width:100%;border-radius: 30px 30px 0 0;}
.overview {
    padding:50px 0;
}
.overview span {
    font-size:30px;
}
.cardbenefits {
    padding:10px;
}

.cardbenefits ul {
    margin:0;
    padding:0 0 0 15px !important;
}
.cardbenefits ul li {font-size:14px;}
.banner-button-row {
    display:block;
    margin:20px 0;
}
.careerinsight-assessment {


background-color: #f2f2f26b;
}

.careerinsight-assessment h3 {
  font-size: 2rem;
}
.accordion-body ul {
    margin:0  !important;
    padding:0 0 0 20px;
}
.awareness-section {
    padding:10px 0 0 0;
}
.awareness-section h2 {
    font-size: 2rem;
    text-align: center;
}
.lack-column-left strong {
color: #163e64;
}
.lack-column-left {
    background-color:#f2f2f2;
    padding:20px;
    margin-bottom:2px ;
    border-radius:10px;
}
.lack-column-right {
      background-color:#dceaf7;
    padding:20px;border-radius:10px;margin-top: 20px;
}
.lackpercentage {
    display:flex;
}
.verticalcol {
margin-right: 20px;
  position: relative;
  height: 68px;
  display: inline-table;
 
}
 .verticalcol img {
     max-width: 43px;height: 91px;

 }
.verticalcol h3 {
    -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.lack-column-right table td {vertical-align:top; padding:10px;font-size:12px;}
.guidancesection {
  background-image: linear-gradient(to top, #fffef1 0%, #98c3e9 100%);
}
.guidance {
    padding:50px 15px;border-right: 2px solid #a6cbea;height:100%;
    position:relative;
 
}
.guidance:last-child {

}
.circleLogo {
width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50px;
 border: 2px solid #a6cbea;
  vertical-align: middle;
  text-align: center;
  padding: 13px 0 0 0;
}
.careerinsight-features {
    padding:50px 0;position:relative;overflow:hidden;
   
}
.careerinsight-features h3 {
    text-align:center;
}
.cloudback  {
position: absolute;
  z-index: -1;
  left: 50%;
  top: 50px;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 950px;opacity: 0.3;

}
.careerinsight-features h3 {
  font-size: 2rem;
  margin-bottom:30px;
}
.features-card {
 /*  border: 1px solid rgba(90,122,190,.12) !important;
  border-radius: .5rem !important;
  -webkit-box-shadow: 0 3px 0 0 rgba(90,122,190,.12);
  box-shadow: 0 3px 0 0 rgba(90,122,190,.12);
  background-color: #fff;*/
  /*padding:30px;*/
}
.features-card p {
    font-size:13px;
}
.features-card ul {margin:0;padding:0 0 0 20px !important;}
.features-card ul li {padding: 1px 0;
  font-size: 15px;line-height:30px;}
.thinkingboy {
  /*  border: 1px solid rgba(90,122,190,.12) !important;
    border-radius: .5rem !important;
    -webkit-box-shadow: 0 3px 0 0 rgba(90,122,190,.12);
    box-shadow: 0 3px 0 0 rgba(90,122,190,.12);*/
    background-color: #fff;
    margin: 20px 0;
}
.features-card.card {
    margin: 20px 0;
    width: 100%;border:0 !important;
   /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}
.thinkingboy img {
    max-width:100%;
    border-radius:10px;
}
.careerinsight-bannerin {
    background-color:#dddddd1c;
}
.careerinsight-bannerin h3 {
color: #16234a;
  font-size: 29px;
}
.careerinsight-content {
    padding:50px 0;
}
.careerinsight-bannerin img {
    height:300px;
}
.btn_notification {
    position: fixed;
    right: 0;
    top: 441px;
    rotate: 90deg !important;
    z-index: 99;
    background: rgba(0, 0, 0, .7);
}

    .btn_notification a {
        position: fixed;
        right: 0px;
        white-space: nowrap;
        color: #000000;
        background: #fff54b;
        display: block;
        padding: 9px 24px;
        border-radius: 5px 5px 0 0;
        transform: rotate(180deg);
        transition: 0.5s all;
        z-index: 999999 !important;
        text-decoration: none;
        box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    }

        .btn_notification a:hover {
            background-color: #00aced;
            color: #fff;
            text-decoration: none !important;
            cursor: pointer;
        }

        @keyframes blink {
  0%, 100% {background-color:#3F06FF;}
  50% {background-color: #8EDDBE;}
}
#blinking-button {
  background-color: #8EDDBE;
  color: white;
  animation: blink 1s linear infinite;
}



        @keyframes blink {
  0%, 100% {background-color:#3F06FF;}
  50% {background-color: #8EDDBE;}
}
 

 /* Enquiry Form */
 /* Contact Us */
.deployform {
    position: fixed;
    bottom: 50px;
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #6dade4;
    cursor: pointer;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    transition: all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3), background-color 0.25s ease;
    -webkit-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);
    z-index: 999999;
}
.deployform:hover {background-color: #da3737;}
.deployform.open {
width: 300px;height: 350px;border-radius: 3px;background-color: #fff;cursor: default;}
.deployform.open .icon {opacity: 0;transition-delay: 0.01s;}
.deployform.open .cancel {opacity: 1;transition-delay: 0.25s;}
.deployform.open .form {opacity: 1;visibility: visible;transition-delay: 0.2s;}
    .deployform.open .form ul {padding:0 0 0 0;}
    .deployform .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: opacity 0.1s ease;
        transition-delay: 0.2s;
        color: #fff;
        width: 60px;
        line-height: 60px;
        height: 60px;
        text-align: center;
        font-size: 22px;
    }
.deployform .cancel {
position: absolute;
right: 10px;top: 10px;font-size: 18px;z-index:-1;
opacity: 0;transition-delay: 0.01s;cursor: pointer;color: #3c4351;}
.deployform .form {
margin-top:25px;opacity: 0;
padding:0 20px;visibility: hidden;font-size:14px;
transition-delay: 0.01s;}
.deployform .form ul li {list-style-type:none;}
.deployform .form ul li span{color:#6a6a6a;}
.deployform .technical-image {
height:150px;display: block;text-align: center;margin: 0 auto 10px;}
.deployform .form p {font-size:14px;}
.deployform .cancel img {
  height: 27px;
}
.fa-phone img {
    height:35px;
}
/* After 10th */
.careerinsight-inner {
    padding:30px 0;
}

.Explore_quotes {
  display: block;
  font-size:17px;
  font-weight: 600 !important;
  color: #2469BC;
  padding: 0;
  margin-bottom: 15px;
  text-align: left;
}
.Explore_quotes_para {
  display: block;
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  padding: 0;
  margin-bottom: 15px;
  text-align: left;
}
.Explore_icon_box {
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  margin: 10px 15px 10px 0;
  display: block;
  height: 185px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  
}
.Explore_subpoint_heading {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  padding: 0;
  margin: 20px 15px 20px 15px !important;
  display: block;
  width: 100%;
 

}
.nav-link img {
    height:30px;
}
.whyandfor {
    display:flex;
    column-gap:10px;
}
.whyandfor img {height:100px;}
.careerinsight-inner h4 {font-size:30px;}
.whyandfor p{
    margin:0;padding:0;
}
@media only screen and (max-width: 786px) {
    .lack-column-right table td {
 
  width: 100%;
  display: block;
}
    .lackpercentage {
 
}
    .guidance {
  
  text-align: center;
}
    .circleLogo {

  right: 0;
  margin: 0 auto;
}
    .guidance {
  
  border-right:0 !important;
  border-bottom: 2px solid #ffd469 !important;
 
}
    .thinkingboy {
        display:none;
    }
    .careerinsight-features {
  padding: 50px 0 !important;
 
}
    .section{
        padding:20px 0;
    }
    .careerinsight-assessment h3 {
  text-align: center;
}
    .psychometric-matter p {
        text-align:center;
    }
    .awareness-section h3 {
        text-align:center;
    }
    .lack-column-left {
        text-align:center;
    }
    .careerinsight-inner .nav-item {
        margin-bottom:20px;
    }
   .careerinsight-inner .tab-content {
        text-align:center;
    }
   .Explore_quotes {text-align:center !important;}
   .Explore_quotes_para {text-align:center !important;}
   .Explore_subpoint_heading {text-align:center !important;}
   .Explore_icon_box {
       width:100%;
       margin:10px 0;
   }
   .whyandfor {
  display: block;
  text-align:center;
  gap: 10px;
}
   .careerinsight-inner h4 {
       text-align:center;
   }
   .careerinsight-bannerin h3 {

  text-align: center;
}
   .careerinsight-bannerin p {
       text-align:center;

   }
}

.bg1 {
    background-image: radial-gradient(circle at 29% 55%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 4%,transparent 4%, transparent 44%,transparent 44%, transparent 100%),radial-gradient(circle at 85% 89%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 51%,transparent 51%, transparent 52%,transparent 52%, transparent 100%),radial-gradient(circle at 6% 90%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 53%,transparent 53%, transparent 64%,transparent 64%, transparent 100%),radial-gradient(circle at 35% 75%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 6%,transparent 6%, transparent 98%,transparent 98%, transparent 100%),radial-gradient(circle at 56% 75%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 16%,transparent 16%, transparent 23%,transparent 23%, transparent 100%),radial-gradient(circle at 42% 0%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 3%,transparent 3%, transparent 26%,transparent 26%, transparent 100%),radial-gradient(circle at 29% 28%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 51%,transparent 51%, transparent 75%,transparent 75%, transparent 100%),radial-gradient(circle at 77% 21%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 35%,transparent 35%, transparent 55%,transparent 55%, transparent 100%),radial-gradient(circle at 65% 91%, hsla(329,0%,99%,0.05) 0%, hsla(329,0%,99%,0.05) 46%,transparent 46%, transparent 76%,transparent 76%, transparent 100%),linear-gradient(45deg, rgb(83, 91, 235),rgb(76, 11, 174));
}
 .Explore_icon_box {
     transition:.5s all ease;color:#fff;
 }
.Explore_icon_box:hover {
     margin-top: -4px;
  -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.bg2 {
background-image: linear-gradient(161deg, rgba(117, 117, 117, 0.03) 0%, rgba(117, 117, 117, 0.03) 50%,rgba(8, 8, 8, 0.03) 50%, rgba(8, 8, 8, 0.03) 100%),linear-gradient(59deg, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 50%,rgba(68, 68, 68, 0.05) 50%, rgba(68, 68, 68, 0.05) 100%),linear-gradient(286deg, rgba(107, 107, 107, 0.07) 0%, rgba(107, 107, 107, 0.07) 50%,rgba(7, 7, 7, 0.07) 50%, rgba(7, 7, 7, 0.07) 100%),linear-gradient(123deg, rgba(9, 9, 9, 0.09) 0%, rgba(9, 9, 9, 0.09) 50%,rgba(120, 120, 120, 0.09) 50%, rgba(120, 120, 120, 0.09) 100%),linear-gradient(170deg, rgba(202, 202, 202, 0.01) 0%, rgba(202, 202, 202, 0.01) 50%,rgba(19, 19, 19, 0.01) 50%, rgba(19, 19, 19, 0.01) 100%),linear-gradient(210deg, rgba(64, 64, 64, 0.04) 0%, rgba(64, 64, 64, 0.04) 50%,rgba(4, 4, 4, 0.04) 50%, rgba(4, 4, 4, 0.04) 100%),linear-gradient(90deg, rgb(249, 17, 190),rgb(100, 28, 213));}
.bg3 {
background-image: linear-gradient(56deg, rgba(254, 254, 254, 0.05) 0%, rgba(254, 254, 254, 0.05) 69%,rgba(160, 160, 160, 0.05) 69%, rgba(160, 160, 160, 0.05) 100%),linear-gradient(194deg, rgba(102, 102, 102, 0.02) 0%, rgba(102, 102, 102, 0.02) 60%,rgba(67, 67, 67, 0.02) 60%, rgba(67, 67, 67, 0.02) 100%),linear-gradient(76deg, rgba(169, 169, 169, 0.06) 0%, rgba(169, 169, 169, 0.06) 89%,rgba(189, 189, 189, 0.06) 89%, rgba(189, 189, 189, 0.06) 100%),linear-gradient(326deg, rgba(213, 213, 213, 0.04) 0%, rgba(213, 213, 213, 0.04) 45%,rgba(66, 66, 66, 0.04) 45%, rgba(66, 66, 66, 0.04) 100%),linear-gradient(183deg, rgba(223, 223, 223, 0.01) 0%, rgba(223, 223, 223, 0.01) 82%,rgba(28, 28, 28, 0.01) 82%, rgba(28, 28, 28, 0.01) 100%),linear-gradient(3deg, rgba(20, 20, 20, 0.06) 0%, rgba(20, 20, 20, 0.06) 62%,rgba(136, 136, 136, 0.06) 62%, rgba(136, 136, 136, 0.06) 100%),linear-gradient(200deg, rgba(206, 206, 206, 0.09) 0%, rgba(206, 206, 206, 0.09) 58%,rgba(6, 6, 6, 0.09) 58%, rgba(6, 6, 6, 0.09) 100%),linear-gradient(304deg, rgba(162, 162, 162, 0.07) 0%, rgba(162, 162, 162, 0.07) 27%,rgba(24, 24, 24, 0.07) 27%, rgba(24, 24, 24, 0.07) 100%),linear-gradient(186deg, rgba(166, 166, 166, 0.04) 0%, rgba(166, 166, 166, 0.04) 5%,rgba(210, 210, 210, 0.04) 5%, rgba(210, 210, 210, 0.04) 100%),linear-gradient(90deg, rgb(26, 118, 64),rgb(32, 207, 121),rgb(78, 196, 128));}
.bg4 {
background-image: repeating-linear-gradient(45deg, hsla(64,83%,54%,0.05) 0px, hsla(64,83%,54%,0.05) 1px,transparent 1px, transparent 11px,hsla(64,83%,54%,0.05) 11px, hsla(64,83%,54%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(90deg, hsla(64,83%,54%,0.05) 0px, hsla(64,83%,54%,0.05) 1px,transparent 1px, transparent 11px,hsla(64,83%,54%,0.05) 11px, hsla(64,83%,54%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(0deg, hsla(64,83%,54%,0.05) 0px, hsla(64,83%,54%,0.05) 1px,transparent 1px, transparent 11px,hsla(64,83%,54%,0.05) 11px, hsla(64,83%,54%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(135deg, hsla(64,83%,54%,0.05) 0px, hsla(64,83%,54%,0.05) 1px,transparent 1px, transparent 11px,hsla(64,83%,54%,0.05) 11px, hsla(64,83%,54%,0.05) 12px,transparent 12px, transparent 32px),linear-gradient(90deg, rgb(41, 27, 158),rgb(249, 77, 212));}
.Explore_icon_img img {
    height:70px;
    margin-bottom:10px;filter: brightness(1) invert(0); 
}
.Explore_icon_para {
    line-height:1.2;font-size:14px;
}
 
.career-counselling-after .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border:2px solid rgb(52,29,255) !important;
  background-color:rgb(52,29,255) !important;
  border-radius:50px;color:#fff !important; 
}
.career-counselling-after .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active img {
 
}
.career-counselling-after .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
  border-radius:50px;
}
.career-counselling-after .nav-link{
      border:2px solid rgb(52,29,255) !important;
  background-color:transparent !important; border-radius:50px !important;
  padding:5px 40px;
  font-size:16px;
}
.career-counselling-after {
    border:0 !important;
}
 .tab-content {
border:0 !important;}
.nav-item {
    margin:0 20px;
}
.tab-content > .active {
    padding:30px 0;
}

/* Circle Percentage design css */
/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p80 .fill .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill, .c100.p15 .fill {
  position: absolute;
  border: 0.1375em solid #307bbb;
  width: 0.725em;
  height: 0.725em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #ccc;
}
.c100 *, .c100 *:before, .c100 *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #282828;
  display: block;
  text-align: center;
  white-space: nowrap;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.1375em;
  left: 0.1375em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 0.725em;
  height: 0.725em;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p15 .bar {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p80 .bar {
  -moz-transform: rotate(280deg);
  -ms-transform: rotate(280deg);
  -webkit-transform: rotate(280deg);
  transform: rotate(280deg);
}
.c100.p86 .bar {
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777;
}
.c100.dark:after {
  background-color: #666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}

.c100.pink .bar, .c100.pink .fill {
  border-color: #d74680 !important;
}
.c100.green .bar, .c100.green .fill {
  border-color: #15c7a8 !important;
}
.c100.blue .bar, .c100.blue .fill {
  border-color: #30bae7 !important;
}
.featuresimages img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.featuresimages {
    width: 100%;
    height: 179px;
    overflow: hidden;
    background-image: linear-gradient(90deg, rgba(89, 92, 255, 0.18) 0%, rgba(72, 221, 242, 0.1) 100%);
}

 .featured-card-inner {
     padding:20px;position:relative;z-index:0;
 }
 .countscards {
 text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
  
 }
    .countscards label {
        font-size: 18px;
        color: #fff;
    }
 .countscards  strong {
     font-weight: bolder;
  font-size: 12px;color:#fff;
 }
.bg1 {
    background-image: linear-gradient(120deg, #3cb3fe 0%, #5831a3 100%);
}

/* .featuresimages:hover img {
       transition: 0.5s all ease;
    transform: scale(1.5);
 }*/
 .pointsawareness {
     width:100%;padding:40px 30px;
 }
.cardpoints {
    text-align: center;
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
    font-size: 17px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

 /* Video */
    .video-thumb {
      cursor: pointer;
      width: 100%;
      /*border-radius: 8px;*/
      transition: transform 0.2s;
    }
    /*.video-thumb:hover {
      transform: scale(1.03);
    }*/
    .play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 9;
}

    .play-button-overlay .play-icon {
        height: 70px;
    }
    .videocontent {
        position:relative;
        padding:30px;
    }

.needImage a:hover .play-button-overlay .play-icon {
    transform: scale(1.1);
    transition: .5s all;
}

.videobox {
 transition:.5s all;
    position:relative;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
 
.heading-videobox {
    padding:30px 30px 0 ;font-size:17px;font-weight:700;
}
.cardpoints img {height:30px;}
.userJourney img {
    display:block;margin:0 auto;width:100%;
}

.viewmore-row {
    text-align: center;
}

.viewmore-link {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
    background-color: #6671dc;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    transition:.5s all;
}
    .viewmore-link:hover {
        transform: translateY(-5px);
        background-color: #4651b6;
    }
.girlstanding {
    position:relative;
}
@media screen and (min-width: 1200px) {
    .container {
        max-width: 90% !important;
    }

    body {
        font-size: 100%;
    }
}

 

/* Large Desktops (1200px and up) */
@media (min-width: 1200px) {
    .slideBanner {
        height: 80vh;
        background-position: bottom center;
    }
}