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

@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;
}  
@media all and (max-width: 1250px){.skContainer{padding: 0 20px;}} 
.secTitle {
  color: #2B2B2B;
  font-weight: 700 !important; 
  font-size: clamp(28px, 1rem + 1.5vw, 38px);
  line-height: clamp(38px, 1.6rem + 1.5vw, 48px) !important;  
  margin-bottom: 10px;
  text-align: center;
}  
.mobView {
  display: none;
} 
.flexWrap {
  display: flex;
  flex-wrap: wrap;
} 
.aifPage {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 300;
  color: var(--primary-color);
  overflow-x: hidden; 
  * {
    font-family: 'Spoqa Han Sans Neo', sans-serif;
    font-weight: 300;
  } 
  section {
    padding-top: 70px;
    padding-bottom: 70px;
  } 
  p,
  span {
    color: var(--primary-color);
  } 
  .demat-btn-hold{ z-index: 3;} 
  .slick-dots { display: flex; align-items: center; justify-content: center; column-gap: 10px;
    li{ button{ width: 16px; height: 16px; padding: 0;
      &:before{width: 14px; height: 14px;padding: 0; opacity: 1;margin: 0; padding: 0; border: 0; content:"";} }
&.slick-active button:before {
    width: 14px;
    height: 14px;
    background: #F58220;
    content: "";
}
    }
  } 
} 
.orangeTxt{color: var(--orange-color);} 
a.blueAlinkText:hover,
a.blueAlinkText:focus,
a.blueAlinkText:active,
a.blueAlinkText:link,
a.blueAlinkText:visited
 {
  color: var(--blue-color);
}
.mobView {
  display: none;
} 
.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;
}    
.srOnly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.custVScrollGlobal { max-height: 240px; overflow-y: auto; margin-bottom: 20px; padding-right: 10px; } 
.custVScrollGlobal::-webkit-scrollbar { width: 5px; height: 1px; background-color: #f3f3f3; } 
.custVScrollGlobal::-webkit-scrollbar-thumb { background: var(--orange-color); border-radius: 5px; }
.errorMsg { font-size: 12px; line-height: 14px; color: var(--error-txt-color) !important; display: inline-block; width: auto; padding-top:5px; }
/* ===== comman CSS : end ===== */ 
 


/* ===== topIntroSec : start ===== */
.topIntroSec { background-color: var(--orange-color) !important; margin-bottom: 25px; padding: 45px !important;
  .skContainer{position: relative; display: flex; justify-content: flex-end;}
  .contentWrap{display: flex;flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; position: absolute; left: 50px;top: 50%; transform: translateY(-50%); max-width: 555px; margin: 0 auto 0 0;z-index: 1;}
  .pageTitle{font-size: 60px; line-height: 75px !important; color: var(--white-color); font-weight: 700; padding-bottom: 22px;margin-bottom: 25px;border-bottom: 1px solid #f5f5f5; }
  .secSubTitle{font-size: 18px;line-height: 26px; font-weight: 300; color: var(--white-color); margin-bottom: 30px;
    strong{font-size: 32px;line-height: 32px;color: #000; font-weight: 700; width: 100%; margin-bottom: 12px;display: inline-block;
    &:after { content: '\a'; white-space: pre; }
    }
  } 
  .commanBtn.mobView{display: none;} 
  .introBannerImgMob{display: none;}
  .introBannerImgDesk{position: relative; right: -150px; top: 45px;z-index: 0;}
} 
/* ===== topIntroSec : end ===== */

  /* ===== whatAreAifSec : start ===== */
.whatAreAifSec {position: relative;background-color: #fff !important;
  .skBigContainer{max-width: 1400px;}  
  .captionTxt{font-size: 18px; line-height: 24px;margin-bottom: 40px; text-align: center;} 
  .whatAreAifUlist{display: flex; 
      .li{ flex: 0 0 24%;width: 24%;  display: flex; align-items: center;min-height: 309px; position: relative;
        &:nth-child(1){ &:before {display: none;} } 
        &:nth-child(4){ flex: 0 0 calc(100% - 72%);width: calc(100% - 72%); }
        &::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 65px; height: 100%; background: url(../images/aif/whatAreAifListBgImg_desk.png) center center no-repeat; mix-blend-mode: multiply; } 
      }
    .aifCard{flex: 0 0 100%;width: 100%;  position: relative;padding-left: 70px; padding-right: 40px; 
      .imgWrap{ margin-bottom:20px; }
      .title{font-size: 18px; line-height: 22px; font-weight: 700; color: var(--blue-color); margin-bottom: 10px;max-width: 250px;}
      .subTitle{font-size: 16px; line-height: 22px; max-width: 150px; strong{font-weight: 500;}} 
    }
  }   
}  
/* ===== whatAreAifSec : end ===== */


  /* ===== whyChooseSec : start ===== */
.whyChooseSec {position: relative; background-color: #F7F8F9 !important; padding: 70px 0 80px 0 !important; 
  .secTitle{  margin-bottom: 10px;} 
  .captionTxt{font-size: 18px; line-height: 24px;max-width: 830px; margin: 0 auto 50px auto; text-align: center;}  
  .whyChooseUlist{ display: flex; column-gap: 135px; row-gap: 32px; flex-wrap: wrap; position: relative; 
  .worldCircleImg{position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}
    .wcLiCard{ flex: 0 0 calc(50% - 68px); width: calc(50% - 68px); border: 1px solid #eee; background-color: #fff; border-bottom: 10px solid var(--blue-color);border-radius: 15px;  padding: 25px 20px 20px 25px; min-height: 150px; margin: 0; box-shadow: 0 0 10px -7px #000000;
      &:nth-of-type(1){ padding-right: 50px;}
      &:nth-of-type(2){ padding-left: 60px;}
      &:nth-of-type(3){ padding-right: 50px;}
      &:nth-of-type(4){ padding-left: 60px;}
      .title{font-size: 18px; line-height: 22px; font-weight: 700; color: #000; margin-bottom: 10px; }
      ul{ margin: 0; padding: 0;
         li{font-size: 15px; line-height: 20px; position: relative; padding-left: 10px;
          &::before{ content: ""; position: absolute; left: 0; top: 9px; width: 5px;height: 5px; border-radius: 100%; background-color: var(--orange-color); }
        }
      }
    }
  }   
}  
/* ===== whyChooseSec : end ===== */


 /* ===== howToInvestSec : start ===== */
.howToInvestSec {  position: relative; background-color: var(--orange-color) !important;
  .secTitle{font-size: 48px; line-height: 52px !important; color: var(--white-color); margin-bottom: 30px;  text-align: left;} 
  .asideWrap{display: flex; padding:50px 0 50px 0;
    .lhsWrap{flex: 0 0 335px; width: 335px; }
    .rhsWrap{flex: 0 0 calc(100% - 335px); width: calc(100% - 335px); padding-left: 65px;}
  } 
  .hICard{background-color: #e68117;border-bottom: 5px solid #FFF; padding: 16px 10px 15px 20px;
    .title{ font-size: 22px; color: #fff; font-weight: 700; margin-bottom: 10px;}
    .elgbltyUlist{ margin: 0; padding: 0;
        li{font-size: 15px; line-height: 20px;color: #fff; position: relative; padding-left: 10px;
        &::before{ content: ""; position: absolute; left: 0; top: 9px; width: 5px;height: 5px; border-radius: 100%;background-color: #fff;}
      }
    } 
  } 
  .stepCardUlist{display: flex; gap: 42px; justify-content: center; flex-wrap: wrap; 
    .stepCard{flex: 0 0 calc(50% - 21px); width: calc(50% - 21px); display: flex; flex-direction: column; border: 1px solid #eb9f4d; padding: 16px 10px 15px 20px; background-color: var(--orange-color); padding: 30px 20px 20px 30px; color: #fff; clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100% ); position: relative;transition: border-color 0.3s ease;
      &::after{ content: ""; position: absolute; bottom: 18px; right: -9px; width: 58px; height: 0px; border: 1px solid #eb9f4d; z-index: 1; transform: rotate(135deg);}
      .topWrap{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}
      .imgWrap { flex: 0 0 80px; width: 80px; min-height: 50px; display: flex; align-items: center; justify-content: flex-start;
        img { max-width: 100%;width: max-content;
          &:nth-of-type(1){display: block;}
          &:nth-of-type(2){display: none;}
        }
      }
      .stepNum { font-size: 48px;line-height: 48px;color: #f2be88;transform: translateY(0);opacity: 1; transition: all 0.6s ease; } 
      .title { font-size: 22px;line-height: 26px; font-weight: 700;color: #fff; margin-bottom: 14px; display: flex;transition: all 0.5s ease;
        .titleNum{font-size: 22px;line-height: 26px; font-weight: 700;color: #fff;transition: all 0.5s ease;width: 0;opacity: 0; }
      } 
      .captionTxt{ font-size: 15px;line-height: 22px; color: #fff; padding-right: 20px;}
      &:hover{  border-color: #fff; clip-path: unset;  
        &::after{ display: none;}
        .imgWrap img{
          &:nth-of-type(1){display: none;}
          &:nth-of-type(2){ display: block;}
        }
        .stepNum { transform: translateY(-100px); opacity: 0; } 
        .titleNum{width : auto;opacity: 1;padding-right: 5px; }
      }
    } 
  } 
}  
/* ===== howToInvestSec : end ===== */



 /* ===== whySharekhanSec : start ===== */
.whySharekhanSec {
    position: relative;
    min-height: 600px;
    background-size: 100% 60% !important;
    background-image: url('../images/aif/whySharekhanSecBg.png') !important;
    background-size: 100% 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    .whySharekhanSecMidImg{position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform:translateY(-40%) translateX(15%);}
  .secTitle{ margin-bottom: 30px; max-width: 450px; text-align: left;} 
  .captionTxt{ font-size: 18px;line-height: 26px; color: #1C1C1C; text-align: left; max-width: 330px;} 
  .asideWrap{display: flex; padding:20px 25px 50px 25px;
    .lhsWrap{flex: 0 0 calc(100% - 250px); width: calc(100% - 250px);}
    .rhsWrap{flex: 0 0 250px; width: 250px;}
  }   
} 
.aumCard { width: 100%; margin-bottom: 30px;
  .statLi{ border-bottom: 1px solid #d2d0cf;padding-top: 23px; padding-bottom: 23px;  &:last-of-type{border-bottom: 0;}
    .val{font-size: 32px; line-height: 36px; font-weight: 700; color: var(--orange-color);letter-spacing: 0.8px;margin-bottom: 7px; width: 100%;}
    span { color: #757575; font-size: 16px; display: block; width: 100%; }
  }
}
/* ===== whySharekhanSec : end ===== */



/* ===== benefitsSec : start ===== */ 
.benefitsSec { background-color: #F7F8F9 !important; } 
.benefitsUlist {display: flex;gap: 28px;justify-content: center;flex-wrap: wrap;max-width: 1044px;margin: 100px auto 30px auto;
  .slick-dots { bottom: -50px !important;}
} 
.bnftCard {flex: 0 0 calc(25% - 21px); width: calc(25% - 21px); 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%; height: 100%; } 
  &::before { content: ""; background-color: var(--orange-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); } 
  .title { color: var(--orange-color); font-size: 18px; line-height: 24px !important; font-weight: 700; margin-bottom: 15px; } 
  p { font-size: 15px; line-height: 24px; color: #464646; margin-bottom: 15px; } 
  .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); } 
  }
  &.blueCard{
    &::before { background-color: var(--blue-color);}
    .title { color: var(--blue-color);}
    .orgCircle { background-color: var(--blue-color); }
  }
} 
/* ===== benefitsSec : end ===== */


/* ===== howAifWorkSec : start ===== */
.howAifWorkSec {
    background-color: #fff !important;
    position: relative;
    min-height: 600px;
    background: #fff url('../images/aif/howAifWorkSecBg.png') center bottom no-repeat !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
   
    .skContainer { max-width: 1075px; }
  .secTitle{  margin-bottom: 10px;} 
  .captionTxt{font-size: 18px; line-height: 24px;max-width: 830px; margin: 0 auto 50px auto; text-align: center;}   
}  
.howAifWorkUlist{ position: relative; display: flex; column-gap: 56px; margin-top: 80px;margin-bottom: 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, transparent 3px 5px);}
}
.aifWorkStepCard{position: relative;flex: 0 0 calc(33.33% - 37px); width: calc(33.33% - 37px); min-height: 240px; background-color: #fff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); border-radius: 7px; text-align: center; padding: 50px 30px 30px; border: 1px solid #eee;
  .cardDesc{font-size: 18px; line-height: 24px; margin-top: 20px;}
}  
.aifWorkStepCircle { 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;}
/* ===== howAifWorkSec : end ===== */


/* ===== typesOfAifSec : start ===== */ 
.typesOfAifSec{ background-color: #F7F8F9 !important; padding-bottom: 20px !important;
  .secTitle{  margin-bottom: 10px;} 
  .captionTxt{font-size: 18px; line-height: 24px;max-width: 830px; margin: 0 auto 50px auto; text-align: center;}   
  .typesOfAifSlider { margin: 0 auto; overflow: hidden; padding-bottom: 80px; max-height: 800px; 
    .slick-dots { bottom: 0 !important;}
  }     
  .slick-slide { position: relative; z-index: 1; opacity: 0.8; filter: blur(2px); transform: scale(0.8) translate(200px); transition: opacity 0.2s linear; transition: transform 0.4s; } .slick-active { transform: scale(1) translate(0); } .slick-center + .slick-slide  { transform: scale(0.8) translate(-200px); } .slick-center { z-index: 2; transform: scale(1); opacity:1; filter: blur(0); }  
  .slideItem{background: #E37500;box-shadow: 0px 6px 12px #E3750040; border-radius: 16px; 
    &.cat2{background: var(--blue-color);box-shadow: 0px 6px 12px #043B7240;}
    &.cat3{background: #727272;box-shadow: 0px 6px 12px #72727240;}
  } 
  .typesCard{position: relative; width: 100%; .cardTitle { font-size:22px;line-height: 26px; color: #fff; font-weight:500; padding: 18px 10px 18px 20px; margin: 0;} .typesUlist{ .li{ flex: 0 0 100%; width: 100%; padding: 18px 15px 18px 20px; border-top: 1px solid #eeac66; display: flex; align-items: center; .imgWrap { flex: 0 0 50px; width: 50px; display: flex; align-items: center; justify-content: center; img { max-width: 100%; } } .txtWrap{flex: 0 0 calc(100% - 50px); width: calc(100% - 50px); padding-left: 20px; .liTitle { font-size:18px;line-height: 22px; color: #fff; font-weight: 500; margin-bottom: 3px;} .desc { font-size:14px;line-height: 20px; color: #fff; } } } } } 
}   
/* ===== typesOfAifSec : end ===== */


/* ===== aifVsPmsSec : start ===== */ 
.aifVsPmsSec{ background-color: #fff !important;}     
.comparisonSection { max-width: 935px; margin: 0 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 .secTitle { font-size: 38px; color: #ffffff; font-weight: 700; margin-bottom: 8px; } .comparisonHeader .secSubTitle { 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; } }
/* ===== aifVsPmsSec : end ===== */
 

 /* ===== risksDueDiligenceSec : start ===== */  
.risksDueDiligenceSec { background-color: #F7F8F9 !important; } .riskCard { background: #fff; border-radius: 34px; padding: 22px 22px 22px 50px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16); margin-top: 30px; margin-bottom: 30px; } .riskGrid { display: grid; grid-template-columns: 1.15fr 520px; gap: 40px; align-items: start; } .riskTitle { font-size: 22px; font-weight: 700; color: #2B2B2B; margin: 25px 0 15px; } .riskList { padding-left: 0px; margin-bottom: 0px; li { display: flex; gap: 25px; padding: 15px 0; border-bottom: 2px dotted #CECECE; &:last-child { border-bottom: none; padding-bottom: 0px; } } } .riskIcon { flex-shrink: 0; } .riskIcon { width: 66px; text-align: right; } .riskInfo .riskTitleBtm { margin: 0 0 10px; color: var(--orange-color); font-size: 18px; font-weight: 700; margin-bottom: 5px; } .riskInfo p { margin: 0; color: #464646; font-size: 15px; line-height: 21px; } .dueDiligenceCard { background: var(--orange-color); border-radius: 27px; padding: 25px 30px 30px; color: #ffffff; } .dueDiligenceTitle { font-size: 22px; font-weight: 700; margin: 0 0 8px; color: #fff !important; } .dueDiligenceText { font-size: 15px; line-height: 21px; margin: 0 0 24px; color: #fff !important; } .dueDiligenceGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .dueDiligenceItem { min-height: 150px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 7px; padding: 20px 15px; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 15px; } .dueDiligenceItem img { width: 58px; height: auto; } .dueDiligenceItem span { font-size: 15px; line-height: 1.45; color: #ffffff; } a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #005fcc; outline-offset: 3px; }  
 /* ===== risksDueDiligenceSec : end ===== */ 


  /* ===== taxTreatmentSec : start ===== */ 
.taxTreatmentSec { background: var(--blue-color) !important; border-bottom: 15px solid var(--orange-color); } .whiteTxt { color: #fff; } .taxTreatmentContainer { max-width: 1200px; margin: 0 auto; } .taxTreatmentTitle { text-align: center; color: #ffffff; font-size: 56px; font-weight: 700; margin-bottom: 90px; } .taxTreatmentContent { max-width: 1070px; margin: 100px auto 75px; display: grid; grid-template-columns: 1fr 200px 1fr; align-items: center; gap: 0; } .taxCategoryCard { background: #fff; min-height: 187px; display: flex; flex-direction: column; justify-content: flex-start; font-size: 15px; } .taxCategoryCard .catTitle { color: var(--orange-color); font-size: 22px; font-weight: 700; background-color: #F5F5F5; padding: 15px 20px; margin-bottom: 0; } .taxCategoryCard p { color: var(--primary-color); font-size: 16px; line-height: 21px; margin-bottom: 0px; } .cardPbox { padding: 20px; padding-right: 90px; } .taxCategoryRight { .cardPbox { padding-left: 90px; padding-right: 20px; } } .taxCategoryRight { text-align: right; } .taxIllustration { text-align: center; position: relative; z-index: 0; } .taxIllustration img { width: 420px; max-width: none; margin: -60px auto; display: block; position: relative; left: -110px; } .taxTreatmentNote { text-align: center; color: #ffffff; font-size: 14px; line-height: 1.6; max-width: 1000px; margin: 0 auto; }  
/* ===== taxTreatmentSec : end ===== */



 /* ===== aifEligibilitySec : start ===== */
.aifEligibilitySec { background-color: #F7F8F9 !important;
  .skContainer{position: relative;
    .aifEliSecMidImg{position: absolute; bottom: 0; left: -80px;  } 
  }
  .secTitle{ margin-bottom: 10px; text-align: left;} 
  .captionTxt{ font-size: 18px;line-height: 26px;margin-bottom: 10px; text-align: left; } 
  .asideWrap{display: flex; max-width: 1050px; margin: 0 auto 20px auto;
    .lhsWrap{flex: 0 0 400px; width: 400px; position: relative; }
    .rhsWrap{flex: 0 0 calc(100% - 400px); width: calc(100% - 400px);padding-top: 20px; padding-left: 50px;}
  }   
  .aifEliUlist{display: flex; gap: 60px; justify-content: center; flex-wrap: wrap; padding: 50px 0 60px 0;
    .aifEliCard{flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); display: flex; align-items: center; position: relative;   
      .imgWrap { flex: 0 0 60px; width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          max-width: 100%;
        }
      }
      .liTitle { flex: 0 0 calc(100% - 60px); width: calc(100% - 60px);font-size: 22px;line-height: 28px; font-weight: 400; color: #2B2B2B; margin-bottom: 0; padding-left: 20px;} 
    } 
  } 
}  
/* ===== aifEligibilitySec : end ===== */


/* ===== faqsSec : start ===== */
.faqsSec{background-color: #fff !important;.skContainer{padding-left: 45px; padding-right: 45px;}.secTitle{padding-bottom: 5px;}.captionTxt{ font-size: 16px;line-height: 22px;margin-bottom: 45px; color: #464646; font-weight: 400; text-align: center;}}
.accordionHolder{width:100%;background:#FFF;box-shadow:0 0 15px #00000026;border-radius:16px;padding:7px 0 5px 0;margin-bottom:0; .arrowIcon{position:absolute;width:9px;height:9px;display:inline-block;right: 30px;&:after{content:'';position:absolute;top:3px;right:0;width:9px;height:9px;border:solid #000;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);}} } .accCard{position:relative; border-bottom:1px solid #EFEFEF; .accTitleWrap{ margin: 0; .accButton{background:transparent;border:0;padding:16px 50px 16px 32px;margin: 0;outline:0; position:relative; width:100%; text-align: left;display: flex; .accTitle{font-size:16px;line-height:20px;font-weight:700;letter-spacing:.5px;color:#464646;margin-bottom:0} &:focus-visible { outline: 2px solid #005fcc; outline-offset: 2px; } } &.active .arrowIcon:after{transform:rotate(225deg);top: 8px;} } .accPanel{display:none;position:relative;padding:0 50px 15px 32px;font-size:15px;line-height:21px;letter-spacing:.42px; ul{list-style-type:decimal;margin-bottom:0;padding-left:30px;li{font-size:15px;line-height:21px;letter-spacing:.42px;list-style-type:decimal}} 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}}} } &:before{content:"";position:absolute;top:10px;left:0;z-index:0;width:10px;height:0;background-color:var(--orange-color);transition:all .2s ease-in-out;} &.boxActive{ &:before{ height:calc(100% - 20px); } } &:last-of-type{border-bottom:0} }  
@media all and (max-width:768px){ .faqsSec { .skContainer{padding-left: 15px; padding-right: 15px;} .secTitle{ padding-bottom: 10px;} } .accCard{ .accTitleWrap{font-size:14px;line-height:20px; .accButton {padding: 14px 40px 14px 25px;.accTitle{font-size:14px;line-height:20px}} } .accPanel{font-size:13px;line-height:18px;padding:0 40px 10px 25px; ul{li{font-size:13px;line-height:18px}} } } .accordionHolder .arrowIcon{right:20px} .accCard.boxActive:before{ width: 8px;} } 
/* ===== faqsSec : end ===== */

 

/* ===== noteOnAIFSec : start ===== */
.noteOnAIFSec{ background-color: #F7F8F9 !important; padding: 30px 0 !important;
  strong{font-weight: 400;}
  p{font-size: 14px; line-height: 20px !important; margin-bottom: 15px;display: inline-block;&:last-of-type{margin-bottom: 0;}} 
}
/* ===== noteOnAIFSec : end ===== */

 
 
/* ========== Responsive ========== */ 
@media all and (max-width: 1200px) { 

  /* ===== scheduleMeetingSec : start ===== */
  .scheduleMeetingSec{ 
    .captionTxt{ margin-bottom: 35px; } 
  }
  .scheduleMeetingFormBox{ padding: 40px 30px 30px 30px; }
  .formInputUlist{ column-gap: 15px; margin-bottom: 40px;
    .colm{flex: 0 0 calc(33.33% - 10px); width: calc(33.33% - 10px);}   
  } 
  /* ===== scheduleMeetingSec : end ===== */ 
  .topIntroSec { padding: 20px !important; .pageTitle { font-size: 48px; line-height: 58px !important;} }
  .howAifWorkUlist{ column-gap: 30px;  }
  .aifWorkStepCard{ flex: 0 0 calc(33.33% - 20px); width: calc(33.33% - 20px); padding: 50px 15px 30px; }  
  .howToInvestSec .asideWrap { padding: 0;}
  .whySharekhanSec .asideWrap { padding: 0;}
  .howAifWorkSec{min-height: 550px;.howAifWorkUlist{ margin-bottom: 0px;}}
  .comparisonSection{ margin: 0 auto 10px;}
} 
@media all and (max-width: 992px) {  
  .skContainer {
    padding: 0 15px;
  } 
  .deskView {
    display: none;
  }
  .mobView {
    display: block;
  } 
  .commanBtn {  
    &.mobView{display: inline-flex; }
  }  
  .secTitle { 
    margin-bottom: 15px;
  }  
  .aifPage {    
    section {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }  
  .topIntroSec {
    .pageTitle { font-size: 38px; line-height: 48px !important; max-width: 450px;} 
    .secSubTitle strong { font-size: 26px; line-height: 32px;}
  }   
  .howToInvestSec .asideWrap { flex-wrap: wrap;
    .lhsWrap{flex: 0 0 100%; width: 100%; margin-bottom: 30px;}
    .rhsWrap{flex: 0 0 100%; width: 100%;padding-left: 0;}
  }
   .whySharekhanSec { padding-bottom: 440px !important;
      .whySharekhanSecMidImg { max-width: 350px; top: unset; bottom: 40px; transform: unset; }
      .asideWrap { flex-wrap: wrap;
        .lhsWrap{flex: 0 0 100%; width: 100%;  margin-bottom: 30px;} 
        .rhsWrap{flex: 0 0 100%; width: 100%; }
      }
   }  
  .whatAreAifSec .whatAreAifUlist {
    .li{
      &::before {background-size: 70% 70%;width: 50px;}
      &:first-of-type .aifCard{padding-left: 15px;}
      .aifCard { padding-left: 50px; padding-right: 10px;}
    } 
  } 
  .bnftCard{flex: 0 0 calc(50% - 14px); width: calc(50% - 14px);}
  .scheduleMeetingFormBox{ padding: 30px 25px 25px 25px; } 
  .riskCard { padding: 20px; } .riskGrid { grid-template-columns: 1fr; gap: 20px; } .dueDiligenceCard { margin-top: 10px; padding: 20px; } .riskTitle { margin-top: 10px; } .taxTreatmentTitle { font-size: 42px; margin-bottom: 60px; } .taxTreatmentContent { grid-template-columns: 1fr; gap: 25px; margin-top: 20px; } .taxIllustration { order: 3; margin-bottom: -130px; } .taxCategoryLeft { order: 1; } .taxCategoryRight { order: 2; } .taxIllustration img { width: 300px; margin: 0 auto; left: auto; top: -90px; }
  .comparisonRow .comparisonCell:last-child{text-align: right;}
  .rightHeading{ text-align: right;}
  .aifEligibilitySec { padding-bottom: 320px !important; position: relative;
    .skContainer{position: unset;}
      .aifEliSecMidImg { position: absolute; max-width: 350px; top: unset; bottom: 0; transform: unset; position: absolute; left: 0 !important; right: 0; margin: 0 auto;}
      .asideWrap { flex-wrap: wrap;
        .lhsWrap{flex: 0 0 100%; width: 100%; } 
        .rhsWrap{flex: 0 0 100%; width: 100%; padding-top: 20px; padding-left: 20px;}
      }
   }

} 
 
@media all and (max-width: 768px) {
    .aifVsPmsSec .skContainer {
        padding: 0 0;
    }

  .aifPage {    
    section {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }  
  .topIntroSec{padding: 0px !important; margin-bottom: 0;
    .skContainer{ justify-content: center; flex-wrap: wrap; align-items: center;}
    .contentWrap { display: flex; flex-wrap: wrap; justify-content: center;max-width: 340px; padding: 40px 0 20px 0; position: static; left: unset; top: unset; transform: unset; max-width: 100%; margin: 0 auto; z-index: 1;text-align: center; }
    .pageTitle{ max-width: 100%; font-size: 28px; line-height: 38px !important; padding-bottom: 15px; margin-bottom: 15px;}
    .secSubTitle {font-size: 14px; line-height: 20px; font-weight: 300; margin-bottom: 10px;
      strong { font-size: 19px; line-height: 24px;}
    }
    .introBannerImgDesk{display: none;}
    .introBannerImgMob{display: flex; justify-content: center;max-width: 375px;}
  } 
  .scheduleMeetingSec {
    .secTitle { max-width: 280px; margin: 0 auto 7px auto;} 
    .captionTxt { font-size: 15px;line-height: 20px;  max-width: 280px; margin: 0 auto 25px auto;} 
  } 
  .scheduleMeetingFormBox{ max-width: 400px; margin: 0 auto;}
  .formInputUlist{ column-gap: 0; flex-wrap: wrap; row-gap: 24px; 
    .colm{flex: 0 0 100%; width: 100%}   
  } 
  .whySharekhanSec {  
    .captionTxt{font-size: 15px; line-height: 20px; max-width: 280px; } 
  }
  .aumCard{ max-width: 250px;}
  
  .benefitsSec{padding-bottom: 70px !important;}
  .bnftCard{flex: 0 0 100%; width: 100%; margin: 60px 20px 20px 5px;}

  .howAifWorkSec {
    .captionTxt{font-size: 15px; line-height: 20px; max-width: 280px; }  
    .howAifWorkUlist{margin-top: 70px;flex-wrap: wrap; row-gap: 70px;
      &::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 */ ); }
      .aifWorkStepCard{flex: 0 0 100%; width: 100%;}
    }
  }
  
  /* ===== typesOfAifSec : start ===== */ 
  .typesOfAifSec{  
    .captionTxt { font-size: 15px;line-height: 20px;  max-width: 280px; margin-bottom: 25px; }  
    .slick-active { transform: scale(1) translate(0); }    
    .typesOfAifSlider { padding-bottom: 50px;}
  }   
  /* ===== typesOfAifSec : end ===== */
  .whatAreAifSec {
    .captionTxt{font-size: 15px; line-height: 20px; margin-bottom: 30px;}
    .whatAreAifUlist { flex-wrap: wrap;
      .li{flex: 0 0 100%; width: 100%;min-height: auto;padding-top: 65px; margin-top: 50px;
        &::before {background: url(../images/aif/whatAreAifListBgImg_mob.png) center center no-repeat; mix-blend-mode: multiply; background-size: 100% 100%; width: 262px; height: 55px;left: 0; right: 0; margin: 0 auto; }
        &:first-of-type {padding-top: 0; margin-top: 0;
          .aifCard{padding-right: 0; padding-left: 0;}
        }
        &:nth-child(4) {flex: 0 0 100%; width: 100%;}
        .aifCard {padding-left: 0; padding-right: 0; display: flex; flex-wrap: wrap; align-items: center; text-align: center; flex-direction: column;}
      } 
    } 
  }
  .howToInvestSec {
      .secTitle { font-size: 28px; line-height: 38px !important; max-width: 200px; margin: 0 auto 30px auto;text-align: center; }
      .stepCardUlist{flex-wrap: wrap;
        .stepCard{flex: 0 0 100%; width: 100%;}
      }
  }
  .whyChooseSec{padding: 50px 0 50px 0 !important; 
    .captionTxt{font-size: 15px; line-height: 20px; margin-bottom: 30px;}
    .whyChooseUlist { flex-direction: column;column-gap: 0; row-gap: 20px;
      .worldCircleImg { position: static; left: unset; right: unset;   top: unset; transform: unset; max-width: 225px; margin: 0 auto;}
      .wcLiCard {flex: 0 0 100%; width: 100%; max-width: 400px; margin: 0 auto;
            &:nth-of-type(1) { padding-right: 0;}
      }
    }
  }

  /* ===== aifVsPmsSec : start ===== */ 
    .comparisonSection { max-width: 100%; } .comparisonHeader { padding: 25px 15px 70px; } .comparisonHeader .secTitle { font-size: 28px; } .comparisonHeader .secSubTitle { 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;} .middleHeading, .midfeature { font-size: 14px; padding: 14px 10px 14px 15px; } .middleHeading { &.shdRemove { background-color: var(--orange-color); box-shadow: none; } } .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%; }
  /* ===== aifVsPmsSec : end ===== */


  .riskCard { padding: 10px; border-radius: 24px; margin-bottom: 10px; } .riskContent { padding: 10px 10px 0px; } .riskTitle { font-size: 18px; margin-bottom: 20px; margin-top: 0px; } .riskItem { gap: 14px; } .riskInfo .riskTitleBtm { font-size: 15px; } .riskList { padding-left: 0px; li { gap: 15px; } } .riskInfo p { font-size: 12px; line-height: 18px; } .dueDiligenceCard { padding: 20px; border-radius: 20px; } .dueDiligenceTitle { font-size: 18px; } .dueDiligenceGrid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .dueDiligenceItem { min-height: 130px; } .dueDiligenceItem img { width: 48px; } .dueDiligenceItem span { font-size: 14px; line-height: 18px; } .dueDiligenceText { font-size: 12px; line-height: 18px; } .taxTreatmentContent { max-width: 250px; margin: 30px auto 190px; } .taxTreatmentSection { padding: 40px 15px 60px; } .taxTreatmentTitle { font-size: 32px; margin-bottom: 40px; } .taxCategoryCard { min-height: auto; } .taxCategoryCard .catTitle { font-size: 18px; margin-bottom: 0px; } .taxCategoryCard p { font-size: 15px; } .taxIllustration img { width: 290px; left: -20px; top: -90px; position: absolute; } .taxTreatmentNote { font-size: 14px; line-height: 1.5; } .cardPbox { padding: 15px; padding-right: 15px; } .taxCategoryRight { .cardPbox { padding-left: 15px; padding-right: 15px; padding-bottom: 80px; } } .taxIllustration { margin-bottom:0; }

 .aifEligibilitySec { 
    .captionTxt{font-size: 15px; line-height: 20px; margin-bottom: 30px;} 
    .aifEliUlist { row-gap: 30px; column-gap: 0; padding: 0px 0 40px 0;
      .aifEliCard{flex: 0 0 100%; width: 100%;
        .liTitle{font-size: 20px; line-height: 24px;}
      }
    }
  } 

}

@media (max-width: 480px) {
  .dueDiligenceGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*SHUBHAM*/
h1, h2, h3 {
    margin-top: 0px;
}
.callbackSection {
    background-color: #ffffff !important;
}
 .callbackSection .secTitle {
        color: #000000 !important;
    }
.selDropdownHolder {
    position: relative;
}
.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;
}
}

@media (max-width: 768px) {
    .scheduleMeetingSec {
        .captionTxt

{
    font-size: 15px;
    line-height: 20px;
    max-width: 280px;
    margin: 0 auto 25px auto;
}

}
}