/* Above is the default font for testing dont copy above */
  .productCard-section {
    margin: 15px 0;
  }
  
  .productTitle {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #000;font-family: 'Lato-Bold';
    margin: 0;
    text-align: left;
    padding-bottom: 10px;
  }
  
  .productTitle span {
    color: #ED3237;
  }
  
  .productDesc {
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  
  .policyText {
    color: #404040;font-family: 'Lato-Bold';
    font-size: 11px;
    letter-spacing: 0.3px;
    font-weight: 500;
    padding: 4px 0 0;
  }
  
  .productCard {
    border: 1px solid #707070;
    border-radius: 12px;
    padding: 12px 25px;
    margin: 15px 0;
    max-width: 550px;
  }
  
  .bestSellerTag {
    background-color: #FFECEC;
    color: #AB2020 !important;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 500;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-height: 26px;
    padding: 5px 10px;
  }
  
  .discountTag {
    background-color: #EEF6FF;
    color: #003974 !important;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 500;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-height: 26px;
    padding: 5px 10px;
  }
  
  .tagFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .flex {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
  }
  
  .productFeature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin: 6px 0 6px;
  }
  
  .productFeatures {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #000000;
    padding: 5px 0;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  
  .seperationLine {
    margin: 0;
    border-top: 1px solid #D4D4D4;
  }
  
  .productPayGet {
    margin: 5px 0 10px;
  }
  
  .productPay {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #000;
    padding: 5px 0;
  }
  
  .productGet {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #000;
    padding: 5px 0;
  }
  
  .productGet span {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #ED3237;
  }
  
  .productCta {
    margin: 16px 0 15px;
  }
  
  .fund-productCta {
    margin: 16px auto;
    display: flex;
    justify-content: center;
  }
  
  .productCta a,
  .fund-productCta a {
    background: transparent linear-gradient(90deg, #ED1C24 0%, #FF4B2B 100%) 0% 0% no-repeat padding-box;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    border-radius: 25px;
    padding: 10px 20px;
    text-decoration: none;
    letter-spacing: .3px;
    margin-top: 8px;
    max-height: 45px;
  }
  
  .fund-productCta a {
    text-align: center;
    width: 175px;
  }
  
  #whatIsKotak-e-InvestPlus {
    margin: 25px 0;
    padding: 40px 25px 25px;
  }
  
  .productSubTitle {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #000;
    margin: 26px 0 16px;
  }
  
  .product-fundCards {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .fund-card {
    max-width: 365px;
    min-height: 515px;
    padding: 25px 20px;
    border-radius: 12px;
    border: 1px solid #BEBEBE;
    background: #fff;
  }
  
  .productFundName {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 3px;
  }
  
  .highlight-red {
    color: #DF0010;
  }
  
  .highlight-blue {
    color: #003974;
  }
  
  .productFundCode {
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 16px;
  }
  
  .productFundGroup {
    background: #FFECEC;
    color: #AB2020;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    margin-bottom: 3px;
  }
  
  .productFund-date {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-bottom: 16px;
  }
  
  .fund-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }
  
  .navText {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #000;
  }
  
  .navText span {
    font-size: 13px;
  }
  
  .nav-value {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    line-height: 40px;
  }
  
  .risk-meter {
    width: 60px;
    display: block;
  }
  
  .seperation {
    border-right: 1px solid #707070;
    height: 50px;
    width: 1px;
  }
  
  .navRisk {
    font-size: 13px;
    font-weight: 500;
    color: #000;
  }
  
  .returns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  
  .fund-returns,
  .benchmark-returns {
    text-align: left;
  }
  
  .fundReturnText,
  .benchmarkText {
    font-size: 13px;
    font-weight: 500;
    color: #000;
  }
  
  .green-value {
    /* color: #4A9E00; */
    color: #000;
    font-size: 28px;
    font-weight: 500;
  }
  
  .black-value {
    color: #000;
    font-size: 28px;
    font-weight: 500;
  }
  
  .investmentObjective-title {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
  }
  
  .investmentObjective-desc {
    font-size: 13px;
    font-weight: 500;
    color: #000;
  }
  
  .fundAsOfDate {
    text-align: right;
    font-size: 13px;
    font-weight: 500;
    margin: 10px 0;
  }
  
  #keyFeatures {
    margin: 25px 0;
  }
  
  .keyFeatures-cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 15px 0;
  }
  
  .keyFeatures-card {
    border: 1px solid #BEBEBE;
    padding: 25px;
    max-width: 370px;
    min-height: -webkit-fill-available;
    border-radius: 12px;
  }
  
  .keyFeatures-card img {
    margin-bottom: 16px;
  }
  
  .keyFeatures-title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
  }
  
  .keyFeatures-desc {
    color: #3D3D3D;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  
  .overflowHeight {
    height: 100px;
    overflow-y: scroll;
  }
  
  .overflowHeight::-webkit-scrollbar-track {
    background-color: #f7f7f7;
  }
  
  .overflowHeight::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
  }
  
  .overflowHeight::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 1px solid #555555;
  }
  
  #eligiblity {
    margin: 25px 0;
  }
  
  .custom-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden;
    font-size: 14px;
  }
  
  .custom-table thead th {
    background-color: #FFF !important;
    text-align: center;
    padding: 10px;
    border: 1px solid #BEBEBE;
    font-weight: bold;
    color: #000 !important;
  }
  
  .custom-table td {
    text-align: center;
    padding: 10px;
    border: 1px solid #BEBEBE;
    background-color: #FFF !important;
    color: #000 !important;
  }
  
  .custom-table td[colspan="3"],
  .custom-table td[colspan="2"] {
    text-align: left;
  }
  
  #downloads {
    margin: 35px 0 25 0;
  }
  
  .blackBanner {
    padding: 20px;
    margin: 25px 0 15px;
   width:100%;
  }
  
  .downloads-cards {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 15px;
    position: relative;
  }
  
  .downloads-card {
    background-color: #4e5862;
    border-radius: 24px;
    padding: 20px;
    text-align: center;
    min-width: 170px;
    min-height: 150px;
  }
  
  .downloadsTitle {
    color: #FFF;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  
  .download-person {
    position: absolute;
    right: 50px;
    bottom: -60%;
  }
  
  .download-person img {
    width: 300px;
    height: auto;
  }
  
  #similar-plans {
    margin: -1% 0 25px;
  }
  
  .similarPlans-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
  }
  
  @media only screen and (max-width:480px) {
    .productCard {
      max-width: 100%;
      padding: 15px;
    }
  
    .bestSellerTag,
    .discountTag {
      font-size: 13px;
    }
  
    .productFeature {
      grid-template-columns: 1fr;
    }
  
    .product-fundCards {
      flex-wrap: wrap;
      row-gap: 15px;
    }
  
    .fund-card {
      max-width: 100%;
      min-height: auto;
      padding: 25px 15px;
    }
  
    #whatIsKotak-e-InvestPlus {
      padding: 25px 5px;
    }
  
    .blackBanner {
      background-color: #28323C;
      display: inline-block;
      min-height: 425px;
      padding: 20px 0;
    }
  
    .downloadsTitle {
      font-size: 13px;
    }
  
    .downloads-cards {
      gap: 8px;
      padding: 10px 5px 20px;
    }
  
    .downloads-card {
      min-width: 140px;
      min-height: 160px;
    }
  
    .download-person {
      position: absolute;
      right: 15%;
      top: 100%;
    }
  
    .download-person img {
      width: 220px;
      height: auto;
    }
  
    .keyFeatures-card {
      min-height: auto;
    }
  
  }

  /* ashwini css */
 .newdesign .accelcard{margin-top: 0;}
 .newdesign .save-offline .op9:before {
    bottom: 41.3rem;
    top: auto;
}
.newdesign .save-offline .op5:before {
    top: 11rem;
}
.newdesign .save-offline .op1:before {
    top: 160px;
}
.newdesign .save-offline .op2:before {
    top: 21rem;
}
.newdesign .save-offline .op3:before {
    top: 25rem;
}
.newdesign .save-offline .op4:before {
    top: 30rem;
}
.newdesign .save-offline .op6:before {
    top: 34.6rem;
}
.newdesign .save-offline .op8:before {
    bottom: 4.3rem;
    top: auto;
}
.newdesign .accelcard::before {top:64px;}
.accelcard {
   
    padding: 35px 20px 35px 20px !important;
}
/* .new-pro .accordion-div .accordion:before {
    width: 28px;
    height: 25px;
   background-image: url('/assets/images/newproductimges/newminus.svg');
    content: '';
   
    position: absolute;
    right: 0;    background-repeat: no-repeat;background-color: unset !important;
    top: 50%;
    -webkit-transition: all ease .5s;
}
.new-pro .accordion-div .accordion:after {
    width: 28px;
    height: 25px;
   background-image: url('/assets/images/newproductimges/newplus.svg');
    content: '';
  
    position: absolute;
    right: 0;    background-repeat: no-repeat;background-color: unset !important;
    top: 50%;
    -webkit-transition: all ease .5s;
} */

.new-pro .accordion {
    position: relative;
    padding-left: 40px; /* for space before */
    padding-right: 40px; /* for space after */
}

/* Add image before */
/* .new-pro .accordion::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('/assets/images/newproductimges/newplus.svg');
    background-size: cover;
    background-repeat: no-repeat;background-color: unset;
}


.new-pro .accordion::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);background-color: unset;
    width: 20px;
    height: 20px;
    background-image: url('/assets/images/newproductimges/newminus.svg');
    background-size: cover;
    background-repeat: no-repeat;
} */
/* Default: PLUS icon */
.new-pro .accordion::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);background-color: #fff !important;
    width: 20px;
    height: 20px;
    background-image: url('/assets/images/newproductimges/newplus.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: unset;
}
.accordion-div .accordion:before {
    width: 13px;
    height: 3px;
    background: unset;}

/* When accordion is active: MINUS icon */
.new-pro .accordion.active::after {
    background-image: url('/assets/images/newproductimges/newminus.svg');background-color: #fff !important;
}
.terms p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .32px;
    color: #000;
}
.list-term li{font-size: 13px; margin-left: 61px; color: #000;list-style: disc;}
.dynamicform {margin-top:0 !important;margin-left :2rem !important;}
/*#topRetirementSection{margin-top: 0px !important;}*/
.font-in{font-size: 14px;}
.the-link{font-size: 13px;}
th{font-size: 17px; color: #000;font-weight: 600; text-align: center;padding: 8px;}
td{font-size: 17px; color: #000; text-align: center;padding: 10px !important;}
.red{color: #ED3237;}
.tab-detail p {font-size: 16px;}
.scroll{overflow: scroll;}
.no-space li{max-width: 100% !important;text-align: left; padding-left: 0 !important;}
.no-space li:before{background-color: unset; text-align: left;}
.click-here{color: #003366; padding-left: 3px;}
.click-here:hover{color: #003366;}

@media (max-width: 1366px) {
	.similarplans-flex{gap:12px;}
   
  
.product-fundCards {gap: 10px;}
.fund-card {max-width:320px;
   
    min-height: 643px;}
    .keyFeatures-card {
       
        max-width: 307px;
        min-height: 308;}
}
.text-end{text-align: end;}

.custom-product-table th{background-color: #fff !important;}
.custom-product-table tr{background-color: #fff !important;}
@media (max-width: 480px) {
	.rhsFixed_Wrapper{margin-top:-210%;}
    .black-value {font-size: 26px;}
    .green-value{font-size: 26px;}
    .keyFeatures-card {
       
        max-width:100% ;
     }

    .dynamicform {margin-left: 0 !important;}
    .nav-value{font-size: 26px;}
    
    .col-md-6{
        flex: 0 0 100% !important;
        max-width: 100% !important;
       }

    .click-here{display: block;
        margin-top: 1px;}
        .fundAsOfDate{text-align: left;}
        .accelcard{padding: 15px !important;}
        td:first-child, th:first-child {
            padding-left: 8px;
        }
       .acc-div-mob .entry {border-top:1px solid #dbdbdb !important;}
       .new-pro .accordion{padding-left: 0 !important; }
    }

    /* .similarPlans-flex {
        display: flex;
        justify-content: flex-start; 
        align-items: center;
        gap: 12px; 
        margin-top: 16px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; 
        scrollbar-width: none; 
      }
      .similarPlans-flex::-webkit-scrollbar {
        display: none;
      }
      @media (max-width: 768px) {
        .similarPlans-flex {
          justify-content: flex-start;
          overflow-x: auto;
          gap: 12px;
        }
      } */
       .col-md-6{
        flex: 0 0 50%;
        max-width: 50%;
       }
       .newcs{align-items: start !important; gap: 2px !important;}

       .accordion-btns h3 {
        color: #000 !important;
        font-family: Lato-Bold !important;
        font-size: 16px !important;}

        .new-t li{font-size: 16px;color: #000;margin-left: 75px;}
        .new-pro .accordion{padding-left: 0 !important; cursor: pointer !important;}
		.bor{height:unset ;}