:root {
  --orange-color: #E37500;
  --primary-color: #727272;
  --black-color: #000000;
  --blue-color: #043B72;
  --error-txt-color: #f00;
  --white-color: #fff;
  --heading-color: #2B2B2B;
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('https://www.sharekhan.com/Content/fonts/SpoqaHanSansNeo-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('https://www.sharekhan.com/Content/fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('https://www.sharekhan.com/Content/fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: url('https://www.sharekhan.com/Content/fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ===== comman CSS : start ===== */
.skContainer {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.skContainerRevoke {
  max-width: 1096px;
  width: 100%;
  margin: 0 auto;
}

.secTitleWrap {
  position: relative;
  text-align: center;
  padding-bottom: 25px;
  margin-bottom: 50px;

  &:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 120px;
    height: 4px;
    margin: 0 auto;
    background-color: var(--orange-color);
  }
}

.secTitle {
  color: var(--heading-color);
  font-size: 38px !important;
  line-height: 48px !important;
  font-weight: 700 !important;
  margin-bottom: 10px;
  text-align: center;
}

.secSubTitle {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  max-width: 945px;
  margin: 0 auto;
  text-align: center;
}

.mobView {
  display: none;
}

.flexWrap {
  display: flex;
  flex-wrap: wrap;
}

/* ===== comman CSS : end ===== */
.commanBtn {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500 !important;
    color: #fff;
    background-color: var(--orange-color);
    border-radius: 25px;
    width: auto;
    min-width: 100px;
    height: 42px;
    border: 0;
    outline: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 30px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.23px;
    text-transform: uppercase;
    &.blueBtn

{
    background-color: var(--blue-color);
}

&.mobView {
    display: none;
}

}

.commanBtn:focus-visible {
    outline: 3px solid #111;
    outline-offset: 3px;
}

a.commanBtn:focus-visible {
    outline: 3px solid #111;
    outline-offset: 3px;
}

@supports not selector(:focus-visible) {
    .commanBtn:focus {
        outline: 3px solid #111;
        outline-offset: 3px;
    }
}

a.commanBtn:active, a.commanBtn:focus, a.commanBtn:hover, a.commanBtn:link, a.commanBtn:visited {
    outline: 0;
    text-decoration: none;
    outline-offset: 0;
    color: #fff;
}  

.pmspage {
  font-size: 15px;
  font-weight: 300;
  color: var(--primary-color);

  * {
    font-family: 'Spoqa Han Sans Neo', sans-serif;
    font-weight: 300;
  }

  section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  p,
  span {
    color: var(--primary-color);
  }


  strong {
    font-weight: 700;
  }
  h1, h2, h3{
      margin-top:0px;
  }

}

/* --- slick slider css --- */
.pmspage {

  .slick-prev {
    left: 0 !important;
    z-index: 9;
  }

  .slick-next {
    right: 0 !important;
    z-index: 9;
  }

  .slick-prev:before,
  .slick-next:before {
    border: solid #747474;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    width: 20px;
    height: 20px;
    background: none;
  }

  .slick-prev:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }

  .slick-next::before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .slick-dots li,
  .slick-dots li button,
  .slick-dots li button:before {
    width: 12px;
    height: 12px;
    content: "";
  }

  .slick-dots li.slick-active button:before {
    width: 12px;
    height: 12px;
    background-color: var(--orange-color);
    border: 0px solid #fff;
    margin-top: 0;
  }

}

.btnComn {
  background-color: var(--orange-color);
  border-radius: 23px;
  border: 0px;
  display: inline-block;
  padding: 11px 30px;
  color: var(--white-color) !important;
  font-weight: 500;
  letter-spacing: 1px;

  &.blu {
    background-color: var(--blue-color);
  }
}

/* section 1 start */
section.topIntroSec {
    padding: 100px 0;
    background: var(--orange-color) url('../images/pms/topbg.png') right center no-repeat !important;
    background-size: cover;
}

.hero {
  display: grid;
  grid-template-columns: 625px 1fr;
  align-items: center;
}


.heroContent p {
  font-size: 13px;
  color: #fff;
  margin-bottom: 40px;
}

.heroImage {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  margin-bottom: -30px;
}


.topTitle {
  color: #000000;
  font-size: 34px;
  line-height: 53px;
  font-weight: 700;
}

.topSubTitle {
  color: #fff;
  font-size: 55px;
  line-height: 70px;
  font-weight: 700;
}

.tplist {
  font-size: 18px;
  color: #fff;
  margin-top: 10px;

  span {
    display: inline-flex;
    margin: 0 5px;
    color: #000;
  }
}

.topBtnWrap {
  margin-top: 35px;

  &.textLeft {
    text-align: left;
  }
}

.mobiletxt {
  display: inline-block;

  color: #fff !important;
  font-size: 18px;
}

/* section 1 end */

/* Section 2 start */
section.servicesSec {
  background-color: var(--white-color) !important;
  padding-bottom: 90px;
}

.servicesList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  gap: 22px;
  margin-top: 100px;
}

.featureCard {
  position: relative;
  text-align: center;

  .cardWrap {
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(221, 221, 221, 1);
    padding: 90px 20px 20px;
    position: relative;
    color: #464646;
    z-index: 2;
    width: 100%;
    min-height: 270px;

  }

  &::before {
    content: "";
    background-color: var(--blue-color);
    border-radius: 12px;
    top: 0;
    width: 90%;
    height: calc(100% + 12px);
    transform: translate(0%, 0);
    position: absolute;
    z-index: 0;
    left: 5%;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }

  h3 {
    color: #E37500;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 23px;
  }

  p {
    font-size: 16px;
    line-height: 25px;
  }

  .orgCircle {
    background-color: var(--orange-color);
    width: 117px;
    height: 117px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 9999px;
    padding: 15px;

    .innerCircle {
      display: block;
      width: 87px;
      height: 87px;
      border-radius: 9999px;
      place-items: center;
      place-content: center;
      background-color: #fff;
      box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.35);

    }

  }
}


/* Section 2 end */

/* Section 3 start */
.investSec {
  background-color: #F7F8F9 !important;

  .secTitle {
    text-align: left;
  }
}

.investDec {
  font-size: 18px;
  line-height: 28px;
  margin-top: 15px;
}

.investGrid {
  display: grid;
  grid-template-columns: 425px 1fr;
  gap: 20px;
  padding-right: 40px;
}

.investRight {
  justify-self: flex-end;
  width: 506px;
}

.investAccordion {
  width: 100%;
}

.accordionItem {
  border-bottom: 1px solid #ccc8c8;

  &:last-child {
    border-bottom: 0px;
  }
}

.accordionTrigger {
  width: 100%;
  padding: 20px 10px 18px 5px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.invInnerHed {
  width: 100%;
  display: grid;
  grid-template-columns: 60px 1fr 24px;
  align-items: center;
  gap: 20px;
}

.accordionIcon {
  width: 60px;
}

.accordionHeading {
  margin-bottom: 0px;
}

.accordionIcon img {
  width: 100%;
  height: auto;
  display: block;
}

.accordionTitle {
  color: var(--blue-color) !important;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0px;
}

.accordionArrow {
  position: relative;
  width: 12px;
  height: 12px;
  justify-self: end;
}

.accordionArrow::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-right: 2px solid var(--orange-color);
  border-bottom: 2px solid var(--orange-color);
  transform: rotate(45deg);
  transition: transform .3s;
}

.accordionTrigger[aria-expanded="true"] {
  padding: 20px 10px 0 5px;
}

.accordionTrigger[aria-expanded="true"] .accordionArrow::before {
  transform: rotate(-135deg);
}

.accordionTrigger:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

.accordionPanel {
  padding: 0 25px 20px 85px;
}

.accordionPanel ul {
  margin: 0;
  padding-left: 22px;
}

.accordionPanel li {
  margin-bottom: 12px;
  color: #555;
  font-size: 15px;
  line-height: 23px;
  list-style: disc;

  &:last-child {
    margin-bottom: 0px;
  }
}

.accordionPanel li::marker {
  color: var(--orange-color);
}

.accordionTrigger:focus-visible {
  outline: 3px solid #003f7d;
  outline-offset: 4px;
}

.accMobileIcon {
  display: none;
}

/* Section 3 End */

/* section 4 start */
.primeSec {
    background-color: var(--white-color) !important;
    min-height: 600px;
    background-image: url('../images/pms/primebg.png') !important;
    background-size: 100% 50% !important; /* Scale perfectly */
    background-repeat: no-repeat !important; /* No tiling */
    background-position: bottom !important;
    border-bottom: 15px solid var(--blue-color);
}


.primeContainer {
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px 1fr 280px;
  gap: 40px;
  align-items: center;
  margin-top: 35px;
}

.featureColumn {
  display: flex;
  flex-direction: column;
  gap: 50px;

  p {
    margin-bottom: 0px;
  }
}

.featureItem {
  text-align: center;
}

.featureItem img {
  width: 64px;
  margin-bottom: 20px;
}

.featureItem h3 {
  color: var(--blue-color);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
}

.featureItem p {
  color: #767676;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0px;
}

.centerContent {
  text-align: center;
}

.topFeature {
  margin-bottom: 0px;
}

.topFeature img {
  width: 64px;
  margin-bottom: 20px;
}

.topFeature h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--blue-color);
  margin-bottom: 12px;
}

.topFeature p {
  color: var(--primary-color);
  font-size: 16px;
  line-height: 1.5;
}

.portfolioImage img {
  max-width: 100%;
  height: auto;
}

.bottomTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 20px 35px;
  margin-top: 10px;

  border: 2px solid #DDDDDD;
  background: #fff;

  color: var(--blue-color);
  font-size: 20px;
  font-weight: 700;
  left: 50%;
  position: relative;
  transform: translate(-50%, 0px);
}

.primeSubTitle {
  font-size: 26px;
  font-weight: 700;
  color: var(--orange-color) !important;
  text-align: center;
}

.portfolioImageMobile {
  display: none;
}

.riskBasedMobile {
  display: none;
}

/* section 4 end */

/* section 5 start */
.processGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: relative;
}

/* Timeline */
.processGrid::before {
  content: "";
  position: absolute;
  top: 220px;
  left: 10%;
  right: 10%;
  border-top: 2px dotted #004586;
}

/* Cards */
.processCard {
  position: relative;
  text-align: center;
  padding: 0 15px;
  display: grid;
  place-content: center;
}

.pmsSteps {
  margin-bottom: 30px;
}

.how-to-timeline-wrapper {
  position: relative;
  padding: 25px 0 0;
  margin: 0;
  min-height: 480px;
  max-width: 1100px;
  margin: 0 auto;
}

.timeline-line {
  position: absolute;
  top: 47%;
  left: 10%;
  right: 10%;
  height: 2px;
  background: transparent;
  border-top: 2px dotted var(--blue-color);
  transform: translateY(-50%);
  z-index: 1;
}

.timeline-row {
  width: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  height: 100%;
  padding-left: 0px;
}

.timeline-item {
  position: relative;
  flex: 0 0 220px;
  min-height: 400px;

  &.stepFour {
    flex: 0 0 260px;
    margin-left: -20px;
  }

  &.stepFive {
    margin-left: -20px;
  }


}

/* Number Circle - Centered on the horizontal line */
.step-number {
  width: 56px;
  height: 56px;
  background-color: var(--blue-color);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

/* Vertical Connector */
.vertical-connector {
  width: 2px;
  height: 60px;
  border-left: 2px dotted var(--blue-color);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.vertical-connector::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--orange-color);
  border-radius: 50%;
  left: -7px;
}

.step-content {
  width: 100%;
  max-width: 240px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* Step Up - Content and Connector ABOVE the line */
.step-up .vertical-connector {
  bottom: 50%;
  /* Starts from the middle line */
  margin-bottom: 0;
  /* Ensure contact with 56px circle */
}

.step-up .vertical-connector::after {
  top: -6px;
  /* Dot at the top, near content */
}

.step-up .step-content {
  bottom: calc(50% + 75px);
}

/* Step Down - Content and Connector BELOW the line */
.step-down .vertical-connector {
  top: 50%;
  /* Starts from the middle line */
  margin-top: 0;
  /* Ensure contact with 56px circle */
}

.step-down .vertical-connector::after {
  bottom: -6px;
  /* Dot at the bottom, near content */
}

.step-down .step-content {
  top: calc(50% + 75px);
}

.step-title {
  color: var(--orange-color);
  font-weight: 700;
  font-size: 20px;
  line-height: 33px;
  margin-bottom: 8px;
}

.step-text {
  font-size: 15px;
  color: #464646;
  line-height: 23px;
}


/* section 5 end */

/* Section 6 start */
.investGrid {
  &.pmsData {
    padding-right: 0px;
    grid-template-columns: 635px 1fr;

    .investRight {
      width: 392px;
    }

    .investDec {
      color: #1c1c1c;
    }
  }
}

.orgRight {
  background-color: var(--orange-color);
  clip-path: polygon(100% 0, 100% 89%, 86% 100%, 0 100%, 0 0);
  padding: 50px 85px 50px 60px;
  font-size: 16px;
  min-height: 470px;

  ul {
    padding-left: 0px;
  }

  li {
    border-bottom: 2px solid rgba(0, 0, 0, 0.35);
    padding: 20px 0;

    &:first-child {
      padding-top: 0px;
    }

    &:last-child {
      border-bottom: 0px;
      padding-bottom: 0px;
    }
  }

  p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
  }
}

.countTitle {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}

/* Section 6 End */

/* section 7 start */
.compareSec {
    background-color: var(--white-color) !important;
    .skContainer {
    max-width: 1075px;
    padding: 0px;
  }
}

.compareList {
  padding-left: 0px;
  position: relative;
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 55px;
  margin-top: 80px;
  /* grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: clamp(80px, 3vw, 55px);
  margin-top: clamp(70px, 5vw, 80px); */

  &::before {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(to right,
        var(--blue-color) 0 3px,
        /* dash */
        transparent 3px 5px
        /* gap */
      );

  }
}

.cardCmp {
  position: relative;
  min-height: 320px;
  background-color: #fff;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  text-align: center;
  padding: 50px 30px 30px;

  .cardDesc {
    margin-top: 20px;
    font-size: 18px;
    line-height: 24px;
  }
}

.blwCircle {
  background-color: var(--blue-color);
  width: 57px;
  height: 57px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 9999px;
  place-items: center;
  place-content: center;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}



.comparisonSection {
  max-width: 935px;
  margin: 100px auto 30px;
  border: rgba(210, 210, 210, 0.5) solid 1px;
  border-bottom: rgba(210, 210, 210, 1) solid 1px;
  border-top: 0px;
  border-radius: 40px 40px 0 0;
}

.comparisonHeader {
  background-color: var(--orange-color);
  text-align: center;
  padding: 30px 20px 110px;
  border-radius: 40px 40px 0 0;
}

.compareTitle {
  font-size: 28px;
  color: #000 !important;
  margin-bottom: 0px;
  font-weight: 700;
}

.comparisonHeader h2 {
  font-size: 38px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 8px;
}

.comparisonHeader h3 {
  font-size: 19px;
  color: #000;
  font-weight: 700;
  margin-bottom: 0px;
}

.comparisonTable {
  margin-top: -90px;
}

.comparisonRow {
  display: grid;
  grid-template-columns: 1fr 250px 1fr;
}

.comparisonCell {
  padding: 20px 15px 20px 30px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  color: #464646;
  background: #fff;
}

.alternateRow .comparisonCell {
  background: #F3F3F3;
}

/* Left + Right Header */
.leftHeading,
.rightHeading {
  background-color: var(--orange-color);
  color: #000;
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 0px;
}

/* Floating Center Column */
.middleHeading,
.midfeature {
  justify-content: center;
  text-align: center;
  font-weight: 700;
  color: #000;
  position: relative;
  z-index: 0;
  /*  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.08),
    4px 0 12px rgba(0, 0, 0, 0.08); */
  box-shadow: 0px 7px 12px #0000001F;
}

.middleHeading {
  padding-top: 20px;
  padding-bottom: 0px;
}

/* Top of center card */
.headerRow .middleHeading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Bottom of center card */
.lastRow .midfeature {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  min-height: 140px;
}

.vsBadge {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #123d79;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
}

/* Vertical centering of label column */
.midfeature {
  justify-content: center;
}

/* Last row heights similar to screenshot */
.lastRow .comparisonCell {
  min-height: 120px;
}

.lastColumn {
  box-shadow: none;

  &::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 110%;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 7px 12px #0000001F;
    z-index: -1;
  }
}

/* Optional borders */
/* .comparisonCell {
  border: 1px solid rgba(0, 0, 0, 0.04);
} */

/* section 7 end */


/* section 8 start */
.taxSection {
  background-color: #F7F8F9 !important;
}

.taxGrid {
  display: grid;
  grid-template-columns: 47% 53%;
  align-items: start;
  max-width: 1060px;
  margin: 0 auto;
  row-gap: 20px;
  grid-template-areas:
    "image content"
    "key key";
  margin-top: 30px;
}

.taxImageColumn {
  grid-area: image;
  place-content: center;
  height: 100%;
  position: relative;
}

.taxContentColumn {
  display: grid;
  gap: 24px;
  grid-area: content;
}

.keyDistinctionBox {
  grid-area: key;
  padding: 15px 25px;
  border: 1px solid #d8d8d8;
  background: #fff;
  color: #6d6d6d;
  line-height: 1.6;
}

.taxCard {
  border: 1px solid #DDDDDD;
  background: #fff;
}

.taxCardHeader {
  background: #EAEAEA;
  color: var(--orange-color);
  font-size: 22px;
  font-weight: 700;
  padding: 12px 20px;
}

.taxCardBody {
  padding: 15px 20px;
}

.taxCardBody p,
.taxCardBody li {
  color: #737373;
  font-size: 15px;
  line-height: 1.6;
  list-style: disc;
  margin-bottom: 0px;
}

.taxCardBody ul {
  margin: 15px 0 0;
  padding-left: 20px;
}

.taxCardBody li::marker {
  color: var(--orange-color);
}

.disBlock {
  display: block;
}

/* section 8 end */

/* section 9 start */

.eligibleCard {
  background: #fff;
  border-radius: 36px;
  padding: 50px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  align-items: center;
  box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.08);
  margin-top: 40px;
}

.eligibleGrid {
  padding-left: 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  row-gap: 55px;
}

.eligibleItem {
  display: flex;
  align-items: center;
  gap: 18px;
}

.eligibleIcon {
  flex-shrink: 0;
}

.eligibleIcon img {
  width: 65px;
  height: auto;
  display: block;
}

.eligibleContent {
  font-size: 16px;
  line-height: 1.35;
  color: #2B2B2B;
  margin-bottom: 0px;
}


.eligibleStamp {
  display: flex;
  justify-content: center;
  align-items: center;
}

.eligibleStamp img {
  max-width: 340px;
  width: 100%;
  display: block;
}

/* section 9 end */

/* section 10 start */
.callbackSection {
  background-color: var(--orange-color) !important;
  padding-bottom: 80px !important;

  .secTitle {
    color: var(--white-color);
  }

  .skContainer {
    max-width: 1080px;
  }
}

.callbackCardMain {
  position: relative;
  margin-top: 25px;

  .callbackCard {
    margin: 0 auto;
    background: #fff;
    border-radius: 18px;
    padding: 52px 50px 42px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 0;
    /*  border-bottom: 7px solid var(--blue-color); */
  }

  &::before {
    content: "";
    background-color: var(--blue-color);
    border-radius: 12px;
    top: 0;
    width: 98%;
    height: calc(100% + 7px);
    transform: translate(0%, 0);
    position: absolute;
    z-index: 0;
    left: 1%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
  }
}

.callbackForm {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}

.formInput {
  width: 100%;
  height: 40px;
  padding: 7px 20px !important;
  border: 1px solid #D6D6D6 !important;
  border-radius: 999px !important;
  background: transparent;
  color: #727272;
  font-size: 15px;
  outline: none;
  font-family: 'Spoqa Han Sans Neo', sans-serif !important;
}

.formInput::placeholder {
  color: #727272;
}

.formSelect {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 6L11 1' fill='none' stroke='%23555' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  padding-right: 45px;
}

.buttonWrapper {
  text-align: center;
  justify-content: center;
  grid-column: 1 / -1;
}

.callbackButton {
  min-width: 300px;
  height: 40px;
  border: none;
  border-radius: 999px;
  background: var(--orange-color);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1.5px;
  cursor: pointer;
  text-transform: uppercase;
  transition: 0.3s ease;
}

/* .callbackButton:hover {
  opacity: 0.9;
} */

.alertMessage {
  color: red !important;
  font-size: 12px;
  padding-left: 2px;
  display: none;
}

.mobShow {
  display: none;
}

.srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

.featureItem.rtFirst {
  margin-top: 45px;
}

/* section 10 end */

.comparetblSc {
    padding-top: 0px !important;
    .comparisonSection
    {
        margin-top:20px !important;
    }
}
/* Responsive */
@media all and (max-width: 1180px) {
    .skContainer, .skContainerRevoke {
    padding: 0 20px;
  }


}


@media all and (max-width: 1024px) {
  .servicesList {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .investGrid {
    padding-right: 0px;
  }

  .how-to-timeline-wrapper {
    max-width: 100%;
  }

  .timeline-item {
    flex: 0 0 200px;

    &.stepFour {
      flex: 0 0 200px;
    }
  }

  .investGrid {
    &.pmsData {
      grid-template-columns: 575px 1fr;
    }
  }

  .compareList {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 40px;
  }

  .compareSec {
    .skContainer {
      max-width: 100%;
      padding: 0px 20px;
    }
  }

  .taxGrid {
    width: 100%;
  }


}

@media (max-width: 992px) {

  .featureItem.rtFirst {
    margin-top: 0px;
  }

  .compareList {
    &::before {
      top: 25%;
      transform: translateY(-25%);
    }
  }


  .secTitle {
    font-size: 32px !important;
    line-height: 42px !important;
  }

  .pmspage {
    font-size: 14px;
  }

  section.topIntroSec {
    padding: 70px 0;
  }

  .hero {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 60px 30px;
    gap: 40px;
  }

  .topTitle {
    font-size: 28px;
  }

  .topSubTitle {
    font-size: 40px;
    line-height: 55px;
  }

  .hero-image {
    justify-content: center;
  }

  .hero-image img {
    width: 350px;
  }

  .topBtnWrap {
    margin-top: 30px;
  }

  .servicesList {
    row-gap: 90px;
  }

  section.servicesSec {
    position: relative;
    z-index: 0;
  }

  .servicesList {
    grid-template-columns: repeat(2, 1fr);
    margin-top:25px;
  }

  .investGrid {
    grid-template-columns: 1fr;

    &.pmsData {
      grid-template-columns: 1fr;

    }
  }

  .investRight {
    width: 100%;
  }

  .primeContainer {
    grid-template-columns: 1fr;
    gap: 50px;
  }


  .primeContainer {
    max-width: 90%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    grid-template-areas:
      "topFeature"
      "leftFeatures"
      "rightFeatures"
      "portfolioImage"
  }


  .portfolioImage {
    order: 99;
  }

  .topFeature {
    grid-area: topFeature;

    br {
      display: none;
    }
  }

  .leftFeatures {
    grid-area: leftFeatures;

    br {
      display: none;
    }
  }

  .rightFeatures {
    grid-area: rightFeatures;
  }

  .portfolioImage {
    grid-area: portfolioImage;
  }


  .featureColumn {
    gap: 40px;
  }

  .featureItem {
    text-align: center;
  }

  .portfolioImage {
    text-align: center;
  }

  .portfolioImage img {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .bottomTag {
    width: 100%;
    padding: 18px;
    text-align: center;
    font-size: 15px;
    max-width: 345px;
    padding: 12px;

  }

  .featureColumn {
    gap: 40px;
  }

  .featureItem,
  .topFeature {
    text-align: center;
  }

  .featureItem h3,
  .topFeature h3 {
    font-size: 20px;
  }

  .featureItem p,
  .topFeature p {
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 24px;
  }

  .riskBased {
    display: none;
  }

  .riskBasedMobile {
    display: block;
  }

  .portfolioImageMobile {
    display: block;

    img {
      max-width: 238px;
      width: 100%;
      margin: 0 auto;
      display: block;
    }
  }

  .portfolioImage {
    display: none;
  }

  .primeSubTitle {
    font-size: 22px;
    line-height: 38px;
  }

  .secSubTitle {
    font-size: 15px;
  }

  /* timeline */
  .how-to-timeline-wrapper {
    padding: 25px 0 0;
    min-height: auto;
    margin: 0 auto;
    max-width: 90%;
    z-index: 0;
  }

  /* Hide the global line on mobile and use item-based connectors */
  .timeline-line {
    display: none !important;
  }

  .timeline-row {
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
  }

  .timeline-item {
    margin-bottom: 30px;
    min-height: inherit;
    display: block;
    padding-left: 110px;
    position: relative;
    flex: 0 0 auto;

    &.stepFour {
      flex: 0 0 auto;
      margin-left: 0;
    }

    &.stepFive {
      margin-left: 0;
      margin-bottom: 0px !important;
    }
  }

  /* Vertical Line segment connecting to the next circle */
  .timeline-item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 28px;
    /* Start at circle center */
    left: 28px;
    /* Align with circle center */
    width: 1px;
    height: calc(100% + 50px);
    /* Fill item height plus the margin-bottom */
    border-left: 2px dotted var(--blue-color);
    z-index: 1;
  }

  .step-number {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
    width: 56px;
    height: 56px;
    font-size: 26px;
    box-shadow: none;
  }

  /* Horizontal Connector on Mobile */
  .vertical-connector {
    display: block;
    /* Repurposed as horizontal connector on mobile */
    width: 30px;
    height: 1px;
    border-left: none;
    border-top: 2px dotted var(--blue-color);
    top: 28px;
    /* Center of circle */
    left: 56px;
    transform: none;
  }

  .vertical-connector::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--orange-color);
    border-radius: 50%;
    top: -6px;
    /* Center on the dotted line */
    right: -10px;
    /* At the end of horizontal line */
    left: auto;
  }

  .step-content {
    position: static;
    transform: none;
    text-align: left;
    margin: 0;
    max-width: 100%;
    padding-top: 10px;
    /* Align with middle of circle */
  }

  .step-up .step-content,
  .step-down .step-content {
    position: static;
    top: auto;
    bottom: auto;
    transform: none;
  }

  .step-up .vertical-connector,
  .step-down .vertical-connector {
    position: absolute;
    top: 28px;
    margin: 0;
  }

  .step-title {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .step-text {
    font-size: 15px;
    max-width: 100%;
  }

  .investGrid {
    &.pmsData {
      gap: 40px;

      .investRight {
        margin: 0 auto;
      }
    }
  }

  .eligibleCard {
    grid-template-columns: 1fr;
    padding: 40px 30px;
  }

  .eligibleStamp {
    order: 2;
  }

  .eligibleGrid {
    order: 1;
  }

  .eligibleStamp img {
    max-width: 260px;
  }

  .callbackCardMain {
    .callbackCard {
      padding: 35px 30px;
    }
  }

  .callbackForm {
    gap: 20px;
  }

  .demat-btn-hold {
    z-index: 5;
  }
}

@media all and (max-width: 767px) {

  .pmspage {
    section {
      padding: 60px 0px;
    }
  }


  .secTitle {
    font-size: 28px !important;
    line-height: 36px !important;
  }

section.topIntroSec {
    padding: 40px 0;
    background: var(--orange-color) url('../images/pms/top-mobilebg.png') bottom right no-repeat !important;
    background-size: inherit;
}

  .hero {
    padding: 0px;
  }

  .topTitle {
    font-size: 22px;
  }

  .topSubTitle {
    font-size: 30px;
    line-height: 38px;
  }

  .tplist {
    font-size: 14px;
  }



  .hero-image img {
    width: 250px;
  }

  .servicesList {
    display: inherit;

    .slick-list {
      padding-left: 15px;
    }
  }

  .featureCard {
    margin: 60px 20px 20px 5px;
    height: 270px;
  }

  .servicesSec {

    .skContainer {
      padding: 0px;
    }
  }

  .invInnerHed {
    grid-template-columns: 1fr 22px;
    padding: 15px 0;
  }

  .accordionTitle {
    font-size: 19px;
  }

  .accordionIcon {
    display: none;
  }

  .accordionPanel {
    padding: 0px 0px 15px 0;
  }

  .accMobileIcon {
    display: block;
  }

  .accDeskIcon {
    display: none;
  }

  .accordionTrigger {
    padding: 25px 0 5px 0;
  }

  .accordionTrigger[aria-expanded="true"] {
    padding: 25px 0 0px 0;
  }

  /* timeline */
  .how-to-timeline-wrapper {
    padding: 20px 0px 0;
    max-width: 100%;
    width: 100%;
  }

  .timeline-line {
    display: none !important;
  }

  .timeline-row {
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .timeline-item {
    margin-bottom: 20px !important;
    min-height: auto !important;
    display: block !important;
    padding-left: 95px !important;
    /* tighter than 100px — fits small phones */
    position: relative !important;
  }

  /* Vertical dotted connector between steps */
  .timeline-item:not(:last-child)::before {
    content: "" !important;
    position: absolute !important;
    top: 28px !important;
    left: 28px !important;
    width: 1px !important;
    height: calc(100% + 36px) !important;
    border-left: 2px dotted var(--blue-color) !important;
    z-index: 1 !important;
  }

  /*   .step-number {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 45px !important;
    height: 45px !important;
  }
 */
  /* Horizontal short connector: circle → content */
  .vertical-connector {
    display: block !important;
    width: 34px !important;
    height: 1px !important;
    border-left: none !important;
    border-top: 2px dotted var(--blue-color) !important;
    position: absolute !important;
    top: 28px !important;
    left: 40px !important;
    transform: none !important;
  }

  .vertical-connector::after {
    content: "" !important;
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    background-color: var(--orange-color) !important;
    border-radius: 50% !important;
    top: -6px !important;
    right: -10px !important;
    left: auto !important;
  }

  .step-up .step-content,
  .step-down .step-content {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  .step-up .vertical-connector,
  .step-down .vertical-connector {
    position: absolute !important;
    top: 28px !important;
    margin: 0 !important;
  }

  .step-title {
    font-size: 20px !important;
    margin-bottom: 4px !important;
    text-align: left;
    line-height: 33px;
  }

  .step-text {
    font-size: 15px !important;
    line-height: 23px !important;
    text-align: left;
  }

  .primeSec {
    background-size: 100% 40%;
  }

  .investGrid {
    &.pmsData {
      .investRight {
        width: 100%;
        margin: 0 auto;
      }
    }
  }

  .orgRight {
    padding: 40px;
  }

  .pmsSecData {

    .secTitle,
    .investDec,
    .textLeft {
      text-align: center;
    }

    .investDec {
      font-size: 15px;
      color: #727272 !important;
    }
  }

  .compareList {
    gap: 80px;

    &::before {
      left: 50%;
      top: 0;
      transform: translateX(-50%);
      content: "";
      width: 2px;
      height: 100%;
      background: repeating-linear-gradient(to bottom,
          var(--blue-color) 0 3px,
          /* dash */
          transparent 3px 5px
          /* gap */
        );

    }
  }

  .comparisonSection {
    max-width: 100%;
    margin-top: 70px;
  }

  .comparisonHeader {
    padding: 25px 15px 70px;
  }

  .comparisonHeader h2 {
    font-size: 28px;
  }

  .comparisonHeader h3 {
    font-size: 18px;
  }

  .compareTitle {
    font-size: 22px;
  }

  .comparisonTable {
    margin-top: -50px;
  }


  .comparisonCell {
    padding: 14px 10px 14px 15px;
    font-size: 14px;
    line-height: 1.4;
  }

  .leftHeading,
  .rightHeading {
    font-size: 18px;
    padding: 15px;
    position: relative;
    z-index: 1;
  }

  .middleHeading,
  .midfeature {
    font-size: 14px;
    padding: 14px 10px 14px 15px;
  }

  .middleHeading {
    &.shdRemove {
      background-color: var(--orange-color);
      box-shadow: none;
    }
  }

  /*   .vsBadge {
    width: 42px;
    height: 42px;
    font-size: 12px;
  } */

  .comparisonCell:last-child {
    text-align: right;
    justify-content: flex-end;
  }

  .lastRow .comparisonCell {
    min-height: auto;
  }

  .lastColumn::before {
    height: 102%;
  }

  .comparisonRow {
    grid-template-columns: 34% 32% 34%;
  }

  .mobiletxt {
    font-size: 14px;
  }

  .taxGrid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "image"
      "content"
      "key";
  }

  .taxImageColumn {
    text-align: center;
  }

  .taxImageColumn img {
    max-width: 320px;
    margin: 0 auto;
  }

  .taxCardHeader {
    font-size: 20px;
  }

  .taxCardBody {
    padding: 18px;
  }

  .taxCardBody p,
  .taxCardBody li {
    font-size: 14px;
  }

  .keyDistinctionBox {
    padding: 15px;
    font-size: 15px;
  }

  .eligibleCard {
    padding: 25px 20px;
    border-radius: 24px;
  }

  .eligibleGrid {
    grid-template-columns: 1fr;
    row-gap: 28px;
  }

  .eligibleItem {
    align-items: center;
  }

  .eligibleIcon img {
    width: 42px;
  }

  .eligibleContent {
    font-size: 16px;
  }


  .eligibleStamp img {
    max-width: 230px;
  }

  .ctaWrapper {
    margin-top: 25px;
  }


  .callbackSection {
    padding-bottom: 60px !important;

    .skContainer {
      max-width: 100%;
    }
  }

  .callbackCard {
    padding: 45px 30px 35px;
    border-radius: 16px;
  }

  .callbackForm {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /*   .buttonWrapper {
    margin-top: 40px;
  } */

  .callbackButton {
    width: 100%;
    min-width: auto;
  }

  .mobHide {
    display: none;
  }

  .mobShow {
    display: block;
  }

  .topBtnWrap.mobShow {
    margin-top: 0px;
  }
}

@media all and (max-width: 459px) {
  .mobiletxt {
    text-align: center;
    display: block;
    font-size: 14px;
  }

  .mobilehide {
    display: none !important;
  }
}


/*  New Faq Accessiblitu css */
.faqsSec {
  background: #F7F8F9 !important;
  font-size: 15px;

  p {
    font-size: 15px;

  }

  .skContainer {
    max-width: 1080px;
    margin: 0 auto;
  }
}

.accordion {
  width: 100%;
  box-shadow: 0px 0px 15px #00000026;
  background-color: var(--white-color);
  border-radius: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 25px;
}

.accCard {
  background: #fff;
  border-bottom: 1px solid #EFEFEF;
  position: relative;

  &:last-child {
    border-bottom: 0px;
  }
}

.accCard:first-child {
  border-radius: 16px 16px 0 0;
}

.accCard:last-child {
  border-radius: 0 0 16px 16px;
}

.accCard.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: calc(100% - 20px);
  background-color: var(--orange-color);
}

.accHeading {
  margin: 0;
}

.accButton {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 20px 30px 20px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;

  &:focus {
    outline: 3px !important;
    outline-offset: -3px !important;
    text-decoration: none;

  }

}

.accButton:focus-visible {
  outline: 3px solid var(--blue-color) !important;
  outline-offset: -3px !important;
}

.accText {
  flex: 1;
  padding-right: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: .5px;
  color: #464646 !important;
  margin-bottom: 0;
}

.arrowIcon {
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  flex-shrink: 0;
  position: absolute;
  top: 26px;
  right: 20px;
}

.accButton[aria-expanded="true"] .arrowIcon {
  transform: rotate(-135deg);
  top: 30px;
}

.accPanel {
  padding: 0 32px 24px;
  color: var(--primary-color) !important;
  font-size: 15px;

  p {
    margin-bottom: 15px;

    &:last-child {
      margin-bottom: 0px;
    }
  }

  ul {
    list-style-type: decimal;
    margin-bottom: 0;
    padding-left: 20px;

    li {
      font-size: 15px;
      line-height: 21px;
      letter-spacing: 0.42px;
      list-style-type: decimal;
      margin-bottom: 7px;

      &:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
      }
    }

  }
}


.accPanel table {
  border-collapse: collapse;
  width: 100%;

  th {
    background: #696b81;
    padding: 10px 10px;
    color: #fff;

    &:first-child {
      text-align: left;
    }

  }

  td {
    border-bottom: 1px solid #E4E4E4;
    padding: 10px 10px 8px 10px;

    &:first-child {
      text-align: left;
    }

  }
}

/* Mobile */

@media (max-width: 767px) {
  .faqsSec {
    .skContainer {
      max-width: 100%;
    }
  }

  .accButton {
    padding: 15px 15px 15px 20px;
    font-size: 20px;
    line-height: 1.35;
  }

  .accPanel {
    padding: 0 20px 20px;
    font-size: 13px;

    p {
      font-size: 13px;

      &:last-child {
        margin-bottom: 0px;
      }
    }
  }

  .accText {
    font-size: 13px;
  }

  .accCard.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: calc(100% - 20px);
    background-color: var(--orange-color);
  }

  .arrowIcon {
    top: 20px;
  }

  .accButton[aria-expanded="true"] .arrowIcon {
    top: 24px;
  }


}

/* new faq accessiblity css end */

/*BY SHUBHAM*/
.elegibleSec {
    background-color: var(--white-color) !important;
}
ul,ol {
    list-style-type:none !important;
}
.alternateRow .lastColumn {
    box-shadow: none;
    &::before

{
    content: "";
    top: 0px;
    left: 0px;
    position: absolute;
    height: 110%;
    width: 100%;
    background-color: rgb(243, 243, 243);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 7px 12px;
    z-index: -1;
}
}
.accordionTrigger:focus {
    outline: unset !important;
}
.pmspage .scheduleMeetingSec {
    background-color: var(--orange-color) !important
}

    .pmspage .scheduleMeetingSec .secTitle {
        color: #fff !important
    }

    .pmspage .scheduleMeetingSec .captionTxt {
        color: #fff !important
    }