html {
  height: 100%;
}
body {
  min-height: 100%;
  margin: 0px;
  font-weight: normal;
  font-style: normal;
  padding: 0px;
  font-family: "Lato", sans-serif;
}
iframe {
    border: 0;
    width:100%;
}
.fs-36 {
  font-size: 36px;
}
.fs-30
{
  font-size: 30px;
}
.fs-16 {
  font-size: 16px;
}

.fs-28 {
  font-size: 28px;
}

.fs-32 {
  font-size: 32px;
}

.fs-20 {
  font-size: 20px
}
.fs-18
{
  font-size: 18px;
}
.fs-22
{
  font-size: 22px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-weight: 700;
}
.pt-pb-10{
  padding-top:10px;
  padding-bottom:10px;
}
.pt-pb-20{
  padding-top:20px;
  padding-bottom:20px;
}
.pt-pb-30{
  padding-top:30px;
  padding-bottom:30px;
}
.heading {
  font-weight: 700;
  padding: 0px 0px 10px 0px;
}

p {
  font-weight: 400;
  margin: 0;
  padding: 0px 0px 10px 0px;
  font-size: 14px;
}

.color-blue,
.color-blue h1,
.color-blue p,
.color-blue h3,
.color-blue h2,
.color-blue h4,
.color-blue h5,
.color-blue h6 {
  color: #283747;
}

.color-red {
  color: #E63D25;
}
.color-green{
  color:#156d44;
  font-weight: 700;
}
header.headersection {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
  color: #fff;
  /* box-shadow: 1px 1px 1px #ccc; */
}
.bluebg{
  background: #003254;
}

.headersection .nav-link {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.table{
  margin-bottom:0;
}
.small{
  font-size: 12px;
}
a.navbar-brand {
  padding: 0px;
  margin: 0;
}
.navbar{
  padding: 17.2px 0!important;
}

.navbar-toggler {
    padding: .25rem;
}

a.navbar-brand img {
  width: 145px;
}

li.nav-item {
  padding: 0px 10px;
}

a.nav-link.downaload {
  background: #E63D25;
  color: #fff;
  padding: 8px 25px !important;
}
.is-hidden{
  display: none!important;
}
.icon-bar {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 1px;
  background: #fff;
  margin: 6px 0 0 0;
}

.navbar-toggler[aria-expanded=true] span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 8px;
}

.navbar-toggler[aria-expanded=true] span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -3px;
}

.navbar-toggler[aria-expanded=true] span:last-child {
  display: none;
}

.navbar-toggler {
  transition: all 0.6s ease-in-out 0s;
  border: 0 !important;
  background: transparent;
  box-shadow: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.banner {
  width: 100%;
  position: relative;
}


.img-responsive {
  width: 100%;
}

.pad10 {
  padding: 30px 0px 0px 0px;
}



.light-blue-bg {
  background: #C2E8FD;
  width: 100%;
  height: auto;
  padding: 20px 0px;
}
.form_section_group .heading
{
  padding: 0px;
}
.form_section_group .row
{
  align-items: center;
}
.small-heading {
  font-weight: 700;
  padding: 0px 0px 10px 0px;

}

.formsection .row {
  margin-left: 0;
  margin-right: 0;
}

.form_section_group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 45px;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.6);
}
.form_section_group {
    width: 80%;
    margin: auto;
    display: block;
}
.nopad
{
  padding: 0px;
}
.btn-orange {
  background-color: #E63D25;
  color: #fff;
  border: none;
  font-size: 15px;
  font-weight: 700;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 45px;
  box-shadow: none;
  padding: 0px 5px;
}

.btn-orange:hover {
  background-color: #E63D25;
  color: #fff;
}

.formsection .col-lg-6,
.formsection .col-lg-2,
.formsection .col-sm-8,
.formsection .col-sm-4 {
  padding: 0;
}

.formsection {
  padding: 10px 0px 0px 0px;
}

.feature_slider_box {
  background: #F2F2F2;
  padding: 15px;
  border: 0px solid #ccc;
  box-shadow: 1px 0 10px 0px #cccccc2e;
  text-align: center;
  margin: 10px 20px 10px 0px;
}
.feature_slider_box:hover
{
 background: #E3F2FA;
}
.feature_slider_box .icon_on
{
  display: none;
}
.feature_slider_box:hover .icon_on
{
  display: block;
}
.feature_slider_box:hover .icon_off
{
  display: none;
}
div#nav-tabContent {

  border-left: 0;
  border-right: 0px;
}

div#nav-tabContent .tab_content_inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
}

div#nav-tabContent .tab_content_inner .investment_content p {
  font-size: 16px;
  padding: 0px;
}

.feature_slider_box img {
  margin: 0px auto 10px auto;
  display: block;
  width: 70px;
}

.feature_slider_box h3 {
  padding: 0px 0px 10px 0px;
  line-height: initial;
  font-size: 28px;
}

.feature_slider_box h3 span {
  display: block;
}

.left-arrow {

  background: url('../images/icon/leftarrow.png')no-repeat;
  width: 40px;
  height: 40px;
  background-size: contain;

}

.left-arrow:hover,
.left-arrow:focus,
.left-arrow.active {
  background: url('../images/icon/leftarrowactive.png')no-repeat;
}

.right-arrow {

  background: url('../images/icon/rightarrow.png')no-repeat;
  width: 40px;
  height: 40px;
  background-size: contain;
}

.right-arrow:hover,
.right-arrow:focus,
.right-arrow.active {
  background: url('../images/icon/rightarrowactive.png')no-repeat;
}

.left-arrow {
  left: -40px;
}

.right-arrow {
  right: -40px;
}

.custom-arrow {
  top: auto;
  bottom: 33%;
}

.custom-arrow:before {
  opacity: 1;
  content: '';

}

.common_slider_section {
  padding: 0px 0px 30px 0px;
}

.tab_section {
  padding: 20px 0px 0px 0px;
}

.tab_section .nav-tabs {
  border-bottom: 0px solid #dee2e6;
}

.nav-tabs .nav-link {
  border: 1px solid #ccc;
  padding: 8px 25px;
  margin: 0px 15px 0px 0px;
  color: #000;
  font-weight: 400;
  border-radius: 5px;
  line-height: initial;
  background: #D7D7D7;
  font-size: 18px;
}

.nav-tabs .nav-link.active {
  background: #0C3252;
  color: #fff;
 
}
.investment_content .color-red{
  font-size: 28px!important;
}
.investment-option {
  display: flex;
  align-items: center;
  width: 47%;
  gap: 18px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
  padding: 30px 20px;
  margin: 0px 10px 0px 10px;
}
.tab_icon img {
    width: 100px;
}
.sip_border {
  border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
  margin-top: 30px !important;
}

.sip_border .investment-option:nth-child(1) {
  border-right: 0px solid #ccc;

}

.section {
  padding: 30px 0px 0px 0px;
}

.investment_content h4 {
  padding: 0px 0px 5px 0px;
}

.tab_content_inner {
  padding: 10px 0px 10px 0px;
}

.whats_box_section {
  background: rgba(245, 245, 245, 0.5);
  border-radius: 8px;
  padding: 15px;
  margin: 10px;
}

.version {
  color: #6D758F;
  font-size: 14px;
  font-weight: 400;
}

.video_tab_section {
  padding: 20px 0px 0px 0px;
}

.video_tab_section .nav-tabs {
  border-bottom: 0px solid #dee2e6;
  align-items: center;
  justify-content: center;
}

.video_tab_section .nav-tabs .nav-link {
  margin: 0;
  background: #fff;
  padding: 10px 30px;
  border-radius: 12px;
  border: 1px solid #283747;
}

.video_tab_section .nav-tabs .nav-link:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;

}

.video_tab_section .nav-tabs .nav-link.active.first-child {
  border: 0;
}

.video_tab_section .nav-tabs .nav-link:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.video_tab_section .nav-tabs .nav-link.active {
  background: #283747;
  color: #fff;

}

.video_image {
  padding: 10px 10px;
}

.video_image img {
  width: 100%;
  cursor: pointer;
}

.video_image h4 {
  text-align: center;
  padding: 10px 0px;
}

.video_image a {
  display: block;
}

.video_image h4 span {
  display: block;
}

.video_slider_section {
  padding: 10px 0px 0px 0px;
}

.accordion-item {
  margin-bottom: 20px;
  border: none;
}

.accordion-item:not(:first-of-type) {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.accordion-header {
  background-color: #E4F2FF;
}

.accordion-body {
  background-color: #E4F2FF63;
}

.accordion-body {
  color: #003254;
  font-size: 16px;
  font-weight: 400;
}

.accordion-button {

  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 18px;
  color: #003254;
  text-align: left;
  background-color: #E4F2FF;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  font-weight: 400;

}
.accordion-body p
{
  padding: 0;
  margin: 0;
}
.accordion-item {
  position: relative;
}

.accordion-item span.icon {
  position: absolute;
  right: 20px;
}

.accordion-button:not(.collapsed) {
  color: #003254;
  background-color: #E4F2FF;
  box-shadow: none !important;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  background: transparent;
  display: none;
}

.accordion-button .icon::before {
  content: '\002D';
  font-weight: 900;
  font-size: 25px;
}

.accordion-button.collapsed .icon::before {
  content: '\002B';
}

.accordionsection {
  margin: 20px 0px 0px 0px;
}

.footersection {
  background: rgba(215, 215, 215, 0.3);
  width: 100%;
  padding: 0px 0px;
}
.social_links
{
  background: rgba(215, 215, 215, 0.2);
}
.social_links ul,
.app_links ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  gap: 15px;

}

.social_links ul li,
.app_links ul li {
  display: inline-block;
}

.social_links ul li a img {
  width: 30px;
  height: auto;
  display: block;
}

.app_links ul li a img {
  width: 130px;
  height: auto;
  display: block;
}

.app_links,
.social_links {
  padding: 20px 0px;
}

.disclaimer p {
  font-size: 16px;
  padding: 0px 0px 20px 0px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.disclaimer p span 
{
  display: block;
}
.download_footer_button {
  background: #E63D25;
  border-radius: 6px 6px 0px 0px;
  position: fixed;
  bottom: 0px;
  width: fit-content;
  padding: 7px 50px;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  margin: auto;
  display: block;
  left: 0;
  right: 0;
}

.download_footer_button a,
.download_footer_button a:hover {
  color: #fff;
  text-decoration: none;
}

.mob_download_app {
  display: none;
}

.feature_slider_box p {
  height: 65px;
}

section#faq {
  padding-bottom: 30px;
}
.tab_section_width .fullwidthnav
{
width: 100%;
}
.tab_section_width .nav-tabs .nav-link
{
  width: 25%;
  background: #F7F7F7;
  border: 1px solid #D7D7D7;
  font-size: 24px;
  font-weight: 700;
}
.tab_section_width .nav-tabs .nav-link.active
{
  background: #0C3252;
  font-weight: 700;
}
.tbody, td, tfoot, th, thead, tr{
  padding:10px;
}
tbody, td, tfoot, th, thead, tr {
   /* border-color: #fff;
    border-style: solid;
    border-width: 1px;*/
    align-items: center;
    vertical-align: middle;
}
.tablefund thead th
{
  border-right: 1px solid #fff;
}
.tablefund thead th:nth-child(6)
{
  border-right: 0;
}
.tablefund tbody tr
{
border-bottom: transparent;
background-color:#F8F8F8;
 font-size: 16px;
  font-weight: 400;
}
.btn-view,.btn-view:hover
{
  background: #fff;
  color: #0B2E59;
  border: 1px solid #0B2E59;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}
.btn-start,.btn-start:hover
{
  background: #258A48;
  color: #fff;
  border: 1px solid #258A48;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}
    .fund-card {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
      background-color: #fff;
          font-family: "Lato", sans-serif;
    }

    .fund-header {
      background-color: #0e2f4b;
      color: #fff;
      text-align: center;
      padding: 15px 10px;
      font-weight: 700;
      font-size: 18px;
    }
    .fund-body
    {
      padding-bottom: 0px;
      background: rgba(228, 243, 255, 0.57);
    }
    .fund-row {
      display: flex;
     
     background: rgba(228, 243, 255, 0.57);
      font-size: 16px;
      align-items: center;
    }
    .fund-row div
    {
      width: 50%;
      padding: 10px;
    }
    .fund-row div:first-child
    {
      border-right: 1px solid #ccc;
       
    }
    .fund-row div:last-child
    {
      text-align: center;
    }

    .fund-row:last-child {
      border-bottom: none;
    }

    .value-green {
      color: #28a745;
      font-weight: bold;
    }

    .btn-view-mob,.btn-view-mob:hover {
      background-color: #0e2f4b;
      color: white;
      border-radius: 0;
      padding: 10px;
      font-weight: 400;
      font-size: 14px;
     font-family: "Lato", sans-serif !important;
     box-shadow: none;
    }

    .btn-start-mob,.btn-start-mob:hover {
      background-color: #ea5b39;
      color: white;
      border-radius: 0;
      padding: 10px;
      font-weight: 400;
      font-size: 14px;
      font-family: "Lato", sans-serif !important;
      box-shadow: none;
    }
    .note_text p
    {
      color: #6D758F;
      padding: 10px 0;
    }
    .note_texts p
    {
      color: #6D758F;
    }
.mobile_Section_show
{
  display: none;
}
.schemesection .table-responsive
{
  margin: 20px 0px 0px 0px;
}
.schemesection
{
  /* padding-bottom: 20px; */
}
.slick-dots li
{
  background: transparent;
  border: 2px solid #283747;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.slick-dots li.slick-active
{
  background: #283747;
}

.slick-dots li button:before
{
  content: '';
}

.banner_top_section
{
  background: #F4F9FF;
  width: 100%;
  height: auto;
  /* position: relative;
  padding: 130px 0px; */
}
.banner_logo img
{
  margin: auto;
  display: block;
  width: 100%;
}
.video_banner
{
  position: relative;
}
.video_banner img
{
  width: 100%;
  height: auto;
}
.rowcenter
{
  align-items: center;
}
.sip_light_bg
{
  background: #F2F9FF;
  width: 100%;
  padding: 30px;
  position: relative;
  height: auto;
  margin: 20px 0px 0px 0px;
}

.left_side_content h3
{
  font-size: 20px;
  font-weight: 400;
  margin: 0px;
  padding: 10px 0px;
}
.left_side_content p
{
  font-size: 14px;
  font-weight: 400;
}
.slider_tool_single_content {
    padding: 30px 0px;
}
.slider_tool_single_content p {
 font-size: 16px;
 font-weight: 600;
 margin: 0px 0px 0px 0px;
 }

.slider.slider-horizontal
{
    width: 100%;
}
.slider-handle
{
    border-radius: 50%;
    box-shadow: 0 0 6px 0 rgba(194,192,190,.85);
    background-color: #258A48;
    cursor: pointer;
}
.slider-selection
{
background: #258A48 !important;
}
.slider-track
{
    background-color: #004a8c !important;
    cursor: pointer;

}
.slider-track-low, .slider-track-high
{
  opacity: .2;
    background-color: #258A48;
}
.slider.slider-horizontal .slider-track
{
  height: 7px;

}
.slider-handle
{
  width: 15px;
  height: 15px;
}
.unitvalue {
    display: block;
    width: 100%;
}
.unitvalue span {
   font-size: 14px;
}
.unitvalue .min
{
  float: left;
}
.unitvalue .max
{
  float: right;
}
p.smalltext {
    font-size: 10px;
    padding: 10px 0px;
    margin: 0px;
    font-weight: 400;
}
.calculator_slider_tool_section .form-control
{
  background: #FFF0E0;
  border: 0px;
}
.result_section {
    width:70%;
    margin: auto;
    display: block;
}
.chart-container
{
width: 100%;
height: auto;
display: block;
margin: auto;
display: block;
}
.investmet_details span
{
  background: #0C3252;
  width: 30px;
  height: 8px;
  border-radius: 10px;
  display: inline-block;
  margin: 0px 10px;
}
.investmet_details span.yellowcolor
{
  background: #E63D25;
}
.investmet_details span.lightblue{
  background-color: #C8B9D6;
}
.investmet_details span.lightbrown{
  background-color: #EC8080;
}
.investmet_details {
    display: flex;
    align-items: center;
    font-size: 11px;
    justify-content: center;
    margin: 20px 0px 0px 0px;
}
.amount_display p
{
  text-align: center;
  margin: 0px;
  font-weight:700;
}
.total_amount
{
  text-align: center;
  padding: 10px 0px;
}
.total_amount p
{
  font-size: 16px;
  font-weight: 700;
  display: block;
  padding: 0px 0px;
}
.amount_display {
    text-align: center;
    margin: auto;
}
.sip_button {
    margin: 10px auto;
    display: none;
    background: #0C3252;
    padding:8px 20px;
    width: fit-content;
    color: #fff;
    text-decoration: none;
}
.sip_button a
{
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}
.chart-container
{
  width: 250px;
  height: 250px;
}
.video_icon {
    width: 100px;
    height: auto;
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    margin: auto;
}

 .mobile-banner{
  display: none!important;
 }
 .sip_lump_tab {
    padding: 10px 0px 0px 0px;
}
.video_play_section {
    padding: 10px;
}
.video_hindi_section h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 0px 0px 20px 0px;
    color: #283747;
}
.video_hindi_section h2 a
{
 color: #283747;
}
button.btn.btn-submit {
  background: #283747;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    height: 36px;
    text-align: center;
    margin: 30px 0px 0px 0px;
}

small.text-blue {
    padding: 15px 0px 0px 0px;
    display: block;
    font-size: 11px;
    color: #283747;
}
.form-blue-bg
{
  background: #C2E8FD;
  width: 100%;
  height: auto;
  padding: 30px 0px;
}
h1.heading-normal {
    font-size: 24px;
    font-weight: 400;
    padding: 0px 0px 10px 0px;
}
.form_section_group_bottom {
    padding: 10px 0px 0px 0px;
}
.disclaimer_section
{
  background: #F2F2F2;
  width: 100%;
  padding: 30px 0px;
}
.disclaimer_section h2
{ 
font-size: 16px;
font-weight: 400;
margin: 0px 0px 10px 0px;
}
.disclaimer_section p
{
  font-size: 12px;
  font-weight: 400;
  color: #000;
  padding: 0px 0px 10px 0px;
}
.disclaimer_section p:last-child
{
  padding-bottom: 0;
}
section.section.video_play_section_top {
    padding: 30px 0px;
}

.video_small_banner a {
  display: block;
  width: 100%;
}

.video_small_banner img
{
  width: 100%;
}

.video-container {
    position: relative;
    cursor: pointer;
}

.video_image {
  padding: 10px 10px;
}

.video_image img {
  width: 100%;
  cursor: pointer;
}

.video_image h4 {
  text-align: center;
  padding: 10px 0px;
}

.video_image a {
  display: block;
}

.video_image h4 span {
  display: block;
}

.play-button {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 50px;
}

.index_fund_box
{
  background: #F0E4AF;
  width: 90%;
  border-radius: 10px;
  padding: 15px;
  margin: 50px auto 20px auto;
  height: 280px;
}
.index_fund_box h2
{
color: #D7160C;
font-size: 22px;
font-weight: 700;
padding: 0px 0px 5px 0px;
}

.index_fund_box h4
{
color: #0C3252;
font-size: 20px;
font-weight: 700;
padding: 0px 0px 15px 0px;
}
.index_fund_box h4
{
color: #003254;
font-size: 18px;
font-weight: bold;
padding: 0px 0px 10px 0px;
}
.numberbox {
    background: #0C3252;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 700;
    margin: -40px auto 15px auto;
}

@media (min-width: 993px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 992px) {}

@media (max-width: 767px) {
 .mobile-banner{
  display: block!important;
 }
 .desktop-banner{
  display: none!important;
 }
  .left-arrow {
    left: -10px;
  }
  .right-arrow{
    right: -10px;
  }

  .whats_box_section {
    margin: 10px 0px;
  }

  a.nav-link.downaload {
    background: #E63D25;
    color: #fff;
    padding: 8px 20px;
    text-align: center;
  }

  .banner {
    padding: 0px;
    height: auto;
  }

  .banner img {
    height: auto;
    object-fit: cover;
    width: 100%;
  }

  .headersection li.nav-item {
    padding: 10px 10px;
    text-align: center;
  }

  .mob_download_app {
    display: none;
        margin: 0px 10px;
        position: relative;
        top: 2px;
  }

  .nav-tabs .nav-link{
        margin: 0px 10px 0px 0px;
  }
.tab_section_width .nav-tabs .nav-link{
  font-size:16px;
}
  .feature_slider_box {
    background: #fff;
    padding: 15px;
    border: 0px solid #ccc;
    box-shadow: 1px 1px 10px #ccc;
    text-align: center;
    margin: 8px;
  }

  .footer_sc {
    justify-content: center !important;
  }

  .sip_border .investment-option {
    width: 100%;

  }

  .sip_border .investment-option:nth-child(1) {
    border-right: none;
    border-bottom: 0px solid #e0e0e0;
  }

  .form_section_group
  {
           width: 100%;
        text-align: center;
        padding: 10px;
  }
  .form_section_group .heading
  {
    padding: 0px 0px 10px 0px;
  }
  .tab_section_width .nav-tabs .nav-link
  {
    width: auto;
  }
  .investment-option
  {
    padding: 15px;
    gap: 10px;
    margin: 10px 0px;
  }
  .tab_icon img {
    width: 80px;
}
.disclaimer p span
{
  display: inline;
}
.sip_border
{
  margin-top: 10px !important;
}
.disclaimer p
{
  font-size: 16px;
}
.note_text{
  display: none;
}

.investment-option
{
  border-bottom: 1px solid #e0e0e0 !important;
  box-shadow: none !important;
 padding: 15px 0px;
gap: 0px 10px;
 margin: 0px 0px;
}
.navbar .d-flex {
        margin-left: auto;
    }

.tablefund 
{
  display: none;
}
.mobile_Section_show
{
  display: block;
}
.common_slider_section {
    padding: 0px;
}
.pad10 {
    padding: 20px 0px 0px 0px;
}

.note_text.mobile {
    display: block;
    margin: 0px 0px 30px 0px;
    padding: 0;
}
.fund_slider_box  .custom-arrow {
    top: auto;
    bottom: -100px;
}
.schemesection {
    /* padding-bottom: 20px; */
}
.fund_slider_box .left-arrow {
        left: 27%;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
.fund_slider_box .right-arrow {
    right: auto;
    left: 63%;
    width: 30px;
    height: 30px;
    background-size: contain;
}
.slider-count {
           position: relative;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10000;
        margin-top: -20px !important;
        font-weight: bold;
        width: 30px;
        font-size: 18px;
}
.feature_slider_box
{
 background: #E3F2FA;
}

.feature_slider_box .icon_on
{
  display: block;
}
.feature_slider_box .icon_off
{
  display: none;
}
.headersection .nav-link
{
  color: #fff;
}
.banner_logo img
{
  width: 100%;

}
ul.navbar-nav.ms-auto {
    padding: 30px 0px;
}
.chart-container
{
  width: 250px;
  height: 250px;
}
.result_section
{
  width: 100%;
}
.video_banner
{
  padding: 10px 0px 0px 0px;
}
}

.timer {
    width: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    background-color: #ffffff;
    padding: 24px 0;
    height: 100%;
  }
  .timer-title {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-family: "Lato Bold";
    color: #1c1c1a;
  }
  
  .timer-image-wrapper img {
    width: 100%;
  }
   .nfo-title {
    color: #003254;
    font-size: 26px;
    font-family: 'Lato';
    font-weight: bold;
  }
  .sip_lump_tab .nav-tabs
  {
    border: 0;
  }
.sip_lump_tab li.nav-item
  {
    width: 50%;
    padding: 0;
    margin: 0;
  }
  .sip_lump_tab .nav-tabs .nav-link
  {
    width: 100%;
    margin: 0px;
    background: #E8F6FF;
    border: 1px solid #E8F6FF;
    padding: 8px 0px;
     border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .sip_lump_tab .nav-tabs .nav-link.active
  {
     background: #0C3252;
    border: 1px solid #0C3252;
    
     border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .sip_lump_tab .nav-tabs .nav-item:last-child .nav-link
  {
     border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
   .sip_lump_tab .nav-tabs .nav-item:last-child .nav-link.active
   {
 border-top-left-radius: 0px;
    border-bottom-left-radius:0px;
     border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
   }

   .tab-content .card { 
      border: none;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
      border-radius: 12px;
      padding: 60px 20px 0px 20px;
      transition: transform 0.2s ease;
      text-align: center;
      background-color: #F8FBFF;
      position: relative;
      margin-top: 50px;
      width: 90%;
      height: 220px;
    }
    .tab-content .card:hover {
      transform: translateY(-5px);
    }
    .tab-content .icon-circle {
      background-color: #e88b24;
      color: #fff;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 15px;
      font-size: 24px;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .nav-tabs .nav-link {
      color: #003366;
      font-weight: 600;
      border: none;
    }
    .nav-tabs .nav-link.active {
      background-color: #003366;
      color: #fff;
      border-radius: 8px;
    }

    #indexfunds{
      /* display: flex;
      justify-content: center; */
    }
    #indexfunds .index_fund_box {
      background: #F0E4AF;
      width: 90%;
      border-radius: 10px;
      padding: 15px;
      margin: 50px auto 20px auto;
      justify-content: center;
      text-align: center;
      height: 170px;
    }

    #indexfunds .index_fund_box p{
      padding: 0 25px;
    }
    #indexfunds h3{
      font-size: 20px;
      margin-bottom: 10px;
    }

    .investor-card {
      text-align: center;
      padding: 20px;
      transition: transform 0.2s ease;
    }
    .investor-card:hover {
      transform: translateY(-5px);
    }
    .investor-icon {
      color: #cc7a1b; /* orange tone */
      font-size: 50px;
      margin-bottom: 10px;
    }
    .investor-card h6 {
      color: #003366; /* dark blue tone */
      font-weight: 700;
      margin-top: 10px;
    }
    .investor-card hr {
      width: 40px;
      height: 2px;
      background-color: #003366;
      border: none;
      opacity: 1;
      margin: 8px auto;
    }
    #indexFundTabs{
      border-bottom: 0;
    }
    #indexFundTabs .nav-item{
      padding: 0px 10px;
      width: calc(100% / 3);
    }
    #indexFundTabs li.nav-item {
      padding: 0px 10px;
      width: calc(100% / 3);
      padding: 0;
    }
    #indexFundTabs .nav-link{
      width: 100%;
      margin: 0;
      background-color: #E4F3FF;
      border: 0;
      padding: 10px 4px;
      border-radius: none;
    }
    #indexFundTabs .nav-link.active{
      border-radius: 8px;
      background-color: #0C3252;
    }
    #indexFundTabsContent h5{
      color: #003254;
      margin-bottom: 10px;
    } 
    #indexFundTabsContent h6{
      margin-bottom: 5px;
    }
    #indexFundTabsContent p{
      font-size: 14px;
    }
    .investor-card p{
      padding: 0 30px;
    }
    #indexFundTabsContent .colcard-flex{
    /* display: flex;
    justify-content: space-between;
    flex-flow: row wrap; */
  }
  #tab2 p{
    padding-bottom: 30px;
  }

  .scroll-container {
  overflow-x: auto;            
  -webkit-overflow-scrolling: touch; 
  padding-bottom: 10px;
}

.scroll-container::-webkit-scrollbar {
  height: 6px;
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 3px;
}
.investor-icon img{
  margin: 0 auto;
  height: 40px;
}
@media screen and (max-width: 1000px){
  #indexfunds .index_fund_box{
    height: 230px;
  }
}
@media (min-width: 992px) {
  /* Disable scroll and wrap normally on desktop */
  .scroll-container {
    overflow-x: visible;
  }
  .row.flex-nowrap {
    flex-wrap: wrap !important;
  }
}

  @media screen and (max-width: 990px){
    .tab-content .card { 
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
  }

  @media all and (max-width: 768px) {
    .timer {
      flex-direction: column;
      gap: 20px;
    }
     .nfo-title {
      font-size: 20px;
    }
  }
  .close-icon {
    background-image: url("../images/close-icon.svg");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 40px;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    .close-icon {
      right: 20px;
      top: 20px;
    }
    .video_image
    {
      padding: 0px;
    }
    .sip_lump_tab .nav-tabs .nav-link
    {
      padding: 10px 0px;
    }
    .sip_light_bg
    {
      padding: 10px;
    }
    .slider_tool_single_content {
      padding: 15px 0px;
  }
  .video_hindi_section h2
  {
  margin: 15px 0px 0px 0px;
  }
  button.btn.btn-submit
  {
    margin: 10px 0px 0px 0px;
  }
  .form-control
  {
    margin-bottom: 10px;
  }
  .form-label
  {
    margin: 0;
  }
  .index_fund_box
  {
    height: 340px;
  }
  #indexFundTabs li.nav-item{
    width:40%;
    margin: 5px;
  }
  #indexFundTabs li.nav-item .nav-link{
     font-size: 16px;
  }
  #indexFundTabsContent h5 {
    color: #003254;
    margin-bottom: 10px;
    font-size: 14px;
  }
  #indexFundTabsContent .colcard-flex{
    /* display: flex;
    justify-content: center;
    flex-flow: row wrap; */
  }
  .investor-card{
    padding: 0;
  }

   .scroll-container {
    overflow-x: visible;
  }
  .row.flex-nowrap {
    flex-wrap: wrap !important;
  }
 
}
  @media screen and (max-width: 500px) {
    #indexFundTabs li.nav-item{
      width: 100%;
    }
    .video_slider .slick-prev, .video_slider .slick-next{
      display: none!important;
    }
  }