@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
    }

html {
  scroll-behavior: smooth;
}

body{font-family: 'Lato', sans-serif;}  
.header-item{background-image: url('/Campaign/Quantum/Images/SIP-LP/sip-banner-new.jpg');background-repeat: no-repeat; background-position: center;
  background-size: cover;min-height: 100vh;}
#main-menu .navbar-nav .nav-link {color: #2c2c2c;font-size: 16px;padding: 10px 11px;font-weight: 600;font-family: 'Lato', sans-serif;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav 
.nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
  color: #000000!important;
}
.navbar-brand{padding: 8px 0px;width: 13%;}
.navbar{padding-top: 0px;padding-bottom: 0px;}
.navbar-justify{justify-content: end;}
.sticky{position: fixed; top: 0px; width: 100%; z-index: 1; transition: ease 1s;background-color: rgb(255 255 255);z-index: 2;}
.sticky .logo{width: 80%;transition: ease 1s;}
.last-btn{background-color: #00adef;color: #fff!important;border-radius: 5px;font-weight: 500;text-transform: uppercase;
    font-size: 16px!important;width: 130px;text-align: center;padding: 10px 10px;margin-left: 10px;}
.last-btn:hover{background-color: #2e3192;}
.banner-txt-div{padding: 6rem 0px;}
.banner-txt1{color: #422793;font-size: 42px;font-family: 'Oswald', sans-serif;line-height: 1.2;}
.banner-txt1 span{color: #00ADEE;}
.banner-txt2{color: #060606;font-size: 24px;line-height: 1.2;margin-top: 20px;font-family: 'Myriad Pro Regular';}
.banner-txt2 span{font-weight: 300;}
.understand-btn{margin-top: 30px;}
.understand-btn a{background-color: #00ADEE;color: #fff; text-transform: uppercase;font-size: 18px;padding: 12px 0px 12px 12px;
  text-decoration: none;border-radius: 5px;font-weight: 500;}
.understand-btn a span{background-color: #008FDB;padding: 12px;margin-left: 10px;border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}
.understand-btn a:hover{background-color: #2e3192;}
.ban-form-out-padd{padding: 0px;}
.banner-form-div{background-color: rgba(255,255,255,0.5);padding: 20px 20px;border-radius: 5px;margin: 2rem 0px;
  backdrop-filter: blur(5px);}
.form-title{font-weight: 700;font-size: 18px;color: #575757;line-height: 1.5;font-family: 'Myriad Pro Regular';}
.form-control1{border: none;margin-top: 20px;color: #575757;font-size: 16px;font-family: 'Myriad Pro Regular';}

.sendOtp{
    margin-top:20px;
    margin-bottom:20px;
}
.resentOTP {
    text-decoration: underline;
    font-weight: 600;
    color: #007bff;
    font-size: 16px;
    background-color: transparent;
    border: none;
    letter-spacing: 0.4px;
}
.lbl-1{color: #484848;font-size: 12px;margin-top: 15px;display: inline-flex;width: 100%;line-height: 1.3;font-family: 'Myriad Pro Regular';}
.check-control-1 {border: none;outline: none;width: 22px;margin: -10px 8px 0px 0px;}
.check-control-2 {border: none;outline: none;width: 16px;margin: 0px 8px 0px 0px;}
.whatsapp{position: relative;top: 2px;}
.invest-btn{background-color: #00ADEE;color: #fff;text-transform: uppercase;font-size: 18px;font-weight: 500;margin-top: 15px;
padding: 12px 22px;width: 100%;font-family: 'Myriad Pro Regular';}
.invest-btn:hover{background-color: #2e3192;color: #fff;}
.know-more-btn{background-color: transparent;border: 1px solid #00ADEE;color: #00ADEE;font-size: 18px; font-weight: 500; 
  margin-top: 15px;text-transform: uppercase;width: 100%;padding: 12px 22px;font-family: 'Myriad Pro Regular';}
.know-more-btn:hover{border: 1px solid #2e3192; color: #2e3192;}

.sec-1{background-image: url(/Campaign/Quantum/Images/SIP-LP/sec-1-bg.svg);background-repeat: no-repeat;background-size: cover;padding: 50px 0px 56px 0px;}
.sec-txt1{font-size: 42px;font-weight: 400;color: #fff;font-family: 'Oswald', sans-serif;}

.benefits-box{display: inline-flex;width: 100%;margin-top: 30px;}
.benefits-img1{width: 30%;}
.benefits-txt1{font-size: 18px;color: #fff;width: 70%; line-height: 1.5;}

.sec-2{background-color: #fff;padding: 50px 0px 56px 0px;}
.reason-invest-box{display: inline-flex;width: 100%;margin-top: 30px;border-bottom: 1px solid #E0E0E0;padding-bottom: 20px;}
.reason-invest-img1{width: 30%;}
.reason-invest-txt1{font-size: 18px;color: #1D1D1D;width: 70%;line-height: 1.5;}
.reason-invest-txt2{color: #1D1D1D;font-size: 20px;}
.reason-invest-txt3{color: #1D1D1D;font-size: 42px;margin-top: 20px;font-family: 'Oswald', sans-serif;}
.reason-invest-txt4{color: #5C5C5C;font-size: 16px;line-height: 1.5;margin-top: 20px;}

.weather-proof-div{background-color: #F5FBFD;padding: 30px 30px;margin: 2rem 0px;border-radius: 5px;}
.weather-graph-box{display: inline-block;width: 100%;margin-top: 30px;}
.weather-graph-box1{float: left;width: 49%;background-color: #fff;border: 1px solid #C9ECFF;padding: 15px;min-height: 340px;}
.weather-graph-box2{float: right;width: 49%;background-color: #fff;border: 1px solid #C9ECFF;padding: 15px;min-height: 340px;}
.weather-graph1-details-txt{font-size: 18px;color: #1D1D1D;font-weight: 500;}
.weather-graph1-details{float: right;}
.weather-graph2{padding-top: 12px;}
.note1{font-size: 14px;color: #5C5C5C;margin-top: 20px;line-height: 1.3;}

.safeguard-cta-div{background-image: url(/Campaign/Quantum/Images/SIP-LP/safeguard-div-bg.png);background-repeat: no-repeat;background-size: 100%;
border-radius: 15px;padding: 32px 0px;}
.safeguard-cta-txt1{font-size: 42px;color: #fff;font-family: 'Oswald', sans-serif;line-height: 1.3;}
.safeguard-cta-txt2{font-size: 16px;color: #fff;margin-top: 20px;line-height: 1.5;}
.invest-better-btn{background-color: #00ADEE;color: #fff;text-transform: uppercase;font-size: 18px;margin-top: 20px;
  margin-right: 10px;padding: 12px 22px;}
.invest-better-btn:hover{background-color: #2e3192;color: #fff;}
.what-sip-btn{background-color: #fff;color: #00ADEE;text-transform: uppercase;font-size: 18px;margin-top: 20px;
padding: 12px 22px;}
.what-sip-btn:hover{background-color: #2e3192;color: #fff;}

.sec-3{background-image: url(/Campaign/Quantum/Images/SIP-LP/sec-3-bg.png);background-repeat: no-repeat;background-size: cover;padding: 50px 8rem 56px 8rem;}
.sec3-txt1{font-size: 16px; color: #fff;line-height: 1.5;margin-top: 20px;}
.table-responsive{background-color: rgba(255,255,255,0.1);border: 1px solid #fff;border-radius: 10px;padding: 15px;
z-index: 1;position: relative;backdrop-filter: blur(25px);}
.tbl-1{width: 100%;}
.tbl-1 tr td{padding: 10px 20px 15px 30px;border-right: 1px solid #B9CAFF;font-size: 17px;color: #fff;line-height: 1.5;}
.tbl-1 tr td:first-child{font-weight: 700;}
.tbl-1 tr td:first-child img{position: relative;top: 10px;margin-right: 8px;}
.tbl-1 tr td:last-child{border-right: none;}
.tbl-1 tr{border-bottom: 1px solid #B9CAFF;}
.tbl-1 tr:first-child, .tbl-1 tr:last-child{border-bottom: none;}
.tbl-1 tr:first-child td{font-size: 18px; font-weight: 700;}
.table-top-div{background-color: rgba(3, 27,77,0.5); border: 1px solid #fff; border-bottom: none; margin-top: 30px;
  padding: 15px 15px 20px 15px;border-top-left-radius: 10px;border-top-right-radius: 10px;display: inline-block;
  width: 100%;position: relative;z-index: 0;margin-bottom: -10px;backdrop-filter: blur(10px);}
.table-top-div1{float: left;}
.table-top-div1 span{background-color: rgba(255,255,255,0.35);width: 5px;height: 5px;}
.table-top-div2{width: 35%;background-color: rgba(255,255,255,0.5);border-radius: 20px;float: right;margin-right: 10%;
    padding: 3px;}
.note2{font-size: 16px;color: #fff;margin-top: 24px;line-height:16px}
.piggi-bg-div{background-image: url(/Campaign/Quantum/Images/SIP-LP/piggi-img-bg.svg);background-size: cover;padding: 35px 20px;margin-top: 2rem;}
.piggi-bg-txt{font-size: 24px;color: #fff;width: 58%;margin: 0px auto;line-height: 1.5;}
.desk-disp{display: block;}
.mob-disp{display: none;}
.neha-align-center{position: relative;bottom: 18px;margin-left: 10px;}

.sec-4{background-color: #fff;padding: 50px 0px 56px 0px;}
.sip-cal-txt1{color: #1D1D1D;font-size: 42px;font-family: 'Oswald', sans-serif;}
.sip-cal-txt2{color: #1D1D1D;font-size: 18px;}
.sip-cal-tabs{margin-top: 20px;}
.sip-cal-tabs .nav-item{margin: auto;text-align: center;}
.sip-cal-tabs .nav-item.show .nav-link, .sip-cal-tabs .nav-link.active{border-color: #fff #fff #00ADEE;color: #1D1D1D;
border-width: 2px;}
.sip-cal-tabs .nav-link{color: #898989;font-size: 16px;}
.cum-ret-div1{padding: 30px 0px 0px 0px;}
.cum-ret-div2 label{font-size: 14px;color: #5c5c5c;margin-right: 15px;}
.cum-ret-div2 select{background-color: #EDFBFF;border-radius: 5px;border: 1px solid #CBF3FF;color: #343434;font-size: 16px;
padding: 8px 6px;appearance: auto;}
.cum-ret-div2 select:focus{outline: none;}
.cum-ret-div2 input{background-color: #EDFBFF;border-radius: 5px;border: 1px solid #CBF3FF;color: #343434;font-size: 16px;
padding: 8px 6px;}
.cum-ret-div2 input:focus{outline: none;}
.show-btn{background-color: #00ADEE;color: #fff;text-transform: uppercase;border-radius: 5px;font-size: 14px;}
.cum-ret-div3{border: 1px solid #C9ECFF;border-radius: 5px;background-color: #fff;margin-top: 30px;}
.cal-graph1{padding: 20px 20px;}
.hr-class{border-top: 1px solid #C9ECFF;}
.graph-details-txt{padding: 20px 20px;font-size: 14px;color: #5C5C5C;line-height: 1.3;display: inline-flex;}
.graph-details-txt p img{margin-right: 8px;}
.loan-amt {display: inline-block;width: 100%;margin: 20px 0px 0px 0px;}
.loan-amt-txt1 {float: left;font-size: 18px;color: #1D1D1D;line-height: 1.5;}
.loan-amt-txt2 {float: right;font-size: 18px;color: #1D1D1D;background-color: #CBF3FF;padding: 6px 10px;
  border-radius: 5px;font-weight: 500;}
.sip-cal-txt3{font-size: 18px;color: #1D1D1D;line-height: 1.5;margin-top: 20px;}
.sip-cal-txt3 span{font-weight: 700;font-size: 24px;}
.slider-size{width: 100%;padding: 10px 0px;}

.sec-5{background-image: url(/Campaign/Quantum/Images/SIP-LP/sec-5-bg.png);background-repeat: no-repeat;background-size: cover;padding: 50px 0px 56px 0px;}
.invest-scroll-box{height: 500px;overflow: auto;}
.invest-box{background-color: rgba(255, 255, 255, 0.5);border-radius: 10px;display: inline-flex;width: 80%;position: relative;
padding: 20px 20px;margin-top: 3rem;backdrop-filter: blur(10px);}
.invest-box1{width: 30%;}
.invest-box2{width: 70%;}
.invest-box-txt1{position: absolute;top: -35px;font-size: 50px;color: #9BD4F2;font-weight: 700;}
.invest-box-txt2{font-size: 20px;color: #0093E2;line-height: 1.5;font-weight: 500;}
.invest-box-txt3{font-size: 16px;color: #767676;line-height: 1.5;}
.invest-boxx{margin-left: 4rem;}
.start-invest-btn {background-color: #00ADEE;color: #fff;text-transform: uppercase;font-size: 18px;margin-top: 20px;
  margin-right: 10px;padding: 12px 22px;}
.start-invest-btn:hover{background-color: #2e3192;color: #fff;}

.sec-6{background-color: #fff;padding: 0px 0px 56px 0px;}
.right-for-u{color: #1D1D1D;font-size: 20px;margin-top: 20px;}
.why-box1{padding: 30px 20px 15px 20px;}
.why-box1 img{width:50px;}
.why-box2{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.why-box3{border-bottom: 1px solid #ddd;}
.why-box4{border-right: 1px solid #ddd;}
.why-txt1{font-size: 20px;color: #00ADEE;font-weight: bold;margin-top: 10px;}
.why-txt2{font-size: 16px;color: #303030;margin-top: 10px;line-height: 1.3;}

.sec-7{background-image: url(/Campaign/Quantum/Images/SIP-LP/sec-7-bg.png);background-repeat: no-repeat;background-size: cover;padding: 50px 0px 56px 0px;}
.stock-name-div{background-color: #fff;border-radius: 10px;padding: 20px 20px;margin-top: 40px;position: relative;
margin-bottom: 40px;}
.stock-name-title{color: #272727;font-size: 20px;font-weight: 700;}
.stock-list li{font-size: 16px; color: #2B2B2B;border-bottom: 1px solid #D1E9FF;padding: 15px 0px;}
.stock-list li:last-child{border-bottom: none;}
.net-asset-div{top: -10px;background-color: #fff;border-radius: 10px;padding: 30px 10px 30px 10px;position: absolute;
  width: 125px;
  height: 375px;left: 48%;box-shadow: 0px 3px 5px #ddd;}
.net-asset-txt1{font-size: 15px;font-weight: 700;color: #272727;text-align: center;}
.net-asset-list{font-size: 16px;font-weight: 700;text-align: center;}
.net-asset-list li{padding: 16px 0px;}
.video{margin-top: 20px;}

.footer-div{background-color: #22247B;padding: 3rem 0px;}
.footer-txt1{font-size: 16px;color: #fff;line-height: 1.5;}
.footer-txt1 a{color: #00adef;text-decoration: none;}

.footer-txt2{font-weight: 700;font-size: 16px;color: #fff;line-height: 1.5;}
.footer-txt2 a{font-size: 15px;color: #fff;font-weight: 400;text-decoration: none;transition: all 0.3s ease;}
.footer-txt2 a:hover{color: #00adef;}
.footer-txt3{width: 100%;display: flex;}
.footer-txt3 li{width: 30px;height: 30px;border-radius: 50%;margin: 10px 10px 0px 0px;}
.footer-txt3 li a{display: flex;text-decoration: none;justify-content: center;align-items: center;color: #fff;
  border-radius: 50%;width: 100%;height: 100%;transition: all 0.4s linear;border: 1px solid #fff;font-size: 15px;}
.footer-txt3 li a:hover{color: #22247B;background-color: white;}
.footer-bottom-div{background-color: #303296;padding: 15px 0px;}

.scroll-top-div{position: fixed;bottom: 5px;right: 5px;text-align: center;display: none;}
.mob-last-btn{display: none;}
.hashtag{font-size: 12px;position: relative;top: -15px;}


/*product labelling table starts here*/
.product_labeling_title {
    background-color: #2a2a8c;
    color: #fff;
    padding: 0.8rem;
    margin: 1rem 0;
    font-size: 36px;
    line-height: 110%;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    vertical-align: top;
    letter-spacing: .04em;
}

.product_labeling_title .tag-icon {
    transform: rotate(135deg);
    margin-right: 1rem;
}

#product_labelling_table {
    background-color: #a9cceb;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
}

#product_labelling_table, #product_labelling_table th, #product_labelling_table td {
    border: 1px solid black;
    line-height: 1.3;
    vertical-align: top;
    letter-spacing: .04em;
}

#product_labelling_table th {
    text-align: left;
    font-size: 16px;
    padding: 1rem;
    font-family: 'Calibri', sans-serif;
    font-weight: bold;
}

#product_labelling_table td {
    text-align: left;
    font-size: 16px;
    padding: 1rem;
    font-family: 'Calibri', sans-serif;
}

#product_labelling_table td p {
    text-align: left;
    font-size: 14px;
    padding: 4px;
    color: #000;
    background-color: #cfcfcf;
    border: 1px solid rgba(255,255,255, 0.5);
    font-family: 'Calibri', sans-serif;
}

#product_labelling_table tr td:last-child, #product_labelling_table tr th:last-child {
    background-color: #c9c7c7;
    width: 300px;
}

#product_labelling_table tr td:last-child img {
    width: 100%;
}

#product_labelling_table1 {
    background-color: #a9cceb;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
}

#product_labelling_table1, #product_labelling_table1 th, #product_labelling_table1 td {
    border: 1px solid black;
    line-height: 1.3;
    vertical-align: top;
    letter-spacing: .04em;
}

#product_labelling_table1 th {
    text-align: left;
    font-size: 16px;
    padding: 1rem;
    font-family: 'Calibri', sans-serif;
    font-weight: bold;
}

#product_labelling_table1 td {
    text-align: left;
    font-size: 16px;
    padding: 1rem;
    font-family: 'Calibri', sans-serif;
}

#product_labelling_table1 td p {
    text-align: left;
    font-size: 14px;
    padding: 4px;
    color: #000;
    background-color: #cfcfcf;
    border: 1px solid rgba(255,255,255, 0.5);
    font-family: 'Calibri', sans-serif;
}

/*#product_labelling_table1 tr td:last-child, #product_labelling_table1 tr th:last-child {
    background-color: #c9c7c7;
    width: 300px;
}*/

#product_labelling_table1 tr td:last-child img {
    width: 100%;
}

table.with-border td {
    border: 1px solid #0288d1;
}

table.with-border td:first-child {
    border-left: medium none;
}

table.with-border td:last-child {
    border-right: medium none;
}

th {
    /*background-color: rgb(0, 172, 237);*/
    color: #000000;
    text-shadow: none;
}

.table_responsive_container::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.table_responsive_container::-webkit-scrollbar
{
	width: 100%;
    height: 8px;
	background-color: #F5F5F5;
}

.table_responsive_container::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ddd;
}

.product_labelling_disclaimer {
    line-height: 1.3;
}
/*product labelling table ends here*/

.thankyou_close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #00adef !important;
    color: #fff;
    width: 30px;
    height: 30px;
}
.thankyou_modal--lg {
    max-width: 600px;
}
.thankyou_modal--body {
    padding: 2rem;
    font-family: 'Lato', sans-serif;
}
.checkmark {
    font-size: 20px;
    border: 2px solid #77ee37;
    border-radius: 50%;
    color: #77ee37;
    margin-bottom: 1rem;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 36px!important;
}
.checkmark_parent {
    display: flex;
    justify-content: center;
    align-items: center;
}
.thankyou_modal--para {
    font-size: 15px;
}
.terms-checkbox {
    font-weight: 500;
}


/*Tab section start*/
.tab-sec .tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
  }
  
  .tab-sec .tabset .tab-panel {
    /*display: none;*/
  }
  
  .tab-sec .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
  .tab-sec .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
  .tab-sec .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
  .tab-sec .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
  .tab-sec .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
  .tab-sec .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
  }
  
  
  .tab-sec .tabset > label {
    position: relative;
    display: inline-block;
    padding: 15px 5px 25px;
    border: 1px solid  #ccc;
    cursor: pointer;
    font-weight: 600;
    margin-right: 10%;
    background-color: #fff;
    text-align: center;
    width: 11%;
    height: 120px;
  }
  .tab-sec .tabset > label::after{
    content: " ";
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    right: -67px;
    top: 45px;
    border: 6px solid #dedede;

  }
  .tab-sec .tabset > label img{
      height: 50px;
  }
  .tab-sec .tabset .tab-five{
      margin-right: 0 !important;
  }
  .tab-sec .tabset .tab-five::after{
      display: none !important;
  }
  .tab-sec .tabset > label h6{
      font-size: 13px;
      color: #000;padding-top: 10px; font-family: 'Lato', sans-serif;margin: 0;
  }
  
  .tab-sec .tabset > label:hover,
  .tab-sec .tabset > input:focus + label {
    color: #06c;
  }
  
  .tab-sec .tabset > input:checked + label {
    border-color: #ccc;
    /* margin-bottom: -1px; */
    background-color: #00adef;
  }
  .tab-sec .tabset > label i{
      font-size: 53px;
  }
  .tab-sec .tabset > input:checked + label i{
    color: #fff;
}
.tab-sec .tabset > input:checked + label h6{
      color: #fff;
  }
  .tab-sec .tab-panel {
    /*padding: 30px 0;*/
  }
  
  .tab-sec .tabset {
    width: 100%;
    position: relative;
}

/*-----------------*/
/*-------Select your goal----------*/
.tab-sec {
    padding: 3em 0em 2em ;
}

.tab-sec .tab-head{
    position: relative;
}

/*select yout goal deskstop alignment*/
.tab-sec .tab-head .back-dash{
    border-bottom: 2px dashed #dedede;
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    width: 85%;
    top: 194px;

}

.tab-sec .tab-head h1 {
    text-align: center;
    text-transform: capitalize;
    padding: 40px 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    margin-top: 0px;
}

/*select yout goal closed*/
  .tab-sec .tab-head h1 .head-c1{
    color: #00adef ;
   }

.tab-sec .tab-panel .frm-label{
    font-size: 16px;
    color: #2c365c;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1.3;
}
.tab-sec .tab-panel .fiuld input {
    border: 1px solid #b1abab;
    height: 40px !important;
    border-radius: 5px 0px 0px 5px;
    width: 100%;
    padding-left: 10px;
    font-size: 16px;
    font-family: 'myriad';
    color: #575757;
}
.tab-sec .tab-panel .fiuld .input-con {
    background-color: #565ad1;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
    border-radius: 0px 5px 5px 0px;
    position: absolute;
    /*right: 15px;*/
    right: 0px;
    height: 40px;
    line-height: 30px;
   
}

.tab-sec .tab-panel .fiuld .input-con-cal {
    background-color: #565ad1;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
    border-radius: 0px 5px 5px 0px;
    position: absolute;
    /*right: 15px;*/
    right: 495px;
    height: 40px;
    line-height: 30px;
    left: 576px;
   
}

.tab-sec .tab-panel .fiuld .input-con i{
    width: 30px;
    text-align: center;
}
 .tab-sec .tab-panel img{
     max-height:350px;
    /*margin-top: 25px;*/
    /*height: 224px;*/
    width: 99%;
    /*width: 87%;*/
    float: right;
 }
 .tab-sec .tab-panel .graph img {
    height: 100%;
}
 .graph {
    height: 100%;
    padding:10px 0px;
}  
 #dvLinearGraph{
     margin-bottom:20px;
 }
 .tab-sec .tab-panel .first-content{
    background-color: #edf3f4;
    margin: 20px 0px;
    padding: 15px 20px 45px;
 }
  .tab-panel.left {
     margin:-41px !important;
     border:1px solid red;
 }


.tab-sec .tab-panel .back-con {
    background-color: #edf3f4;
    padding: 30px 20px;
}
.tab-sec .tab-panel a.btn {
    background-color: #00adef;
    /*padding: 11px 16px;*/
    color: #fff;
    /*font-size: 18px;*/
    text-transform: uppercase;
    /*float: right;*/
    font-family: 'Lato', sans-serif;
    margin-right: 0;
    font-weight: 700;
    line-height: 1;
}

.tab-sec .tab-panel a.btn:hover{color: #fff; background: #2e3192; border: 1px solid #2e3192;} /*15-06-22*/
.return .current .btn {
    background-color: #00adef;
    padding: 11px 16px;
    color: #fff;
    font-size: 14px;
    /*text-transform: uppercase;*/
    /*float: right;*/
    font-family: 'Lato', sans-serif;
    margin-right: 0;
    font-weight: 700;
    line-height: 1;
}
   .tab-sec .tab-panel  .third-content .cart-sec{
    background-color: #edf3f4;
    padding: 15px 20px;
   }
.tab-sec .tab-panel .third-content {
    margin: 40px 0px;
}
   .tab-sec .tab-panel  .third-content .cart{
background-color: #fff;
border-left: 5px solid#ffd667 ;
padding: 10px;
border-radius: 5px;
margin: 5px 0px;
   }
 .tab-sec .tab-panel .third-content .cart:hover {
    background-color: #69d4fd;
    transition: 0.6s;
}

   .tab-sec .tab-panel  .third-content .cart h5{
       font-size: 14px;
       color: #2e3192;
       font-family: 'Lato Bold', sans-serif;
       font-weight: 700;
}
.tab-sec .tab-panel  .third-content .cart h6{
    font-size: 14px;
    color: #000;
    font-weight: 700;
    font-family: 'Lato Bold', sans-serif;margin: 0;
}

.tab-sec .tab-panel  .third-content  .cart h6 i{
    color: #565ad1;
    padding-right: 2px;
    font-size: 13px;
    padding-left:5px;
}
.tab-sec .tab-panel  .third-content  .cart  .cart-icon i{
    color: #ffafa0;
    font-size: 35px;
}
.tab-sec .tab-panel  .third-content  .return{
    background-color: #fff;
    margin: 6px 0px;
    padding: 15px 20px;
    border-radius: 5px;
}
.tab-sec .tab-panel .third-content .return:hover {
    background-color: #69d4fd;
    transition: 0.6s;
}

.tab-sec .tab-panel  .third-content  .return .current h6{
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    font-family: 'Lato Bold', sans-serif;
}
.tab-sec .tab-panel  .third-content  .return .current h5{
    font-size: 20px;
    color: #585e79;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}
.tab-sec .tab-panel .third-content .return .current h5 .percent {
    color: #565ad1;
}
.tab-sec .tab-panel  .third-content  .return .current h4 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    padding-top: 15px;
    float: right;
}
.tab-sec .tab-panel .third-content .return .current h4 i {
    color: #565ad1;
    padding-right: 10px;
}
.tab-sec  .tabsec-button {
    text-align: center;
}
.tab-sec .tabsec-button .tab-btn {
    background-color: #ed563b;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding: 17px 20px;
    border: none;
    border-radius: 5px;
    font-family: 'Lato Bold', sans-serif;
    display: inline-block;
    margin-top: 50px;
    line-height: 1;
}
.tab-sec  .tabsec-button .tab-btn i{
    color: #fff;
    font-size: 26px;
    padding-right: 20px;
}
.tab-sec{
    position: relative;
}
.tab-sec .comment{
    position: fixed;
    right: 0px;
    top: 35%;
    z-index: 999999;
}
.tab-sec .comment u li{
    list-style: none;
    display: block;
}
.tab-sec .comment .btn1 {
    background-color: #00afef;
    z-index: 999999;
    border: none;
    padding: 0px 14px;
    margin-bottom: 7px;
    border-radius: 5px 0px 0px 5px;
    display: block;
}
.tab-sec .comment .btn2 {
    background-color: #3f4195;
    z-index: 999999;
    border: none;
    padding: 0px 12px;
    border-radius: 5px 0px 0px 5px;
}
.tab-sec .comment .btn1 {
    color: #fff;
    font-size: 36px;
    
}
.tab-sec .comment .btn2 {
    color: #fff;
    font-size: 36px;
    
}
.tools-calculator-ul{width: 100%; ; padding: 0; list-style: none; margin: 40px auto auto;text-align:center;}
.tools-calculator-ul li{display: inline-block; margin: 0 6px 60px; width: 20%; text-align: center; vertical-align: top;}
.tools-calculator-ul li p{font-weight: 700; margin-top: 10px; transition: all 0.8s ease-in-out;}
.calculator-btn{padding: 14px 44px;}
.tools-calculator-ul li:hover p{color: #00adef;}
.normal-icon{display: block; margin: 0 auto; transition: all 0.8s ease-in-out;}
.hover-icon{display: none; margin: 0 auto; transition: all 0.8s ease-in-out;}
.tools-calculator-ul li:hover .hover-icon{display: block;}
.tools-calculator-ul li:hover .normal-icon{display: none;}

.full-width {
    width: 49% !important;
    position: relative;
}
.summarydivision{
    display: flex;
    align-items: center;
}
.right{
    display:flex;
    margin-right: 222px;
}
.left {
    display: flex;
    margin-right: 193px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.summarydivision h5 {
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    line-height: 120%;
    font-weight: normal;
    color: #0a4885;
    padding-bottom: 0;
    font-weight: 600;
    /*width: 100%;*/
}
.input-spc small {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}


.span-borders {
 color:#FF66FF;display:block;border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:10px}
/*---------------Tab section end------------------*/

@media(min-width: 320px) and (max-width: 767px){
  .mobbr{display: none;}
  .header-item{background-image: url(/Campaign/Quantum/Images/SIP-LP/Mobile-SIP-BG.jpg);    background-color: #001b36;
    min-height: auto;
    background-size: 100%;
    background-position: top;}
    .banner-txt-div {padding: 6rem 0px;}
    .ban-form-out-padd {padding: 0px 15px; }
    .banner-form-div{margin: 20rem 0px 2rem 0px;}
    .banner-txt1{font-size: 20px;}
    .banner-txt2{font-size: 13px;margin-top: 14px;}
  
  .last-btn{display: none;}
  .mob-last-btn{display: inline-block; background-color: #00adef;color: #fff;text-transform: uppercase;font-size: 12px;font-weight: 500;
    padding: 8px 10px;border-radius: 5px;text-decoration: none;}
  .mob-img{width: 100%;}
  .weather-graph-box{display: block;}
  .weather-graph-box1{float: unset;width: 100%;min-height: auto;}
  .weather-graph-box2{float: unset;width: 100%;min-height: auto;}
  .weather-proof-div{padding: 20px 15px;}
  .sec-1, .sec-2, .sec-3, .sec-4, .sec-6, .sec-7{padding: 24px 0px;}
  .safeguard-cta-div{background-image: url(/Campaign/Quantum/Images/SIP-LP/mob-safeguard-div-bg.png);}
  .sec-5{background-position: right;padding: 24px 0px;}
  .safeguard-cta-div{padding: 20rem 15px 2rem 15px;}
  .mob-center{text-align: center;}
  .invest-better-btn, .what-sip-btn{padding: 8px 10px; font-size: 12px;}
  .safeguard-cta-txt1{font-size: 20px;}
  .piggi-bg-div{background: linear-gradient(270deg, #74A9DD00, #74A9DD);border-radius: 10px;}
  .piggi-bg-txt{width: 100%;font-size: 18px;}
  .invest-scroll-box{height: auto;}
  .start-invest-btn{padding: 8px 10px;font-size: 12px;}
  .cum-ret-div2{display: inline-flex;width: 100%;flex-wrap: wrap;}
  .cum-ret-div2 label{width: 42%;margin: 10px 0px;}
  .net-asset-div{position: relative;top: 0px;left: -24px;padding: 5px 10px 10px 10px;}
  .net-asset-list li{padding: 20px 0px;}
  .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, 
  .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color: #2e3191!important;}
  .desk-disp{display: none;}
  .mob-disp{display: block;}
  .table-responsive{padding: 15px 0px;}
  .tbl-1 tr td{padding: 5px 1px 15px 10px;font-size: 13px;vertical-align:middle;}
.tbl-1 td div {position:relative; padding-left:40px;}
.tbl-1 td div img{position:absolute!important; left:0;}
  .reason-invest-box{min-height: 142px;}
  .neha-align-center{bottom: 12px;margin-left: 2px;}
  .navbar-toggler{padding: 0px 4px;border: none;}
  .navbar-toggler:focus{box-shadow: none;}
  .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-brand{padding: 14px 0px 12px 0px;width: 40%;}
.understand-btn {margin-top: 20px;}
.understand-btn a{font-size: 12px;padding: 8px 0px 8px 8px;}
.understand-btn a span{padding: 8px;}
.invest-btn{font-size: 12px;padding: 8px 10px;}
.know-more-btn{font-size: 12px;padding: 8px 10px;}
.form-title{color: #fff;}
.form-control1{font-size: 13px;margin-top: 6px;}
.lbl-1{color: #fff;}
.footer-txt1, .footer-txt2, .footer-txt2 a, .footer-txt3 li a{font-size: 12px;}
.reason-invest-txt3, .sec-txt1, .sip-cal-txt1{font-size: 18px;}
.reason-invest-txt2, .reason-invest-txt4{font-size: 13px;}
.reason-invest-txt1, .loan-amt-txt2, .sip-cal-txt3 span{font-size: 16px;}
.note1, .note2, .safeguard-cta-txt2, .sec3-txt1, .sip-cal-txt2, .cum-ret-div2 select, .loan-amt-txt1, .sip-cal-txt3, 
.invest-box-txt2, .invest-box-txt3, .right-for-u, .why-txt1, .why-txt2, .stock-name-title, .stock-list li, 
.net-asset-txt1, .net-asset-list{font-size: 13px;}
.navbar{position: fixed;}
.main-menu-cl{background-color: #fff;text-align: right;}
.reason-invest-img1{margin-right: 10px;}
.hashtag {font-size: 10px;position: relative;top: -10px;}

    .table_responsive_container {
        overflow-x: scroll;
    }
    #product_labelling_table, .risk_table {
        width: max-content;
    }
    .product_labeling_title {
        font-size: 20px;
    }
    #product_labelling_table th, #product_labelling_table td {
        font-size: 16px;
        width: 300px;
    }
    .product_labelling_disclaimer {
        font-size: 12px;
    }
}
@media(max-width:580px){
    .banner-form-div {
margin-top:12rem;    }
}
@media(max-width:480px){
    .banner-form-div {
margin-top:16rem;    }
}
@media(min-width: 462px) and (max-width: 485px){
  .safeguard-cta-div{padding: 24rem 15px 2rem 15px;}

}
@media(max-width:420px){
    .banner-form-div {
        margin-top:12rem;
    }
}
@media (max-width: 400px) {
    .banner-form-div {
        margin-top: 10rem;
    }
}
@media (max-width: 375px) {
    .banner-form-div {
        margin-top: 8.5rem;
    }
}
@media (max-width: 360px) {
    .banner-form-div {
        margin-top: 7rem;
    }
}
@media (max-width: 320px) {
    .banner-form-div {
        margin-top: 4rem;
    }
}


@media(min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
  .navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
  .mob-img{width: 100%;}
  .safeguard-cta-div{background-color: #0e2376;}
  .invest-better-btn{margin-right: 2px;}
  .piggi-bg-div{background: linear-gradient(270deg, #74A9DD00, #74A9DD);border-radius: 10px;}
  .piggi-bg-txt{width: 100%;}
  .net-asset-list li {padding: 22px 0px;}
  .net-asset-div{height: 442px;}
  
  .navbar{position: fixed;}
.main-menu-cl{background-color: #fff;text-align: right;}
.last-btn{margin-right: 10px;float: right;margin-bottom: 20px;}
.navbar-brand{width: 20%;}
.sticky .logo{width: 90%;}
.sec-3{padding: 50px 0 56px 0;}
.reason-invest-txt1{margin-left: 10px;}
}

@media(min-width: 768px) and (max-width: 1024px) and (orientation : landscape){
  #main-menu .navbar-nav .nav-link{padding: 10px 6px;font-size: 15px;}
  .safeguard-cta-txt1{font-size: 22px;}
  .piggi-bg-txt{margin-left: 35%;}
  .net-asset-div{height: 390px;}

}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}