/*Global  css start here  */
@font-face {
    font-family: OpenSans-Light;
    src: url(../../fonts/OpenSans-Light.ttf);
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(../../fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(../../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: OpenSans-Semibold;
    src: url(../../fonts/OpenSans-Semibold.ttf);
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../../fonts/Poppins-Regular.ttf);
}
@font-face {
    font-family: Poppins-Light;
    src: url(../../fonts/Poppins-Light.ttf);
}
@font-face {
    font-family: Poppins-SemiBold;
    src: url(../../fonts/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: Poppins-Bold;
    src: url(../../fonts/Poppins-Bold.ttf);
}
@font-face {
    font-family: Poppins-Medium;
    src: url(../../fonts/Poppins-Medium.ttf);
}
:root {
    --black: #000; /* CSS variable define  */
}

.text-black {
    color: var(--black); /* CSS variable ka use */
}
.poppinbold {
    font-family: Poppins-Bold;
}
.poppinmedium {
    font-family: Poppins-Medium;
}
.regular-font-poppins {
    font-family: Poppins-Regular;
}
.lightfont-poppins {
    font-family: Poppins-Light;
}
.boldfont-poppins {
    font-family: Poppins-Bold;
}
.semiboldfont-poppins {
    font-family: Poppins-SemiBold;
}

.regular-font {
    font-family: OpenSans-Regular;
}
.lightfont {
    font-family: OpenSans-Light;
}
.boldfont {
    font-family: OpenSans-Bold;
}
.semiboldfont {
    font-family: OpenSans-Semibold;
}

h3 {
    font-family: OpenSans-Bold;
}

.mt30 {
    margin-top: 30px;
}
.fs12 {
    font-size: 12px;
}
.fs13 {
    font-size: 13px;
}
.fs14 {
    font-size: 14px;
}
.fs15 {
    font-size: 15px;
}
.rem3 {
    font-size: 3rem;
}

.fs16 {
    font-size: 16px;
}
.fs18 {
    font-size: 18px;
}

.fs1p5rem {
    font-size: 1.5rem;
}

.lightbg {
    background-color: #fffcfc;
}
.lighttext {
    color: #3c5a69;
}

.bglight1 {
    background-color: #fadfe9;
}

.fs14 {
    font-size: 14px;
}
.curser-pointer {
    cursor: pointer;
}
.btn-custom {
    background-color: #2ba34d;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.44rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    text-decoration: none;
}
.btn-custom:hover {
    color: #fff;
}

.btn-custom-main {
    background-color: #d7206a;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.44rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    text-decoration: none;
}
.btn-custom-main:hover {
    color: #fff;
}

.btn-custom-main-outline {
    color: #d7206a;
    border-color: #d7206a;
    border: solid #d7206a 2px;
    text-align: center;
    padding: 10px 20px;
    vertical-align: middle;
    font-size: 1.44rem;
    line-height: 1.5;
    transition: all 0.3s ease;
    border-radius: 0.25rem;
    text-decoration: none;
}
.btn-custom-main-outline:hover {
    color: #fff;
    background-color: #d7206a;
}

.btn-outline-primary {
    color: #007bff; /* Customize text color */
    border-color: #007bff; /* Customize border color */
    font-weight: bold; /* Make text bold */
    border-width: 2px; /* Adjust border thickness */
    padding: 10px 20px; /* Customize padding */
    border-radius: 8px; /* Rounder corners */
    transition: all 0.3s ease; /* Smooth transition */
}

.btn-outline-primary:hover {
    background-color: #007bff; /* Background color on hover */
    color: #fff; /* Text color on hover */
}

.w30 {
    width: 30px;
}
.theme-text-color {
    color: #d7206a;
}
.theme-text-color-blue {
    color: #073763;
}
.theme-bg-blue {
    background-color: #073763;
}
.theme-bg {
    background-color: #d7206a;
}

.theme-bdr-color {
    border: solid #d7206a 1px;
}
.heading-linebtm {
    margin: 10px 0px;
}
.heading-linebtm:after {
    content: "";
    display: block;
    position: relative;
    width: 100px;
    border: 2px solid #d7206a;
    margin-top: 8px;
}

.radius15 {
    border-radius: 15px;
}
.dottedline {
    border-bottom: dashed #ccc 1px;
}
.space-t-5rem {
    margin-top: 5rem;
}
.sectionpadding {
    padding: 5rem 0rem;
}
/*Global  css end here  */

/*calculator main page css  */

.calculator-wrapper-home {
    color: #000;
    font-weight: bold;
    margin: 30px 0px 10px 0px;
}

.calculator-wrapper-home a {
    color: #000;
    font-size: 2.2rem;
}
.calculator-wrapper-home a:hover {
    color: #d7206a;
}

.calculator-wrapper-home-main {
    background-image: url(https://investkraft.com/assets/images/partner-bg.png);
    background-size: fit;
}
.icon-calandar {
    width: 140px;
    float: left;
    margin-right: 8px;
}
.calandar-head {
    position: relative;
    top: 30px;
}

.calculator-wrapper {
    background: linear-gradient(90deg, #ffffff 80%, #9d637a 20%);
}
.rangeslider-custom {
    border-radius: 8px;
    height: 4px;
    outline: none;
    -webkit-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
    width: 20px;
    -webkit-appearance: none;
    height: 20px;
    background: #d7206a;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.list li {
    list-style: initial;
    font-size: 2rem;
    margin-left: 1rem;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

/*calculator main page css End  */

/*npv calculator */
.npv-wrapper {
    background-image: url("../images/npv.png");
    background-repeat: no-repeat;
    min-height: 568px;
    background-size: 100%;
    padding-top: 60px;
}

hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f74a90, #ffffff, #f74a90);
    background-image: -moz-linear-gradient(left, #f74a90, #ffffff, #f74a90);
    background-image: -ms-linear-gradient(left, #f74a90, #ffffff, #f74a90);
    background-image: -o-linear-gradient(left, #f74a90, #ffffff, #f74a90);
    width: 200px;
    margin: 0 auto;
    margin-bottom: 15px;
}

/*npv calculator end */

/*SWP calculator */

.SWP-wrapper {
    background-image: url(../images/npv.png);
    background-repeat: no-repeat;
    min-height: 568px;
    background-size: 100%;
    padding-top: 30px;
}
@media all and (min-width: 0px) and (max-width: 768px) {
    .SWP-wrapper {
        background-image: none;
        background-color: #d7206a;
        min-height: auto;
        border: solid #040404 15px;
        border-radius: 10px;
        padding-top: 5px;
    }
}

/*SWP calculator end */

/*apy calculator */

.apy-wrapper {
    background-image: url("../images/npv.png");
    background-repeat: no-repeat;
    min-height: 420px;
    background-size: 100%;
    padding-top: 33px;
}

@media all and (min-width: 0px) and (max-width: 768px) {
    .apy-wrapper {
        background-image: none;
        background-color: #d7206a;
        min-height: auto;
        border: solid #040404 15px;
        border-radius: 10px;
        padding-top: 5px;
    }
}

@media screen and (min-width: 768px) {
    .apy-wrapper {
        padding-top: 30px;
    }
}
@media screen and (min-width: 768px) {
    .apy-wrapper {
        padding-top: 30px;
    }
}

.calculator-wrapper {
    background: linear-gradient(90deg, #ffffff 80%, #9d637a 20%);
}
.rangeslider-custom {
    border-radius: 8px;
    height: 4px;
    outline: none;
    -webkit-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
    width: 20px;
    -webkit-appearance: none;
    height: 20px;
    background: #d7206a;
    border-radius: 50%;
    border: 1px solid #ccc;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.list li {
    list-style: initial;
    margin-left: 1rem;
}
.fs2rem {
    font-size: 2rem;
}

.list strong {
    font-size: 2rem;
}

.form-check-input:checked {
    background-color: #d7206a !important;
    border-color: #d7206a !important;
}
.themebg {
    background-color: #d7206a;
}
.calbtn {
    background: #d7206a;
    line-height: 55px;
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
}
.radius28 {
    border-radius: 28px;
}
.calbtn:hover {
    color: #fff;
}
.mt5rem {
    margin-top: 5rem;
}
.pt5rem {
    padding-top: 5rem;
}
.pb5rem {
    padding-bottom: 5rem;
}
.totalprice-value {
    background-color: #d7206a;
    color: #fff;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 2rem;
    text-align: center;
}
.totalprice-value p {
    font-weight: 600;
}
.totalprice-value h4 {
    font-size: 3rem;
    font-weight: 700;
}
.investamt {
    background-color: #fadfe9;
    border-radius: 30px;
    height: 14px;
    width: 20px;
    border: solid #d7206a 1px;
    position: relative;
    top: 2px;
}
.estimated {
    background-color: #d7206a;
    border-radius: 30px;
    height: 14px;
    width: 20px;
    border: solid #d7206a 1px;
    position: relative;
    top: 2px;
}
.font3rem {
    font-size: 3rem;
}

.seo-calculators .slider-container form[name="calculator"]:last-child {
    margin-bottom: 40px;
}

.seo-calculators .slider-container .slider {
    background: none;
    margin-bottom: 25px;
    height: 100%;
    border: none;
}

.seo-calculators .slider-container .slider .slider__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
}

.seo-calculators .slider-container .slider .slider__heading {
    font-size: 20px;
    line-height: 32px;
    color: #262626;
    font-weight: 600;
    margin-bottom: 5px;
}

.seo-calculators .slider-container .slider .rangeslider {
    margin-bottom: 8px;
}

.seo-calculators .slider-container .slider .slider__input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    font-weight: 600;
}

@media (max-width: 992px) {
    .seo-calculators .slider-container .slider .slider__input {
        border-radius: 24px;
        border: 1px solid #d0d0d0;
    }
}

.seo-calculators .slider-container .slider .slider__input input {
    border: solid #ccc 1px;
    border-radius: 0px;
    width: 128px;
    height: 32px;
    margin: 0;
    text-align: right;
    line-height: 32px;
    background-color: transparent;
    font-weight: 700;
    color: #d7206a;
    padding-right: 10px;
}

@media (max-width: 992px) {
    .seo-calculators .slider-container .slider .slider__input input {
        width: auto;
        border: none;
        box-shadow: none;
    }
}

.seo-calculators .slider-container .slider .slider__input span {
    margin-left: 11px;
    font-size: 16px;
    line-height: 32px;
    margin-right: 8px;
    color: #262626;
}

@media (max-width: 992px) {
    .seo-calculators .slider-container .slider .slider__input span {
        margin-left: 4px;
    }
}

.seo-calculators .slider-container .slider .slider__input span.m-l-4 {
    margin-left: 4px;
}

.seo-calculators .slider-container .slider .slider__max,
.seo-calculators .slider-container .slider .slider__min {
    font-size: 16px;
    line-height: 24px;
    color: #6a6a6a;
}

.seo-calculators .slider-container .selection {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 44px;
    padding: 10px;
}

.seo-calculators .slider-container .selection .radio-button {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 33px;
}

.seo-calculators .slider-container .selection .radio-button input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.seo-calculators .slider-container .selection .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
}

.seo-calculators
    .slider-container
    .selection
    .radio-button:hover
    input
    ~ .checkmark {
    background-color: #ccc;
}

.seo-calculators
    .slider-container
    .selection
    .radio-button
    input:checked
    ~ .checkmark {
    background-color: #fff;
}

.seo-calculators .slider-container .selection .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.seo-calculators
    .slider-container
    .selection
    .radio-button
    input:checked
    ~ .checkmark:after {
    display: block;
}

.seo-calculators .slider-container .selection .radio-button .checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d7206a;
}

.seo-calculators .calculator-output {
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    padding: 40px 40px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 992px) {
    .seo-calculators .calculator-output {
        margin-left: 0;
        padding: 40px 16px 20px;
    }
}

.seo-calculators .calculator-output .calculator-output__heading {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    font-weight: 600;
}

@media (max-width: 992px) {
    .seo-calculators .calculator-output .calculator-output__heading {
        font-size: 18px;
        line-height: 24px;
        max-width: 200px;
        margin: 0 auto;
    }
}

.seo-calculators .calculator-output .calculator-output__amount--large {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

.seo-calculators .calculator-output .calculator-output__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 27px;
}

@media (max-width: 992px) {
    .seo-calculators .calculator-output .calculator-output__row {
        padding: 0;
    }
}

.seo-calculators .calculator-output .calculator-output__amount--small {
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

.seo-calculators .calculator-output .calculator-output__chart-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 992px) {
    .seo-calculators
        .calculator-output
        .calculator-output__chart-container
        canvas {
        margin-left: -13px;
    }
}

.seo-calculators
    .calculator-output
    .calculator-output__chart-container
    .calculator-output__chart-container--legend
    .legend-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
}

.seo-calculators
    .calculator-output
    .calculator-output__chart-container
    .calculator-output__chart-container--legend
    .legend-title
    span {
    width: 22px;
    height: 8px;
}

.seo-calculators
    .calculator-output
    .calculator-output__chart-container
    .calculator-output__chart-container--legend
    .legend-title
    .purple {
    background-color: #fadfe9;
}

.seo-calculators
    .calculator-output
    .calculator-output__chart-container
    .calculator-output__chart-container--legend
    .legend-title
    .gold {
    background-color: #d7206a;
}

.seo-calculators
    .calculator-output
    .calculator-output__chart-container
    .calculator-output__chart-container--legend
    .legend-title
    h3 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-left: 9px;
}

.seo-calculators .calculator-output .cta {
    background-color: #e79d0d;
    border-radius: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 12px 24px;
    margin: 0 auto;
    font-weight: 600;
}

.npv-wrapper {
    background-image: url("../images/npv.png");
    background-repeat: no-repeat;
    min-height: 420px;
    background-size: 100%;
    padding-top: 60px;
}

hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f74a90, #ffffff, #f74a90);
    background-image: -moz-linear-gradient(left, #f74a90, #ffffff, #f74a90);
    background-image: -ms-linear-gradient(left, #f74a90, #ffffff, #f74a90);
    background-image: -o-linear-gradient(left, #f74a90, #ffffff, #f74a90);
    width: 200px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.head1 {
    font-size: 3.5rem;
}
.head2 {
    font-size: 2.8rem;
}
.head3 {
    font-size: 2rem;
}
.head4 {
    font-size: 1.8rem;
}
.head5 {
    font-size: 1.5rem;
}

/* Bond page css start here   */

.owlcarousel-btnleft .owl-carousel .owl-nav,
.owlcarousel-btnleft .owl-carousel .owl-dots {
    text-align: left;
}
.owlcarousel-btnleft .navbtn img {
    width: 40px;
}
.owlcarousel-btnleft .owl-theme .owl-nav [class*="owl-"]:hover {
    background: none;
}
.owlcarousel-btnleft .owl-carousel .owl-item img {
    width: auto;
}
.hightlight-text {
    color: #285e6a;
}
.w40 {
    width: 40px;
}
.bondbg {
    background-color: #fff0b5;
}
.bondbg1 {
    background-color: #c0adf1;
}
.bondbg2 {
    background: url("../../images/bg/12percentbg.png") rgba(2, 71, 81, 1.8);
    background-size: cover;
}
.bondbox {
    border-radius: 20px;
    width: 100%;
}

.minh260 {
    min-height: 260px;
}
.minh300 {
    min-height: 300px;
}
.ribbon {
    background-color: #76bb8a;
    margin: 10px 0px;
    padding: 4px 20px;
    display: inline-block;
    border-radius: 0px 8px 8px 0px;
    position: relative;
    top: 10px;
}
.collection-bond-wrapper {
    background-repeat: x;
    background-image: linear-gradient(
            to left,
            rgba(89, 164, 203, 0),
            rgba(89, 164, 203, 0.6)
        ),
        url("../../images/bg/collectionbg.jpg");
}
.customerbg {
    background-color: #fffaf5;
}
.bondlight {
    background-color: #f3fbff;
}
.wbox {
    padding: 15px;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    position: relative;
    top: -30px;
}
.starbox {
    width: 7em;
    height: 7em;
    font-size: 0.7em;
    padding: 4px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 60px;
    top: -40px;
}
.starbox-inner {
    background: #ea9547;
    color: #fff;
    aspect-ratio: 1;
    text-align: center;
    display: flex;
    align-items: center;
    clip-path: polygon(
        100% 50%,
        90.95% 59.35%,
        95.05% 71.69%,
        82.84% 76.19%,
        81.17% 89.09%,
        68.22% 87.84%,
        61.13% 98.75%,
        50% 92%,
        38.87% 98.75%,
        31.78% 87.84%,
        18.83% 89.09%,
        17.16% 76.19%,
        4.95% 71.69%,
        9.05% 59.35%,
        0% 50%,
        9.05% 40.65%,
        4.95% 28.31%,
        17.16% 23.81%,
        18.83% 10.91%,
        31.78% 12.16%,
        38.87% 1.25%,
        50% 8%,
        61.13% 1.25%,
        68.22% 12.16%,
        81.17% 10.91%,
        82.84% 23.81%,
        95.05% 28.31%,
        90.95% 40.65%
    );
}

@media only screen and (max-width: 767px) {
    .minh260 {
        min-height: auto;
    }
    .minh300 {
        min-height: auto;
    }
}

.bondpublic .nav.nav-tabs .nav-link.active {
    border-bottom: 4px solid #000;
    border-top: none;
    border-left: none;
    border-right: none;
}
.bondpublic .nav.nav-tabs a:hover,
.bondpublic .nav.nav-tabs a:focus {
    border-color: #fff;
}
.bondpublic .nav-ta bs .nav-link {
    color: #000;
    border: none;
    font-family: OpenSans-Regular;
    font-size: 22px;
}

.bondpublic .nav-tabs {
    border: #fff;
}
.bluetext {
    color: #004585;
}
.bondbade {
    background-color: #f6fcff;
    border-radius: 30px;
    display: inline-block;
    padding: 6px 12px;
}
.prebooktag {
    background-color: #fef3dd;
    color: #d7930f;
    border-radius: 30px;
    display: inline-block;
    padding: 6px 12px;
}
.opentag {
    background-color: #dff3ec;
    color: #18ab76;
    border-radius: 30px;
    display: inline-block;
    padding: 6px 12px;
}

.dashedline {
    border-bottom: dashed 2px #ddd;
}
.close {
    color: #e64c3c;
}
.filter-wrapper .accordion-button {
    border: 0px;
}
.filter-wrapper .accordion-collapse {
    border: 0px;
}
.filter-wrapper .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #000;
}
.filter-wrapper .accordion-header button {
    font-size: 16px;
    font-family: OpenSans-Semibold;
}
.filter-wrapper .accordion-item {
    border-bottom: solid #dddddd 1px;
}

.w38 {
    width: 38px;
}
.h38 {
    height: 38px;
}
.bglack {
    background-color: #000;
}
.hr {
    height: 1px;
    width: 100%;
    background-color: #dddddd;
}
.pagination-wrapper .pagination .page-item.active .page-link {
    background-color: #2ba34d;
    border-color: #2ba34d;
}
.pagination-wrapper .pagination .page-link {
    color: #000;
}
.listproduct-box {
    transition: 0.3s;
}
.listproduct-box:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.btnbottom {
    position: absolute;
    bottom: -20px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.bullet-list ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.bullet-list ul li {
    background-image: url(../../images/bonds/bullet-list.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px;
    margin-bottom: 20px;
}

.bullet-list-normal ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.bullet-list-normal ul li {
    background-image: url(../../images/unlisted-shares/list.png);
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 30px;
    margin-bottom: 15px;
}

@media only screen and (min-width: 480px) {
}

/* Bond page css end here   */

/*----Life insurance page css start here -------*/

.herobgimage-life {
    background-image: url(../../images/life-insurance/herobg.webp),
        url(../../images/life-insurance/herobg1.webp);
    background-repeat: no-repeat;
    background-position: left top, right top;
    border-radius: 30px 0px 0px 0px;
}
.plr1rem {
    padding-left: 1rem;
    padding-right: 1rem;
}
.heroform-life {
    font-family: OpenSans-Regular;
}
.heroform-life .btn {
    font-size: 1.5rem;
    outline: 0;
}
.heroform-life .btn-custom,
.heroform-life.btn-custom:not(:hover) {
    background-color: #fabf4c;
    border-color: #fabf4c;
    color: #000;
    font-size: 1.5rem;
    border: solid #fabf4c 1px;
}
.heroform-life .btn-custom:hover,
.heroform-life .btn-custom:active {
    background-color: #d7206a;
    border-color: #d7206a;
    color: #fff;
    border: solid #d7206a 1px;
}
.heroform-life .input-group {
    border-radius: 8px;
}
.heroform-life .input-group-text {
    font-size: 1.5rem;
    font-family: OpenSans-Regular;
}
.heroform-life .form-control,
.heroform-life .form-select {
    min-height: 50px;
    font-size: 1.5rem;
    font-size: 1.5rem;
    border-radius: 8px;
    font-family: OpenSans-Regular;
}
.lifecontent p,
.lifecontent li {
    font-size: 1.7rem !important;
    line-height: 27px;
}
.lifecontent table {
    font-size: 1.7rem;
}

.lifecontent a {
    color: #000;
    text-decoration: none;
}
.lifecontent strong {
    font-family: OpenSans-Semibold;
}
.lifecontent ul,
.lifecontent ol {
    margin-top: 1rem;
    font-family: OpenSans-Semibold;
}
.lifecontent li {
    margin-bottom: 1rem;
}
.lifeinsurance-hero-wrapper {
    border-radius: 30px;
}
.pointer {
    cursor: pointer;
}
.lifecontent .accordion-button {
    font-size: 1.5rem;
    border: none;
}
.lifecontent .accordion-header {
    border-bottom: dashed #ddd 1px;
}
.lifecontent .accordion-collapse {
    border: none;
}
.lifecontent .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
}
#life-insurance,
#types-of-life-lnsurance,
#faqs,
#why-do-you-need-a-life-insurance,
#claim-settlement-ratio,
#documents-required-to-buy-life-insurance,
#factors-affecting-life-insurance,
#claim-process,
#life-insurance-terminologies,
#reasons-to-invest-in-life-insurance,
#top-life-insurance-plans,
#features-and-benefits,
#life-insurance-companies,
#premium-calculator,
#life-lnsurance-process,
#importance-of-life-Insurance,
#plan-comparison,
#contact-details,
#documents-required,
#about-icici-prudential-life-insurance,
#awards-and-achievement,
#specifications-key-features,
#life-lnsurance-claim,
#type-of-plan,
#benefits,
#key-features,
#eligibility,
#policy-details,
#inclusions-and-exclusions {
    scroll-margin-top: 10rem;
}
.lifecontent table thead td {
    background-color: #d7206a;
    color: #fff;
}
.lifecontent table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > th.dt-ordering-asc,
table.dataTable thead > tr > th.dt-ordering-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc,
table.dataTable thead > tr > td.dt-ordering-asc,
table.dataTable thead > tr > td.dt-ordering-desc {
    background-color: #d7206a;
    color: #fff;
}
.lifecontent .dt-search {
    margin-bottom: 8px;
}
.lifecontent div.dt-container div.dt-search input {
    padding: 5px;
    width: 200px;
    height: 38px;
    font-size: 1.5rem;
}

.quick-linkwrapper {
    background-color: #fffcf8;
    border-left: solid #fabf4c 4px;
    border-radius: 10px;
}

.quick-linkwrapper a {
    text-decoration: none;
    color: #000;
    margin-right: 20px;
}
.quick-linkwrapper a:hover {
    text-decoration: none;
    color: #000;
}

.transform-none .fd_main_cont,
.transform-none .fd_blog_bg {
    transform: skew(0deg, 0deg);
}
.pagination .page-item.active .page-link {
    background-color: #d7206a; /* Custom background color */
    color: white; /* Custom text color */
    border-color: #d7206a; /* Custom border color */
}

.pagination .page-item.active .page-link:hover {
    background-color: #d7206a; /* Custom hover background color */
    border-color: #d7206a; /* Custom hover border color */
}
.scollx {
    overflow-x: scroll;
}

.lifecontent ::-webkit-scrollbar {
    height: auto;
}
.lifecontent div.dt-container div.dt-info {
    float: left;
}
.lifecontent div.dt-container div.dt-paging {
    float: right;
}
.bottom-popup-for-life .modal-content {
    background-color: #d7206a;
    background-image: url(../../images/life-insurance/number-bg.webp);
    border-color: #d7206a;
}
.bottom-popup-for-life .modal.bottom .modal-dialog {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    transition: transform 0.3s ease-out;
    transform: translateY(100%);
    background-color: #d7206a;
}
.bottom-popup-for-life .modal.bottom.show .modal-dialog {
    transform: translateY(0);
}
.bottom-popup-for-life .modal.full-width .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.bottom-popup-for-life .input-group-text {
    border-radius: 8px;
}

.btn-close-white {
    filter: invert(1);
}

.life-company-bg {
    background-color: #fffcf8;
}

.lifecontent .related-article {
    border: #ddd solid 1px;
    padding: 4rem 3rem;
    border-radius: 10px;
    padding-bottom: 2rem;
}
.heading-with-line {
    display: flex;
    align-items: center;
}

.heading-with-line::after {
    content: "";
    flex-grow: 1;
    height: 2px;
    background-color: #000;
    margin-left: 10px;
    position: relative;
}

.heading-with-line::before {
    content: "";
    position: absolute;
    right: 22px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
}

.expertbg {
    background-color: #d7206a;
    background-image: url(../../images/life-insurance/number-bg.webp);
    border-color: #d7206a;
}

.line-with-circle {
    flex-grow: 1; /* Line will take up remaining space */
    height: 1px; /* Adjust the thickness of the line */
    background-color: #d7206a; /* Adjust the color of the line */
    position: relative; /* Required for positioning the pseudo-element */
    margin-left: 0px; /* Space between the heading text and the line */
    line-height: 0px;
}
.line-with-circle span {
    padding-right: 10px;
}

.line-with-circle::after {
    content: "";
    width: 10px; /* Adjust the diameter of the circle */
    height: 10px; /* Adjust the diameter of the circle */
    background-color: #d7206a; /* Adjust the color of the circle */
    border-radius: 50%; /* Makes the element a circle */
    position: absolute; /* Allows positioning relative to the parent */
    top: 50%; /* Vertically centers the circle */
    transform: translateY(-50%); /* Corrects the vertical alignment */
    right: -5px; /* Adjust this value to position the circle properly */
}
.sticky-space {
    position: -webkit-sticky; /* Safari ke liye */
    position: sticky;
    top: 80px;
    padding: 10px;
    z-index: 0;
    transition: top 0.3s;
}

.main_container {
    max-width: 1520px;
    margin: 0 auto;
    clear: both;
    padding: 0 3rem;
}

/*----Life insurance page css end  here -------*/

/*----old css override css start  here -------*/

.listoutside {
    list-style-position: outside !important;
    margin-top: 10px;
}
.listoutside li {
    margin-bottom: 10px;
}

/*----old css override css end  here -------*/
.sidebar_head {
    background-color: #d7206a;
    color: #fff;
    border-radius: 30px 30px 0px 0px;
}
.sidebar a:hover {
    color: #000;
}
.ghi-popup .hi_hero .hi_lead_form {
    box-shadow: none;
    padding: 0px;
}
.altbg {
    background-color: #f7fafe;
}
.altbg1 {
    background-color: #fbf6f8;
}

@media screen and (min-width: 768px) {
    .h120 {
        height: 120px;
    }
}

/*----unlisted-shares pages  css start here ----------------------------------------------------*/
.sectionbg {
    background-color: #fff5eb;
}
.sharebox {
    background-color: #fff;
    border-radius: 15px;
    padding: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px #ddd;
}
.img-box {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center; /* Centers the image vertically */
    padding: 15px;
}
.img-box-small {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center; /* Centers the image vertically */
    padding: 8px;
}
.dotted-line-btm {
    border-bottom: dashed #ddd 1px;
}
.center-block {
    margin: 0px auto;
}
.box {
    position: relative;
    margin: 10rem 0px 5rem 0px;
}
.num-process {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: solid #dddddd 6px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
}

.iconbox {
    width: 60px;
    height: 60px;
    margin: 15px auto 10px auto;
    border: solid #ddd 1px;
    border-radius: 50%;
    padding: 5px;
    background-color: #f4f4f4;
}
.button-custom .btn-primary {
    background-color: #d7206a;
    border-color: #d7206a;
}
.button-custom .btn-primary:hover {
    background-color: #d7206a;
    border-color: #d7206a;
}
.button-custom .btn-primary:active,
.button-custom .btn-primary:focus {
    background-color: #d7206a;
    border-color: #d7206a;
    box-shadow: none;
    outline: none;
    border-color: transparent;
}
.button-custom .btn {
    border-radius: 30px;
}

.button-custom .btn-outline-primary {
    background-color: transparent;
    border-color: #d7206a;
    border-width: 2px;
    color: #d7206a;
}
.button-custom .btn-outline-primary:hover {
    background-color: #d7206a;
    border-color: #d7206a;
}
.button-custom .btn-outline-primary:active,
.button-custom .btn-outline-primary:focus {
    border-color: #d7206a;
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(215, 32, 106, 0.5);
    border-color: transparent;
}

.w60 {
    width: 60px;
}
.highcharts-range-selector-group {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}
.highcharts-range-selector-group a {
    color: #000;
}
.highcharts-range-selector-buttons > .highcharts-label {
    display: none;
}

.tabs-custom > .nav-tabs .nav-link {
    border: none; /* Remove default border */
    position: relative;
    padding: 15px 15px;
    font-family: OpenSans-Semibold;
    color: #d7206a;
}

.tabs-custom > .nav-tabs .nav-link.active {
    color: #d7206a;
}

.tabs-custom > .nav-tabs .nav-link.active::after {
    content: ""; /* Empty content for underline */
    display: block; /* Make it a block element */
    height: 3px; /* Underline height */
    background: #d7206a; /* Underline color */
    position: absolute; /* Position it absolutely */
    left: 0; /* Align to the left */
    right: 0; /* Align to the right */
    bottom: -1px; /* Position below the tab */
}

.nestedtabs-custom > .nav-tabs .nav-link {
    border: none; /* Remove default border */
    position: relative;
    padding: 15px 0px;
    font-family: OpenSans-Semibold;
    font-size: 15px;
}

.nestedtabs-custom > .nav-tabs .nav-link.active {
    color: #000;
}

.nestedtabs-custom > .nav-tabs .nav-link.active::after {
    content: ""; /* Empty content for underline */
    display: block; /* Make it a block element */
    height: 1px; /* Underline height */
    background: #ddd; /* Underline color */
    position: absolute; /* Position it absolutely */
    left: 0; /* Align to the left */
    right: 0; /* Align to the right */
    bottom: -1px; /* Position below the tab */
}

.custom-nav {
    text-align: right;
    margin-bottom: 5px;
}

.custom-nav .owl-prev,
.owl-next {
    border: none;
    cursor: pointer;
    margin: 0 0px;
    transition: background-color 0.3s ease;
    background-color: transparent;
    padding: 0px;
}
.roatate {
    transform: rotate(180deg);
}

.custom-nav .owl-prev:focus,
.owl-next:focus {
    outline: none;
}

.custom-nav .owl-prev:disabled,
.owl-next:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.customshadow {
    box-shadow: 0px 3px 3px -1px rgba(10, 22, 70, 0.1),
        0px 0px 1px 0px rgba(10, 22, 70, 0.06);
}
.datatable-custom .dataTables_filter {
    margin-bottom: 15px;
}
.formshadow {
    box-shadow: 0px 1px 30px #00000029;
    border-radius: 15px;
    background-color: #fff;
    padding: 30px 25px 15px 25px;
}
.formshadow .form-control {
    font-size: 1.5rem;
    min-height: 40px;
}
.herobg {
    background-image: url(../../images/unlisted-shares/hero-bottom-bg.png);
    background-repeat: repeat-x;
    background-position: bottom center;
}
.callback {
    border: dashed #ddd 0px;
    border-radius: 8px;
    margin-top: 10px;
    background-color: #fff;
}
.callback a:hover {
    color: #000;
}
.forminput .form-control {
    font-size: 1.5rem;
    padding: 1rem 0.84rem;
    border: solid #ccc 1px;
    border-radius: 4px;
}
.text-decoration-none a {
    text-decoration: none;
    color: #000;
}
.text-decoration-none a:hover {
    color: #282828;
}
/*----unlisted-shares pages  css end  here -----------------------------------------------------*/
/*----partner  pages  css start  here -----------------------------------------------------*/

.invp {
    border: #ddd solid 1px;
    border-radius: 20px;
    position: relative;
    padding: 2rem 3rem 1rem 3rem;
    margin: 1rem 2rem 3rem 2rem;
    padding-top: 6rem;

    transition: all 0.3s;
}
.invp:hover {
    box-shadow: 0px 0px 20px #ddd;
}
.invp-icon {
    width: 68px;
    height: 68px;
    background: #000;
    line-height: 68px;
    border-radius: 100px;
    position: absolute;
    right: -10%;
    top: -3%;
    text-align: center;
}
.invp-icon img {
    width: 34px;
}
.select2-container--default .select2-selection--single {
    height: 40px;
    border: solid #ddd 1px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #000;
    line-height: 40px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 40px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    width: 40px;
    display: none;
    height: 40px;
    background-color: #ddd;
    border: solid #ddd 1px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    color: #000;
}

.sectionbg-alt {
    background: #fffaf5;
    padding: 10rem 0;
}
.ptb8rem {
    padding: 8rem 0px;
}
.partnersectionbg {
    background-color: #fff8ed;
}
.form_bg_border {
    width: 85%;
    margin: 0 auto;
    height: 25px;
    background: #d7206a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* Adjust width as needed */
    margin: 20px 0; /* Space above and below */
}

.divider::before,
.divider::after {
    content: "";
    flex: 1;
    border-top: 1px dashed #ccc; /* Line color */
    margin: 0 10px; /* Space between line and "or" text */
}

.divider span {
    white-space: nowrap; /* Prevent wrapping of "or" */
    font-size: 16px; /* Adjust font size as needed */
    color: #555; /* Text color */
}

/* Responsive Adjustments */
@media (max-width: 600px) {
    .divider::before,
    .divider::after {
        margin: 0 5px; /* Reduce space on smaller screens */
    }

    .divider span {
        font-size: 14px; /* Smaller font size for smaller screens */
    }
}

/*----partner  pages  css end  here -----------------------------------------------------*/
#emi_calculator,
#documents,
#interest_rate,
#benefits_pl {
    scroll-margin-top: 10rem;
}

/* Wedding loan css */
.customs-shadowbox {
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px,
        rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px,
        rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
        rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
        rgba(14, 63, 126, 0.04) 0px 12px 12px -6px,
        rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
.shape-icon-wrapper {
    width: 100px; /* Shape's width */
    height: 83px; /* Shape's height */
    background: linear-gradient(100deg, #f4f4f4, #f4f4f4);
    clip-path: path(
        "M50 0C62.5 0 73.33 7.33 80 18.33C86.67 29.33 90 44 85 55.67C80 67.33 66.67 76 50 80C33.33 84 16.67 81 8.33 71C0 61 0 44 5 31.67C10 19.33 23.33 0 50 0Z"
    );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    overflow: visible;
}

.shape-icon-wrapper img {
    position: relative;
    left: -8px;
}
.myform .hi_lead_form .h3 {
    font-size: 22px;
    font-family: OpenSans-Bold;
}
.myform .hi_lead_form {
    background: #fff;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 30px;
    padding: 3rem 4rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    max-width: 400px;
    position: relative;
}

.myform .hi_lead_form .field {
    border: #ddd solid 1px;
    height: 55px;
    line-height: 55px;
    padding: 1rem;
    border-radius: 10px;
    color: #000;
    margin-bottom: 1.8rem;
}

/*  Procee box css start here  */

.processbox {
    background: #fff;
    box-shadow: 0px 0px 10px #ddd;
    transition: all 0.5s;
}
.processbox:hover {
    background: #d7206a;
    transform: translateY(-20px);
}

.processbox:hover h3,
.processbox:hover p {
    color: #fff;
}
.processbox:hover .process_number {
    color: #de4683;
}
.processbox:hover svg {
    stroke: #fff;
}
.processbox:hover path.resour {
    stroke: #fff;
}
.processbox:hover path.fill {
    fill: #fff;
    stroke: transparent;
}

/*  Procee box css end here */