
::-webkit-scrollbar {
    width: 5px !important;
    height: 2px;
}
::-webkit-scrollbar:hover {
    width: 10px !important;
}
::-webkit-scrollbar-track {
    background: none;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
    background: #afb1b3;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, tr, td {
    margin: 0px;
}

body, html {
    font-family: Poppins, sans-serif;
}

.widthCenter {
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

main {
    margin-top: 68px;
    position: relative;
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
}

.container {
    max-width: 1060px;
    width: 100%;
}

.section {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding-top: 85px;
    padding-bottom: 72px;
}

.bggrey {
    background-color: #F9F9F9;
}

.colorblk {
    color: #000 !important;
    padding-bottom: 18px;
    font-weight: 500;
}

.bgwhite {
    background-color: #FFFFFF !important
}

.oh {
    overflow: hidden !important
}

.greyheading {
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: #8A93A5;
    padding-bottom: 10px;
}

h3.homeheader2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    color: #233253;
}
h2.homeheader2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    color: #233253;
}

h3.homeheader2+span+p, h3.homeheader2+p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #8A93A5;
    padding-bottom: 21px;
}
h2.homeheader2+span+p, h2.homeheader2+p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #8A93A5;
    padding-bottom: 21px;
}

/*  30-12-2020 hover shadow Starts */

.btnred {
    background: #ED1C24;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    border: 1px solid #ED1C24;
    height: 34px;
    padding: 7px 21px 7px 21px;
    min-width: 135px;
}

.btnred:hover, .btnred:focus, .btnred:active {
    background: #FF3038 !important;
    color: #FFFFFF;
    box-shadow: 0px 8px 12px rgba(237, 28, 36, 0.2);
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    border: 1px solid #ED1C24;
    height: 34px;
    padding: 7px 21px 7px 21px;
    min-width: 135px;
    outline: none;
    outline-style: none;
    outline-width: 0px;
}

.btnred:not(:disabled):not(.disabled).active:focus, .btnred:not(:disabled):not(.disabled):active:focus, .show>.btnred.dropdown-toggle:focus:not(:disabled):not(.disabled).active:focus, .btnred:not(:disabled):not(.disabled):active:focus, .show>.btnred.dropdown-toggle:focus {
    background: #FF3038 !important;
    outline: none;
    outline-style: none;
    outline-width: 0px;
}

.life-ai-iframe-service-class{
    height: 70px;
    width: 260px;
    border: none;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 10px;
}

.btnwhite {
    background: #FFFFFF;
    color: #ED1C24;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    border: 1px solid #ED1C24;
    height: 30px;
    padding: 5px 18px 5px 18px;
    min-width: 104px;
}

.btnwhite:hover {
    background: #FFFFFF;
    color: #ED1C24;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    border: 1px solid #FF3038;
    height: 30px;
    padding: 5px 18px 5px 18px;
    min-width: 104px;
    box-shadow: 0px 5px 7px rgba(228, 24, 32, 0.4);
}

/*  30-12-2020 hover shadow  Ends*/

.abtboxholder {
    border: 1px solid #C7CACC;
    background: #FFFFFF;
    padding: 24px 22px 24px 22px;
    margin-bottom: 10px;
}

.abtboxholder:hover {
    box-shadow: 0px 4px 20px rgba(0, 94, 158, 0.05), 3px 6px 10px rgba(50, 130, 196, 0.08);
}

.abtboxholder:before {
    width: 4px;
    height: 100px;
    background-color: red;
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
}

.abtboxholder h6, .mob-abt h6 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #8A93A5;
    text-transform: uppercase;
    padding-bottom: 8px;
}

.col-sm-4 .abtboxholder h6, .mob-abt h6 {
    padding-top: 18px;
}

.abtboxholder h4, .mob-abt h4 {
    font-size: 26px;
    line-height: 28px;
    font-weight: 800;
    color: #233253;
    padding-bottom: 2px;
}

.abt-txt {
    float: left;
    margin-top: 20px;
    margin-left: 4px;
}

.left {
    float: left;
}

.abtboxholder p, .mob-abt p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #233253;
}

.abtboxbig {
    border: 1px solid #C7CACC;
    background: #FFFFFF;
    padding: 0px;
    display: block;
    clear: both;
    overflow: hidden;
}

.abtboxbig.after:after {
    width: 4px;
    height: 100px;
    background-color: red;
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
}

.abtboxbig.before:before {
    width: 4px;
    height: 100px;
    background-color: red;
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
}

.abtboxbig .imgholder {
    float: left;
    width: 48% !important;
    overflow: hidden;
}

.abtboxbig .imgholder {
    height: 240px;
    overflow: hidden;
}

.abtboxbig:hover {
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 94, 158, 0.05), 3px 6px 10px rgba(50, 130, 196, 0.08);
}

.abtboxbig img {
    transition: transform .5s ease;
}

.abtboxbig:hover img {
    transform: scale(1.1);
}

.abtboxbig .abtbigrt {
    float: left;
    width: 52% !important;
    padding: 20px;
}

.abtboxbig h6 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #8A93A5;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.abtboxbig h4 {
    font-size: 26px;
    line-height: 33px;
    font-weight: 800;
    color: #233253;
    padding-bottom: 10px;
    padding-right: 10px;
}

.abtboxbig p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #8A93A5;
}

.abtboxRt {
    background-color: grey;
    height: 100%;
}

.settle {
    padding-top: 25px !important;
    padding-bottom: 40px !important;
}

.settle h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 800;
    color: #233253;
    padding-top: 30px;
}

.settle p {
    font-size: 14px;
    line-height: 20px;
    color: #8a93a5;
}

.bg1 {
    padding: 20px;
    position: relative;
}

.bg1 * {
    color: #FFF;
}

.bg1h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9;
}

.bg1 h6 {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px;
}

.bg1 div {
    bottom: 20px;
    position: absolute;
}

.bg2 {
    padding: 20px;
    position: relative;
}

.bg2 * {
    color: #FFF;
}

.bg2h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9;
    padding-left: 17px;
    padding-right: 17px;
}

.bg2 h6 {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px;
}

.bg2 div {
    bottom: 20px;
    position: absolute;
}

.panel-title a {
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    color: #767676;
    display: block;
    background-image: url('../../../content/dam/hdfclifeinsurancecompany/home/icons/arrow-up.png');
    background-repeat: no-repeat;
    background-position:100%;
    margin-top: 78px;
    text-decoration: none;
}

.panel-title a.collapsed {
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    color: #767676;
    display: block;
    background-image: url('../../../content/dam/hdfclifeinsurancecompany/home/icons/arrow-down.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

.swiper-slide {
    /* padding-left: 15px !important; */
}

.disc-txt {
    font-size: 12px;
    line-height: 20px;
    color: #767676;
    margin-top: 8px;
}

#carouselExampleIndicators {
    max-width: 1600px;
    margin: 0 auto;
}

.hght100 {
    height: 100%;
}

.width100 {
    width: 100%;
}

.padtop10 {
    padding-top: 10px !important;
}

.padtop0 {
    padding-top: 0px !important;
}

.padtop15 {
    padding-top: 15px !important;
}

.padtop30 {
    padding-top: 30px !important;
}

.padbot30 {
    padding-bottom: 30px !important;
}

.padbot0 {
    padding-bottom: 0px !important;
}

.mtop0 {
    margin-top: 0px !important;
}

.mtp10 {
    margin-top: 10px !important;
}

.mtp15 {
    margin-top: 15px !important;
}

.mtop30 {
    margin-top: 30px;
}

.mbot50 {
    margin-bottom: 50px !important;
}

.mtop20 {
    margin-top: 20px !important;
}

.carousel-item {
    min-height: 550px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mouse {
    text-align: center;
    position: relative;
    bottom: -94px;
    z-index: 999;
}

.mouse a {
    animation: MoveUpDown 1s linear infinite;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-top: 100px;
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }
    50% {
        bottom: 10px;
    }
}

#carouselExampleIndicators .carousel-indicators {
    right: 80px !important;
    left: auto;
    bottom: auto;
    top: 23%;
    margin: 0px;
    width: auto;
    display: block;
}

/* 30-12-20 space adjustment starts */

.carousel-indicators li {
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin-bottom: 20px !important;
    border: 1px solid #005E9E !important
}

/* 30-12-20 space adjustment ends */

.carousel-indicators li.active {
    background-color: #005E9E;
}

.carousel-caption {
    bottom: auto;
    bottom: 45%;
    left: 5%;
    text-align: left;
    z-index:100;
}

.carousel-indicators li {
    margin-bottom: 8px;
}

.settle-top {
    padding-top: 0px;
}

.plans-wrapper {
    text-align: center;
    width: 100%
}

.plans-holder {
    background-color: #FFFFFF;
    display: inline-block;
    border-radius: 10px;
    padding: 15px;
    margin: 0px 3px 12px 3px;
}

.plans-holder:hover {
    cursor: pointer
}

.plans-holder h5, .swiper-slide .h5 {
    margin-top: 12px;
    font-weight: 600;
    line-height: 14px;
    font-size: 18px;
    color: #ED1C24;
}

.plans-holder h5 span, .swiper-slide .h5 span {
    color: #005e9e;
    font-size: 14px;
}

.bannerh2+p {
    font-size: calc(16px + 3.2vw) !important;
    line-height: normal;
    font-weight: 700;
    color: #233253;
    padding-bottom: 0;
}

.bannerh2 {
    font-size: calc(16px + 2.9vw) !important;
    line-height: normal;
    font-weight: 700;
    color: #233253;
    padding-bottom: 0;
}

.bannerh5 {
    font-size: calc(10px + 0.9vw) !important;
    line-height: normal;
    font-weight: 700;
    color: #8a93a5;
    padding-bottom: 0;
}

.sar-logo img {
    width: 20%
}

.ban-logo img {
    width: 11%
}

.bottom-scroll {
    clear: both;
    /*width: 855px;
    height: 300px;*/
    width: 940px;
    height: 300px !important;
    padding-top: 50px;
    position: absolute;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    bottom: 10px;
    z-index: 99;
    padding-left: 50px;
    padding-right: 50px;
}

.swiper-container1 {
    height: 94%;
    overflow: hidden;
    padding-top: 20px;
}

.swiper-wrapper {
    height: 100%
}

.bottom-scroll .h5 {
    text-align: left;
    display: block;
    line-height: 20px;
}

.chkbx {
    display: inline-block;
    width: 94%;
    padding-left: 8px;
    padding-top: 0;
}

.bottom-scroll .plans-holder {
    width: 100%;
    text-align: left;
    padding-left: 12px;
}

/* // .bottom-scroll .swiper-slide:hover {
//     animation: MoveUpDown1 2s linear;
// }
// @keyframes MoveUpDown1 {
//     0%,
//     100% {
//         bottom: 0px;
//     }
//     50% {
//         bottom: 30px;
//     }
// } */

.product-cateogry .tile {
    display: block;
    padding: 0;
    outline: 0;
    transition: all 1s ease-in-out;
    background: 0 0;
    height: 100%;
    word-break: break-all;
    border-radius: 10px;
}

.product-cateogry .tile:hover {
    background: linear-gradient(242deg, #ED1C24, #ED1C24), #ED1C24;
    box-shadow: -3px -1px 14px rgba(32, 40, 52, .2);
}

.product-cateogry .tile:hover>div {
    background: #fff;
    transform: translate3d(-10px, -10px, 0);
}

/* 30-12-20 shadow effect starts */

.product-cateogry .tile>div {
    padding: 12px;
    background: linear-gradient(62deg, #fff, #f4f4f4), #fff;
    transition: all .3s ease-in-out;
    height: 100%;
    display: block;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0px 2px 10px rgba(000, 000, 000, 0.4);
    -webkit-box-shadow: 0px 2px 10px rgba(000, 000, 000, 0.4);
    -moz-box-shadow: 0px 2px 10px rgba(000, 000, 000, 0.4);
}

.product-cateogry .tile>div:hover {
    box-shadow: none
}

.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

/* 30-12-20 shadow effect ends */

.bottom-scroll .swiper-slide {
    background: transparent;
    height: 180px !important;
    margin-right: 10px;
    width: 160px !important
}

.swiper-button-next::after, .swiper-button-prev::after {
    opacity: 1.0 !important;
    font-size: 0px !important;
    font-family: none !important;
    width: 80px !important;
}

.bottom-scroll .swiper-button-next {
    right: 3% !important;
}

.swiper-button-next {
    right: 17% !important;
    top: 150px !important;
    left: auto !important
}

/* 30-12-20 Width adjustment starts */

.viewall {
    float: left;
    position: absolute;
    bottom: 23%;
    width: 70px;
    z-index: 999;
    left: 855px
}

/* 30-12-20 Width adjustment ends */

.viewall img {
    width: 100%;
}

.swiper-button-next img {
    width: 200%;
    max-width: 160%;
    outline: none;
}

.swiper-button-prev {
    left: 40px !important;
    top: 150px !important;
    outline: none;
}

.swiper-button-prev img {
    max-width: 160%;
    width: 200%;
    box-shadow: 0px 10px 16px rgba(237, 28, 36, 0.2) !important;
    border-radius: 25px;
    margin-bottom: 35px;
}

.swiper-button-next img {
    box-shadow: 0px 10px 16px rgba(237, 28, 36, 0.2) !important;
    border-radius: 25px;
    margin-bottom: 35px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.45 !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.sub.swiper-button-next {
    top: auto !important;
    width: 40px;
    left: 68%;
    bottom: 23px !important;
    display: block;
}

.sub.swiper-button-prev {
    top: auto !important;
    width: 40px !important;
    left: 17% !important;
    bottom: 23px !important;
    display: block;
}

/* .swiper-pagination-bullet-active {
    background-color: #005e9e !important
} */

.padtopgrtxt {
    padding-top: 38px;
}

.panel.panel-default {
    padding-bottom: 16px;
}

.panel.panel-default .panel-collapse {
    padding-top: 20px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #5A5A5A;
}

.panel-collapse p {
    position: relative;
    margin-top: 12px;
    padding-left: 7px;
}

.panel-collapse p span {
    font-size: 8px;
    line-height: 6px;
    color: #5a5a5a;
    position: absolute;
    top: 8px;
    left: 0;
    font-weight: 700;
}

.panel-collapse p:first-child {
    margin-top: 0px;
}

.disktext {
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #8A93A5;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ban-logo {
    padding-bottom: 10px;
}

.abt-sec .col-sm-6, .abt-sec .col-sm-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.claimsettle {
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}

.sel-type {
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 22px;
    padding-left: 20px;
    padding-right: 20px;
}

.webservices {
    h5 {
        position: relative;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        color: #233253;
        padding-left: 12px;
        padding-bottom: 15px;
    }
    ::before {
        width: 3px;
        height: 24px;
        background-color: red;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
    }
    p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 10px;
        color: #233253;
        padding-left: 12px;
        a {
            color: #005E9E;
        }
    }
}

.claimsettle+h4 {
    font-size: 38px;
    padding-top: 43px;
    padding-bottom: 15px;
}

.claimsettle+h4 small {
    font-size: 24px;
    line-height: 55px;
    font-weight: 600;
}

.font-12 {
    font-size: 12px !important;
}

.claimsicon1, .claimsicon2 {
    position: relative;
    padding-left: 70px;
    margin-bottom: 50px;
}

.claimsicon1 h6, .claimsicon2 h6 {
    padding-bottom: 7px;
}

.claimsicon1:before {
    position: absolute;
    left: 0;
    width: 60px;
    height: 57px;
    content: "";
    background: no-repeat 0 0;
}

.claimsicon2:before {
    position: absolute;
    left: 0;
    width: 60px;
    height: 57px;
    content: "";
    background: no-repeat 0 0;
}

.claim-settle-sec {
    padding-top: 33px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* width: auto !important; */
    padding-left: 20px;
}

.swiper-container {
    padding-bottom: 72px !important;
}

.swiper-holder {
    width: 291px;
    height: 354px;
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #ced1d3;
    border-bottom: 1px solid #ced1d3;
    border-right: 1px solid #ced1d3;
    border-left: 8px solid red;
    border-radius: 15px;
    overflow: hidden;
    background-color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
}

.sar-logo {
    display: block;
}

.sar-logo-mob {
    display: none;
}

.prod-img-sh-dt {
    display: block;
}

.prod-img-sh-mob {
    display: none;
}

@media (min-width:768px) {
    .icon-wrap:hover .hover-drop-down {
        display: block;
    }
    .mob-hide {
        display: block !important;
    }
    .desk-block {
        display: none !important;
    }
}

.error-page {
    height: 700px;
    position: relative;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 30%;
    text-align: center;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mrgn-space {
    margin-top: 70px;
    margin-bottom: 16px;
}

.mb-none {
    display: block;
    margin: 0 auto;
}

.mb-shw {
    display: none;
    margin: 0 auto;
}

.info-icon {
    position: relative;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #767676;
    padding-left: 25px;
}

.info-icon:before {
    background: no-repeat 0 0;
    width: 16px;
    height: 16px;
    background-color: red;
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
}

.wp-sec {
    display: none;
    font-size: 16px;
    text-transform: uppercase;
    color: #005e9e;
    font-weight: 700;
    text-align: center;
    img {
        position: relative;
        top: -2px;
        margin-right: 4px;
    }
}

.health-desk {
    display: block;
}

.health-mob {
    display: none;
}

.contact-section-wrapper {
    .tabAccordContent {
        padding-bottom: 20px !important;
    }
    .lst {
        border: none !important;
        line-height: 46px;
        font-size: 14px;
        flex-grow: 1;
        flex-basis: 0;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        width: 100%;
    }
    .lst.active {
        background-color: #FFFFFF !important;
    }
    .articleBulletLists li:last-child {
        padding-bottom: 0px !important;
    }
    .lst.active:hover {
        background-color: #FFFFFF !important;
    }
    .lst.active:active {
        background-color: #FFFFFF !important;
    }
    .lst.active:focus {
        background-color: #FFFFFF !important;
    }
    .lst.active:active {
        background-color: #FFFFFF !important;
    }
    .dropbtn {
        background-color: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
    }
    /* Dropdown button on hover & focus */
    .dropbtn:hover, .dropbtn:focus {
        background-color: transparent;
    }
    /* The container <div> - needed to position the dropdown content */
    .dropdown {
        position: relative;
        display: inline-block;
    }
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #FFFFFF;
        min-width: 288px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        right: -19px;
        text-align: left;
    }
    .dropdown-content li {
        padding-left: 20px;
        padding-right: 20px;
        color: #233258 !important
    }
    .dropdown-content li:hover, .dropdown-content li.active {
        color: #FFFFFF !important
    }
    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 7px 16px;
        text-decoration: none;
        display: block;
        line-height: 40px;
        color: #233253
    }
    .dropdown-content a:hover {
        background-color: #FFF
    }
    .show {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .abtboxRt.bg1:after{
        background: rgba(0,0,0,.4) !important;
    }

    .space{
        display:none !important;
    }
    .cs-mobtoppad {
        padding-top: 0px !important;
    }
    .cs-table {
        overflow-x: scroll;
    }
    #mtop0mob {
        margin-top: 0px !important;
    }
    .claim-tabaddjust {
        width: 320px !important;
        margin: 0 auto;
    }
    .claim-online-wrapper .vsteps li {
        padding-right: 0px !important;
    }
    .claim-online-wrapper .vsteps li:last-child {
        padding-bottom: 0px !important;
        height: 76px !important;
    }
    .claim-online-wrapper .vsteps li:last-child:after {
        height: 0px !important;
        display: none !important;
    }
    .health-mob {
        display: block;
        width: 95%;
        background-color: #FFFFFF;
        margin: 0 auto;
        padding: 30px 20px 30px 20px;
        .toggleIcon {
            margin-left: 0px !important;
            margin-right: 10px !important;
        }
        h2 {
            display: none;
        }
        .vsteps {
            margin: 0px !important;
            padding: 0px !important;
            border: none !important;
            li {
                font-size: 12px !important;
                line-height: 18px !important;
                font-weight: normal !important;
            }
        }
        .tabAccordSection .tabAccordMenu.opened a strong {
            font-weight: normal !important;
        }
        h2+p {
            font-size: 15px !important;
            padding-bottom: 20px !important;
        }
    }
    .health-desk {
        display: none;
    }
    .cs-workarea1 .aboutSectionTabMenuWrp {
        overflow-x: unset !important;
    }
    .wp-sec {
        display: block;
    }
    .clform .form-group {
        margin-bottom: 0px !important;
    }
    .cs-banner-section {
        margin-top: 56px !important;
    }
    .orpad {
        padding-top: 24px !important;
    }
    .claim-online-wrapper .downloads li span {
        width: 73% !important;
    }
    .orpad {
        padding-top: 19px;
    }
    .prod-img-sh-dt {
        display: none;
    }
    .prod-img-sh-mob {
        display: block;
        margin: 0 auto;
    }
    .popularMenuList {
        border-right: 0px solid #889e9e !important;
        padding-right: 40px;
    }
    .popularMenuList {
        margin-left: 9px;
    }
    footer .wrapper.footerMenuSec .productMenuSec {
        margin-left: 9px !important
    }
    .mb-none {
        display: none;
    }
    .mb-shw {
        display: block;
    }
    .error-page {
        height: auto;
        min-height: 400px;
        position: relative;
    }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 0%;
        text-align: center;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .vertical-center img {
        width: 80%
    }
    .swiper-button-prev img, .swiper-button-next img {
        max-width: 100%;
    }
    .mob-hide {
        display: none !important;
    }
    .desk-block {
        display: block !important;
    }
    .mtop10 {
        margin-top: 5px !important;
    }
}

@media (max-width:767px) {
    .rupee {
        position: absolute !important;
        left: 21px !important;
        top: 75px !important;
        right: -16px;
        z-index: 99;
        font-family: arial;
    }
    
    .rupee+input {
        margin-left: 0px !important
    }
    .settle-top h4, .settle-top p {
        width: 93%;
        margin: 0 auto;
    }
    .mresptop15 {
        margin-top: 15px;
    }
    .aboutus-sec .col-sm-4 {
        margin-top: 0px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 34px !important;
        left: -3px !important;
        width: 100%;
    }
    .swiper-container {
        padding-left: 15px !important;
    }
    #abtpad {
        padding-bottom: 0px !important;
    }
    .pad-top57 {
        padding-top: 57px !important;
    }
    .mob-abt h4 {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 0;
    }
    .mob-abt h6 {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 0;
    }
    .mob-abt p {
        font-size: 14px;
        line-height: 22px;
    }
    .bg-mob.section {
        padding-top: 32px !important;
        padding-bottom: 27px !important;
        padding-left: 0;
        padding-right: 0;
    }
    .section {
        padding-top: 56px !important;
        padding-bottom: 60px !important;
    }
    .carousel-item {
    }
    .bg-mob {
        background-color: #f5f8f8
    }
    .vhid {
        visibility: hidden;
    }
    .vhid+h5 {
        top: -54px !important;
    }
    
    .mb .plans-holder {
        height: 108px;
        padding: 0px;
        width: 100px;
        margin: 0 4px 8px!important;
        box-shadow: 3px 3px 8px 1px #e4e3e3;
    }
    .mb .plans-holder h5 {
        font-size: 14px !important;
        line-height: 13px;
        position: relative;
        top: -30px;
    }
    .viewall {
        display: none;
    }
    .claimsettle {
        float: none;
        margin: 0 auto;
        display: block;
        width: 100px;
    }
    .padtopgrtxt {
        padding-top: 0px;
    }
    .section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sar-logo {
        display: none;
    }
    .sar-logo-mob {
        text-align: center;
        display: block;
    }
    .bannerh5 {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        padding-bottom: 0px !important
    }
    .bannerh2 {
        font-size: 34px !important;
        line-height: 45px;
        text-align: center;
        padding-bottom: 0px !important
    }
    .carousel-caption {
        bottom: auto;
        width: 90% !important;
        top: 5%;
        padding-top: 0px;
    }
    .carousel-item {
        background-size: 100% !important
    }
    .ban-logo1 {
        text-align: right;
    }
    .ban-logo1 img {
        width: 25%;
    }
    .greyheading {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 4px;
        text-align: center
    }
    h3.homeheader2 {
        font-size: 24px;
        text-align: center;
        line-height: 30px;
        padding-top: 4px;
        padding-bottom: 9px;
    }
    h2.homeheader2 {
        font-size: 24px;
        text-align: center;
        line-height: 30px;
        padding-top: 4px;
        padding-bottom: 9px;
    }
    h3.homeheader2+span+p, h3.homeheader2+span+p+p, h3.homeheader2+p {
        text-align: center;
        font-size: 14px !important;
        line-height: 22px;
        padding-top: 0px;
        width: 80%;
        margin: 0 auto;
    }
    h2.homeheader2+span+p, h2.homeheader2+span+p+p, h2.homeheader2+p {
        text-align: center;
        font-size: 14px !important;
        line-height: 22px;
        padding-top: 0px;
        width: 80%;
        margin: 0 auto;
    }
    h3.homeheader2+span+p+button, h3.homeheader2+span+p+p+button {
        margin: 0 auto;
        display: block
    }
    h2.homeheader2+span+p+button, h2.homeheader2+span+p+p+button {
        margin: 0 auto;
        display: block
    }
    .settle-top {
        padding-top: 0px;
    }
    .settle h4 {
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        padding-bottom: 5px;
        font-weight: 700;
        color: #233253;
    }
    .settle h4+p {
        font-size: 14px;
        line-height: 14px;
        text-align: center;
        font-weight: 500;
        padding-bottom: 3px;
        color: #8A93A5;
    }
    .claimsettle+h4 {
        padding-top: 10px;
    }
    .font28 {
        font-size: 28px !important;
        line-height: 34px;
    }
    .abtboxbig .imgholder {
        margin-bottom: 0px;
        min-height: 249px;
        width:100% !important;
    }
    .bg1 {
        margin-bottom: 9px;
        margin-left: 10px;
    }
    .bg2 {
        margin-bottom: 16px;
        margin-left: 10px;
        width: 95% !important;
    }
    .abtboxbig.after::after {
        background-color: transparent !important;
    }
    .abtboxbig {
        border: none;
        box-shadow: none;
    }
    .panel-title a.collapsed {
        font-size: 14px;
    }
    .disclaimers-sec .panel-title a {
        /* font-size: 22px !important; */
        margin-top: 0px;
    }
    .imgholder {
        width: 100% !important
    }
    .imgholder .desk-block {
        padding: 20px 20px 15px 20px !important;
    }
    .imgholder .db1 {
        padding: 20px 20px 36px 20px !important;
    }
    .abtboxbig::before {
        display: none;
    }
    .imgholder .desk-block {
        position: absolute;
        bottom: 0;
        padding: 20px;
    }
    .abtboxbig h4, .abtboxbig h6 {
        color: #FFFFFF;
        text-align: left;

    }
.articles .abtboxbig h4{
background-color: rgba(0,0,0,0.6);
            }
    .abtboxbig h4 {
        font-size: 16px;
        line-height: 19px;
        font-weight: 800;
    }
    .abtboxbig h6 {
        font-size: 16px;
        line-height: 17px;
    }
    .bg1, .bg2 {
        height: 200px !important;
        padding: 0;
        margin: 0;
    }
    .bg1 h4, .bg2 h4 {
        font-size: 16px;
        line-height: 19px;
    }
    .mob-abt {
        text-align: center !important
    }
    .carousel-item {
        min-height: auto !important;
        height: 430px !important;
        background-position: bottom center !important
    }
    #carouselExampleIndicators .carousel-indicators {
        bottom: 0;
        top: auto;
        margin: 0px;
        width: 100% !important;
        right: auto !important;
        text-align: center;
        display: block;
    }
    .carousel-indicators li {
        background-color: transparent;
        width: 6px;
        height: 6px;
        border-radius: 8px;
        border: 1px solid #ffffff !important;
    }
    .carousel-indicators li {
        display: inline-block;
    }
    .carousel-indicators li.active {
        background-color: #FFFFFF;
    }
    .carousel-caption {
        bottom: auto;
        bottom: 45%;
        left: 5%;
        text-align: left;
    }
    .carousel-indicators li {
        margin-bottom: 8px;
    }
    .bottom-scroll {
        display: none;
    }
    .bg-Term_plans, .bg-Ulip, .bg-Savings, .bg-pos, .bg-combo, .bg-Retirement, .bg-Health, .bg-Term_plans, .bg-Group, .bg-Childrens {
        transform: scale(0.6);
        position: relative;
        margin-top: -14px;
    }
    .bg-Talk_to_an_Advisor_right_away, .bg-Do_you_need, .bg-Covid_19_Coverage, .bg-BFSI_Awards {
        margin: 0 auto;
        transform: scale(0.8, 0.8);
        margin-top: -25px !important;
    }
    .bg-Covid_19_Coverage {
        position: relative;
        top: 20px;
        margin-bottom: 6px;
    }
    .pbot56 {
        padding-bottom: 56px;
    }
    /* .swiper-pagination-bullet {
        width: 12px !important;
        height: 12px !important;
        background: #FFFFFF !important;
        opacity: 1.0 !important;
        border: 1px solid #005e9e !important;
    }
    .swiper-pagination-bullet-active {
        background-color: #005e9e !important;
    } */
    .btnred {
        width: 174px;
    }
    .font-28 {
        font-size: 28px !important;
    }
    .font-16 {
        font-size: 16px !important;
    }
    .font-14 {
        font-size: 14px !important;
    }
    .font-12 {
        font-size: 12px !important;
    }
    .font-12 {
        font-size: 12px !important;
    }
    .color000 {
        color: #000000 !important
    }
    .color85 {
        color: #858686 !important
    }
    .calculator-section .select-holder1 {
        max-width: 100% !important;
    }
    .calculator-section .form-group input {
        width: 100% !important;
    }
    .calculator-section .close-icon {
        right: 20px !important;
    }
    .liabilities-sec .form-select, .calculator-section .select-holder1 select {
        width: 110%!important;
    }
    .plans-wrapper {
        line-height: 17px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 440px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {
    .carousel-item {
        background-size: 68% !important;
    }
}

/*Illustration css */

.bg-Do_you_need {
    display: inline-block;
    width: 359px;
    height: 332px;
    background: -46px -10px;
}

.bg-Covid_19_Coverage {
    display: inline-block;
    width: 365px;
    height: 253px;
    background: -10px -362px;
}

.bg-Talk_to_an_Advisor_right_away {
    display: inline-block;
    width: 376px;
    height: 330px;
    background: -476px -10px;
    animation: MoveRight 1s linear infinite;
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }
    50% {
        bottom: 10px;
    }
}

/* Home Spriteicons */

.bg-About_Us {
    display: inline-block;
    width: 78px;
    height: 78px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -508px -310px;
}

.bg-Android {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -10px -527px;
}

.bg-Apple {
    display: inline-block;
    width: 28px;
    height: 29px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -552px -429px;
}

.bg-Asset_management {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -236px -316px;
}

.bg-BFSI_Awards {
    display: inline-block;
    width: 173px;
    height: 173px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -10px -10px;
}

.bg-Branches {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -508px -10px;
}

.bg-Bullet {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -359px -527px;
}

.bg-call_header_hover {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -429px -139px;
}

.bg-call_header {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -429px -205px;
}

.bg-Cancel {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -608px -50px;
}

.bg-Chat {
    display: block;
    float: right;
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 999;
}

.bg-Chat a {
    display: block;
    clear: both;
    width: 63px;
    height: 66px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -336px -316px;
}

.floater {
    position: absolute;
    right: 30px;
    bottom: 0px;
    width: 63px;
}

.bg-Chat1 {
    display: block;
    float: right;
    clear: both;
    margin-bottom: 10px;
}

.bg-Chat1 a {
    display: block;
    width: 38px;
    height: 38px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/home/icons/message.png') 0 0 no-repeat;
    background-size: 99%;
    margin-top: 4px;
}

.bg-cll {
    display: block;
    float: right;
    clear: both;
    margin-bottom: 10px;
}

.bg-cll a {
    display: block;
    width: 38px;
    height: 37px;
    background: 0px 0px;
}

.bg-Childrens {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0 0;
}

.bg-Customer {
    display: inline-block;
    width: 21px;
    height: 18px;
    background: -442px -527px;
}

.bg-Employee {
    display: inline-block;
    width: 17px;
    height: 20px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -608px -10px;
}

.bg-FB {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -203px -123px;
}

.bg-Fund_Performance {
    display: inline-block;
    width: 78px;
    height: 78px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -10px -429px;
}

.bg-Group {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0 0;
}

.bg-HDFC_logo {
    display: inline-block;
    width: 87px;
    height: 57px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -316px -236px;
}

.bg-Health {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0 0;
}

.bg-Instagram {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -236px -203px;
}

.bg-Knowledge_Center {
    display: inline-block;
    width: 78px;
    height: 78px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -108px -429px;
}

.bg-Language {
    display: inline-block;
    width: 53px;
    height: 34px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -429px -271px;
}

.bg-Language_1 {
    display: inline-block;
    width: 52px;
    height: 34px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -429px -325px;
}

.bg-Linkedin {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -304px -429px;
}

.bg-Lives_insured {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -508px -110px;
}

.bg-Login_hover {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -429px -379px;
}

.bg-Login {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -265px -123px;
}

.bg-menu {
    display: inline-block;
    width: 24px;
    height: 14px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -350px -491px;
}

.bg-mouse_cursor {
    display: inline-block;
    width: 59px;
    height: 109px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -429px -10px;
}

.bg-Online_Call {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -233px -527px;
}

.bg-Online_Email {
    display: inline-block;
    width: 20px;
    height: 17px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -483px -527px;
}

.bg-Online_Request_call_back {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -275px -527px;
}

.bg-Online_sms {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -317px -527px;
}

.bg-Partner {
    display: inline-block;
    width: 26px;
    height: 15px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -304px -491px;
}

.bg-Policy_Whatsapp {
    display: inline-block;
    width: 23px;
    height: 24px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -190px -527px;
}

.bg-Retirement {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0 0;
}

.bg-Savings {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0 0;
}

.bg-pos {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0 0;
}

.bg-combo {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0px 0px;
}

.bg-search_hover {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -608px -84px;
}

.bg-search {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -236px -265px;
}

.bg-hand_cursor {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -58px -527px;
}

.bg-see_more_arrow {
    display: inline-block;
    width: 17px;
    height: 8px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -608px -117px;
}

.bg-Slideshare {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -366px -429px;
}

.bg-Speaker {
    display: inline-block;
    width: 22px;
    height: 19px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -400px -527px;
}

.bg-Star_no_filled {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -608px -145px;
}

.bg-star_filled {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -608px -177px;
}

.bg-Subscripe_failed {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -102px -527px;
}

.bg-Subscripe_sucess {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -146px -527px;
}

.bg-Sum_assuredsvg {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -508px -210px;
}

.bg-Term_plans {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0 0;
}

.bg-Tools_and_Calculators {
    display: inline-block;
    width: 78px;
    height: 78px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -206px -429px;
}

.bg-Twitter {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -428px -429px;
}

.bg-Ulip {
    display: inline-block;
    width: 93px;
    height: 93px;
    background: 0 0;
}

.bg-Youtube {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/homeiconSprite.png') -490px -429px;
}

.bg1 {
    display: inline-block;
    width: 100%;
    background: 0px 0px;
    background-size: cover;
    background-position:50%;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.bg1:hover {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.bg2 {
    display: inline-block;
    width: 100%;
    background: 0px 0px;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-size: 100%;
}

.bg2:hover {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.swiper-slide span {
    margin: 0 auto !important
}

.calculator-section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    display: none;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #bfc0c1;
    background-color: #FFFFFF;
    margin: 68px auto;
}

.calculator-section .close-icon {
    position: absolute;
    top: 26px;
    right: 26px;
    cursor: pointer;
    font-size: 23px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/pop-close.png') no-repeat 0px 0px;
}

.calculator-section h3 {
    color: #233253;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
}

.calculator-section .calc-btn {
    display: block;
    text-transform: uppercase;
    margin: 0 auto 49px;
}

.calculator-section .form-group label {
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    color: #8a93a5;
    display: block;
}

.calculator-section .select-holder1 select {
    width: 110%;
    border: 0px solid transparent;
    background-color: transparent !important;
    font-size: 14px;
    color: #233253;
    line-height: 22px;
    font-weight: 500;
    outline: none;
}

.calculator-section .select-holder1 {
    background: url('../../../content/dam/hdfclifeinsurancecompany/select-arrow.png') no-repeat right center;
    max-width: 200px;
    width: 100%;
    overflow: hidden;
    padding-top: 4px;
    border: 1px solid #c7cacc;
    height: 34px;
    padding-left: 5px;
}

.select-holder2 {
    background: no-repeat right center;
    max-width: 187px;
    width: 100%;
    overflow: hidden;
    padding-top: 4px;
    border: 1px solid #ed1c24;
    height: 34px;
    padding-left: 5px;
    background-color: #FFFFFF;
    border-radius: 3px;
    margin: 0 auto;
}

.select-holder2 select {
    width: 110%;
    border: 0px solid transparent;
    background-color: transparent !important;
    font-size: 14px;
    color: #ed1c24;
    line-height: 22px;
    font-weight: 500;
    outline: none;
}

.rupee {
    position: relative;
    left: 8px;
    top: 3px;
    right: -16px;
    top: 1px;
    z-index: 99;
    width: 15px;
    font-family: arial;
}

.rupee+input {
    padding-left: 18px !important;
    margin-left: -8px;
}

.calculator-section .form-group input
/*,
.calculator-section .form-group select*/

    {
    width: 200px;
    height: 32px;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #c7cacc;
    font-size: 14px;
    color: #233253;
    line-height: 22px;
    font-weight: 500;
    position: relative;
    outline: none;
}

@media only screen and (max-width: 640px) {
    .calculator-section .form-group input, .calculator-section .form-group select {
        width: 100%;
    }
}

.calculator-section .calculate-bottom-section {
    border-top: 1px solid #e7e7e7;
    text-align: center;
    padding-top: 40px;
    display: none;
}

.calculator-section .calculate-bottom-section h6 {
    color: #233253;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 12px;
}

.calculator-section .calculate-bottom-section p {
    font-size: 16px;
}

.calculator-section .calculate-bottom-section h1 {
    font-size: 40px;
    line-height: 40px;
    color: #233253;
    margin-top: 16px;
    margin-bottom: 40px;
    font-weight: 700;
}

.calculator-section .calculate-bottom-section small {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    display: block;
}

.calculator-section #range-slider-wrapper {
    width: 257px;
    height: 67px;
    box-sizing: border-box;
    padding-top: 37px;
    position: relative;
}
.calculateSection input.years[type=number] {
    width: 55px!important;
    padding: 0 14px!important;
}
.side-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-left: 12px;
}

@media only screen and (max-width: 640px) {
    .calculator-section #range-slider-wrapper {
        width: 100%;
    }
}

.calculator-section #range-slider-wrapper .range-limit {
    font-size: 16px;
    line-height: 22px;
    color: #e5e5e5;
    position: absolute;
    bottom: -5px;
}

.calculator-section #range-slider-wrapper .range-limit.max {
    right: 0;
}

.calculator-section .rangeslider__fill {
    box-shadow: none;
    background: #ed1c24;
    height: 6px;
}

.calculator-section .rangeslider {
    height: 8px;
    border-radius: 3px;
    background: #e5e5e5;
    box-shadow: none;
}

.calculator-section .rangeslider__handle {
    width: 16px;
    height: 16px;
    box-shadow: none;
    margin-top: 4px;
    background: #fff;
    background-image: none !important;
    border: 2px solid #ed1c24;
    box-shadow: 0 2px 3px rgba(237, 28, 36, 0.16);
}

.calculator-section .rangeslider__handle:after {
    background: none;
}

.calculator-section .live-range-val {
    position: absolute;
    top: 11px;
    left: 7%;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    transform: translateX(-30%);
}



@media (max-width:1024px) {
    .fmob {
        text-align: center !important
    }
    main {
        margin-top: 68px !important;
    }
    .mb0 {
        margin-bottom: 0px !important;
    }
    .side-strip img {
        display: none;
    }
    footer .footerFormSec .stayUpdatedSec {
        display: block;
    }
    footer .footerFormSec .footerFormBlk {
        display: none;
    }
    footer .appDwnldSec, footer .stayUpdatedSec {
        max-width: 600px;
    }
    /*
    #carouselExampleIndicators {
        margin-top: 109px;
    }*/
}

.side-strip {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    border-right: 1px solid #F9F9F9;
}

.search-suggestions {
    height: 100px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 41px;
    z-index: 99999;
    display: none;
}

.search-suggestions-selectOption li {
    color: #233253;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    padding: 16px 0px 16px 45px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
}

.search-suggestions-selectOption li span {
    color: #808285;
    font-size: 10px;
    line-height: 14px;
    right: 30px;
    position: absolute;
}

.search-suggestions-selectOption li:hover {
    background: #EBF5F9;
}

ul.search-suggestions-selectOption {
    border: 1px solid rgba(0, 0, 0, 0.08);
    height: 130px;
    overflow-y: auto;
    background: #fff;
    border-radius: 7px;
}

#carouselExampleIndicators .carousel-item {
    background: no-repeat 20% scroll;
}

.pad-top-fd {
    padding-top: 54px;
}

@media (min-width:1025px) {
    .container.aboutus-sec {
        padding: 0;
    }
}

/* scedule a call */

.modal.sac {
    width: 100%;
    /* margin-left: 5% */
}

.modal.sac .modal-dialog.modal-lg {
    margin: 0 auto;
    margin-top: 100px;
}

.modal-content {
    border-radius: 0px;
    padding: 40px 20px 40px 20px;
}

.sac input {
    background-color: #f4f4f4;
    font-size: 12px;
    font-style: italic;
    color: #767676;
    height: 47px;
    outline-style: none;
    outline-width: 0px;
    border: 0px solid transparent;
    box-shadow: none !important
}

.sac input:focus {
    background-color: #f4f4f4;
}

.sac label {
    font-size: 14px;
    color: #233253;
}

.select-holder {
    background-color: #f4f4f4;
    background: url(../../../content/dam/hdfclifeinsurancecompany/images/home-images/select-arrow.png) no-repeat right center #f4f4f4 !important;
    height: 38px;
    width: 100%;
    OVERFLOW: HIDDEN;
    padding-top: 7px;
    padding-left: 10px;
    cursor: pointer;
}

.select-holder select {
    cursor: pointer;
    width: 100%;
    border: 0px solid transparent;
    background-color: transparent !important;
    font-size: 12px;
    font-style: italic;
    outline: none;
    color: #767676;
    -webkit-appearance: none;
    appearance: none;
}

.sac .row {
    padding-bottom: 10px;
}

.sac .row:last-child {
    padding-bottom: 0px;
}

.sac .carousel-item {
    min-height: 65px !important;
    height: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
}

.sac .carousel-item .col-3, .sac .carousel-item .col-4, .sac .carousel-item .col-12 {
    font-size: 14px;
    color: #233253;
}

.sac .carousel-item .col-3 a, .sac .carousel-item .col-4 a, .sac .carousel-item .col-12 a {
    font-size: 14px;
    color: #9098a8;
}

.sac .carousel-item .col-3 a.active, .sac .carousel-item .col-4 a.active, .sac .carousel-item .col-12 a.active {
    font-size: 14px;
    color: #233253;
}

.sac .carousel-control-next, .sac .carousel-control-prev {
    height: 80px;
}

.sac .carousel-control-prev {
    left: -46px;
}

.sac .carousel-control-next {
    right: -46px;
}

.sac .drop-section {
    position: absolute;
    border: 1px solid red;
    width: 558px;
    border: 1px solid #c7cacc;
    background-color: #FFFFFF;
    z-index: 99999;
    padding: 30px 30px 30px 30px;
    display: none;
    top: 81px;
    z-index: 99999 !important;
}

.sac .drop-section h6 {
    font-size: 16px;
    line-height: 22px;
    color: #233253;
}

.sac .time {
    width: 100%;
    display: table;
    border-collapse: collapse;
    margin: 0 auto;
}

.sac .time li {
    width: 25%;
    display: table-cell;
    border: 1px solid #c7cacc;
    vertical-align: middle;
}

.sac .time li a {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 10px !important;
    font-size: 12px !important;
    height: 40px;
    color: #233253;
}

.sac .time li a:hover {
    background-color: #005E9E;
    color: #FFFFFF;
}

.sac .time li a.active {
    background-color: #005E9E;
    color: #FFFFFF;
}

.sac p a {
    font-size: 14px;
    color: #233253;
}

.sac p {
    padding-top: 10px;
}

.sac .time li a {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 8px;
    font-size: 14px;
    height: 40px;
    color: #233253;
}

.sac #ok .btnred {
    min-width: 80px !important
}

.blankRTE .fontsizesmall{
	font-size:13px !important;
    }

.blankRTE-op .fontsizesmall{
    font-size:13px !important;
}

footer .footerInfo h4, .footerInfo h4 p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
}

footer .stayUpdatedSec {
    max-width: 300px
}

footer .appDwnldSec {
    max-width: 322px
}

footer .custom-check-box , .appDwnldForm .custom-check-box{
    margin-top: 12px !important;
}

/* Custom check box start */

.custom-check-box {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #5a5a5a !important;
}

.custom-check-box input {
    position: absolute;
    opacity: 0;
    left:0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-check-box input:checked~.checkmark {
    background-color: #fff;
}

.custom-check-box input:checked~.checkmark:after {
    display: block;
}

.custom-check-box .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 1px;
}

.custom-check-box .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-check-box .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid #ed1c24;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.slidedesc {
    display: block
}

.slidemob {
    display: none !important
}

.drop-section:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 12px;
    top: -12px;
    background: no-repeat;
}

.colorred>span {
    color: #ED1C24 !important;
}

.colorred a {
    color: #233253!important;
}

.drop-section .carousel-item .text-center {
    cursor: pointer;
}

.btn-close {
    width: 102px;
    height: 102px;
    left: 50%;
    position: absolute;
    top: -38px;
    transform: translateX(-50%);
}

.curve-container {
    background-color: #FFFFFF;
    position: relative;
    margin-top: -200px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 30px;
}

.headh4 {
    display: inline-block;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #ED1C24;
    top: -34px;
    left: -15px;
}

.headh4 span {
    color: #005e9e
}

.curve-container h4+P {
    font-size: 12px;
    color: #555555;
    line-height: 17px;
    padding-bottom: 12px;
}

.swip-section {
    width: 90%;
    height: 330px;
    position: relative;
    overflow: scroll;
    padding: 40px 0px 40px 16px;
}

.swip-section .swip-section-inner {
    position: absolute;
    width: 890px;
}

.bot-box-holder {
    background-color: #fff;
    padding: 20px 25px 20px 25px;
    padding-left: 15px;
    margin: 0 3px 12px;
    width: 262px;
    height: 268px;
    float: left !important;
    /* border: 1px solid #D9D9D9;*/
    box-shadow: 0px 10px 18px rgba(18, 89, 157, 0.12);
    border-radius: 20px;
    margin-right: 30px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.rt-arrow {
    position: relative;
    right: -25px;
    bottom: 29px;
}

.viewmre {
    display: none !important;
}

html, body {
    height: 100%;
}

.h5 {
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #ED1C24;
    font-weight: 600;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}

.h5 span {
    color: #005e9e
}

.colorred {
    color: #ED1C24
}

.colorblue{
    color: #005e9e;
}

.fontWeight600{
    font-weight: 600 !important;
}

.fontWeight700{
    font-weight: 700 !important;
}
.font-17 {
    font-size: 17px !important;
}

.marginBottom10{
    margin-bottom: 10px !important;
}
.h5+p {
    font-size: 12px;
    line-height: 15px;
    color: #bbbbbb;
    padding-top: 13px;
    padding-bottom: 15px;
}

.bot-box-holder ul {
    clear: both;
    overflow: hidden;
    margin: 0px !important;
    padding: 0px;
    width: 100%;
}

.bot-box-holder ul li {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 16px;
    color: #555555;
    padding-bottom: 8px;
}

.pad-top-fd {
    padding-top: 54px;
}

.disclaimers-sec .panel-collapse li {
    /* padding-bottom: 10px; */
    margin-top:15px;
}

.disclaimers-sec .panel-collapse ul li{
    list-style:disc;
}

.disclaimers-sec .panel-collapse ul{
    padding:revert;
}

.disclaimers-sec .panel-collapse ol {
    margin: 0 0 0 12px;
    padding: 0px;
}

.reach-out-to-us-inner .verticalTab li .active {
    color: #ed1c24;
    background: #eaf1f8;
}

@media only screen and (max-width: 767px) {
    .claim-settle-sec {
        text-align: center !important;
        padding-top: 10px
    }
    footer .stayUpdatedSec {
        max-width: 600px;
    }
    .modal.sac {
        width: 92%;
        margin-left: 5%
    }
    .recomendPlans>div a {
        margin-bottom: 20px !important;
    }
    .floater {
        position: fixed !important;
        bottom: 20px;
        right: 20px;
        z-index: 99999 !important
    }
    .calculator-section .form-group {
        margin-bottom: 1.6rem;
    }
    .calculator-section {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 0px;
        border: 0px solid red;
    }
    .calculator-section .close-icon {
        position: absolute;
        top: 32px;
        font-size: 23px;
        right: 40px !important;
    }
    .carousel-item {
        background-size: 100% !important
    }
    .sac .drop-section {
        width: 90% !important
    }
    .sac .carousel-item {
        min-height: 65px !important;
        height: 65px !important;
        background-image: none !important;
    }
    .sac .time {
        width: 100%;
        display: table;
        border-collapse: collapse;
        margin: 0 auto;
        padding: 0;
    }
    .sac .time li {
        width: 100%;
        display: block !important;
        border: 1px solid #c7cacc;
    }
    .mob-show {
        display: none !important
    }
    .slidedesc {
        display: none
    }
    .slidemob {
        display: block !important
    }
    .bg-mob .plans-holder {
        position: relative;
    }
    .disclaimers-sec .panel-group {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sac .row {
        padding-bottom: 0px;
    }
    .sac .form-group {
        margin-bottom: 21px;
    }
    .sac .carousel-control-prev {
        left: -12px;
    }
    .sac .carousel-control-next {
        right: -12px;
    }
    .mreshw {
        display: block !important;
    }
    .bg-mob {
        background-color: #f5f8f8 !important;
    }
    .mob-cent {
        text-align: center !important;
        margin-top: 20px;
    }
    .mob-cent .btnred {
        width: 100px !important
    }
    .padtop40 {
        text-align: center !important;
        padding-top: 10px !important;
    }
}

.modal-dialog.modal-lg {
    margin: 0px;
}

.modal-dialog {
    pointer-events: unset;
}

@media (min-width: 1500px) {
    .bottom-scroll .swiper-slide {
        background: transparent;
        height: 180px !important;
        margin-right: 10px;
    }
    .swiper-wrapper {
        margin-top: 25px;
    }
    .viewall {
        bottom: 20%;
    }
    .swiper-button-next, .swiper-button-prev {
        top: 188px !important
    }
}

.width100 {
    width: 100%;
}

.close-icon1 {
    position: absolute;
    top: 26px;
    right: 26px;
    cursor: pointer;
    font-size: 23px;
    z-index: 999;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../../../content/dam/hdfclifeinsurancecompany/images/home-images/pop-close.png') no-repeat 0px 0px;
}

.getQuoteSec {
    display: flex;
    justify-content: center;
    margin: 50px;
}

.recomendPlans>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.recomendPlans h3 {
    font-weight: 700;
}

.recomendPlans>div a {
    background: #fff;
    border: 1px solid #c7cacc;
    box-shadow: 0 4px 20px rgba(0, 94, 158, .05), 3px 6px 10px rgba(50, 130, 196, .08);
    font-weight: 600;
    font-size: 16px;
    line-height: 51px;
    color: #005e9e;
    min-width: 262px;
    height: 51px;
    position: relative;
    display: block;
    padding: 0 18px;
    margin: 0 16px;
}

.recomendPlans>div a:after {
    content: "";
    position: absolute;
    left: 0;
    background: #ed1c24;
    top: 0;
    width: 4px;
    height: 100%;
}

.arial {
    font-family: arial !important;
}

.padtop40 {
    padding-top: 40px
}

/*@media screen and (max-width: 1100px) and (min-width: 768px) {*/

@media (min-device-width:768px) and (max-device-width:1100px) {
    .bottom-scroll {
        width: 553px
    }
    .viewall {
        left: 514px;
        bottom: 21%;
    }
    #carouselExampleIndicators .carousel-item {
        background-position: bottom center !important;
        min-height: 650px !important
    }
}

.ratingStar path {
    /* fill: #ed1c24 !important;
    stroke: #ed1c24 !important; */
}

.heart path {
    fill: #ffffff;
    stroke: #233253;
}

.rated path {
    fill: rgb(237, 191, 28);
    stroke: rgb(237, 191, 28);
    opacity: 1;
}

.success-form {
    display: none;
    text-align: center;
    padding: 70px;
}

.disclaimers-sec .panel.panel-default {
    padding-bottom: 20px;
    border-bottom: .5px solid #c7cacc;
}

/* Customer css */

.cs-workarea {
    max-width: 1090px;
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-top: 56px;
    padding-left: 15px;
    padding-right: 15px;
}

.product-search-autofill {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    border: 1px solid #89949b;
    box-sizing: border-box;
    box-shadow: 0px 0px 8px rgba(0, 94, 158, 0.05), 1px 2px 4px rgba(50, 130, 196, 0.08);
    padding: 5px 16px;
    z-index: 9;
    width: 100%;
    ul {
        li {
            font-size: 12px;
            line-height: 23px;
            color: #233253;
            border-top: 1px solid #ddd;
            padding: 4px 25px;
            cursor: pointer;
            &:first-child {
                border-top: 0;
            }
            &:hover {
                color: #ed1c24;
            }
        }
    }
}

.cs-workarea .cs-box-holder {
    border: 1px solid #C7CACC;
    padding: 32px;
    position: relative;
    margin-bottom: 24px;
}

.cs-workarea .cs-box-holder:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
}

.cs-workarea .cs-box-holder:before {
    width: 4px;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100px;
    z-index: 1;
    background-color: #ED1C24
}

.cs-workarea .cs-box-holder h3 {
    font-family: Poppins, sans-serif;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    color: #005E9E;
    padding-bottom: 24px;
}

.cs-workarea .cs-box-holder ul {
    clear: both;
    overflow: hidden;
    min-height: 190px;
}

.cs-workarea .cs-box-holder ul li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 6px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -37px -88px;
    width: 6px;
    height: 10px;
    z-index: 9;
}

.cs-workarea .cs-box-holder ul li {
    position: relative;
    clear: both;
    font-size: 16px;
    color: #233253;
    line-height: 22px;
    padding-bottom: 16px;
    padding-left: 18px;
}

.cs-workarea .cs-box-holder ul li a {
    color: #233253;
    text-decoration: none
}

.cs-workarea .cs-box-holder ul li a:hover {
    color: #233253;
    text-decoration: none
}

.policy-bg {
    position: relative;
    height: 100%;
    background: no-repeat left top;
    background-size: 100% 100%;
    margin-bottom: 24px;
}

.pb24 {
    padding-bottom: 24px !important;
}

.policy-layer {
    background-color: rgba(0, 0, 0, .50);
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 30px;
    text-align: center;
}

.policy-layer h2 {
    font-size: 32px;
    line-height: 46px;
    color: #FFFFFF;
    font-weight: 700;
    padding-bottom: 15px;
}

.help-bg {
    position: relative;
    height: 370px;
    background: no-repeat left top;
    background-size: 100% 100%;
    margin-bottom: 24px;
}

.help-layer {
    background-color: rgba(0, 0, 0, 0.40);
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 30px;
    text-align: center;
}

.help-layer h2 {
    font-size: 32px;
    line-height: 46px;
    color: #FFFFFF;
    font-weight: 700;
    padding-bottom: 15px;
}

.help-layer h2+p {
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    padding-bottom: 24px;
}

.login-btn {
    background: #0083C3;
    color: #FFFFFF;
    border: none;
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px;
    padding: 7px 25px 7px 25px;
}

.login-btn:hover {
    background: #005e9e !important;
    border-color: #005e9e !important;
}

.rt-blue-bg {
    width: 100%;
    padding: 3px;
    background-color: #80c1e1;
}

.rt-blue-bg h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #233253;
    padding: 24px 0px 21px 44px;
    position: relative;
}

.rt-blue-bg h5:before {
    position: absolute;
    left: 18px;
    top: 27px;
    content: "";
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -157px -90px;
    width: 17px;
    height: 16px;
}

.rt-blue-bg ul {
    clear: both;
    overflow: hidden;
}

.rt-blue-bg ul .range-limit {
    clear: both;
    overflow: hidden;
}

.rt-blue-bg ul li a {
    clear: both;
    background-color: #FFFFFF;
    padding: 19px 30px 19px 22px;
    font-size: 14px;
    line-height: 14px;
    color: #2C6698;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-top: 3px;
    position: relative;
}

.rt-blue-bg ul li a:hover {
    color: #ed1c24
}

.rt-blue-bg ul li a:after {
    position: absolute;
    right: 18px;
    top: 22px;
    content: "";
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -178px -92px;
    width: 6px;
    height: 11px;
}

.rt-blue-bg ul li a:hover:after {
    position: absolute;
    right: 18px;
    top: 22px;
    content: "";
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -37px -88px;
    width: 6px;
    height: 10px;
}

.rt-blue-bg1 {
    width: 100%;
    padding: 3px;
    background-color: #0083C3;
    margin-top: 26px;
}

.rt-blue-bg1 h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #FFFFFF;
    padding: 24px 0px 0px 44px;
    position: relative
}

.rt-blue-bg1 h5:before {
    position: absolute;
    left: 18px;
    top: 27px;
    content: "";
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -204px -94px;
    width: 18px;
    height: 18px;
}

.rt-blue-bg1 ul {
    clear: both;
    overflow: hidden;
}

.rt-blue-bg1 ul .range-limit {
    clear: both;
    overflow: hidden;
}

.cs-bonus.recommend-search-me {
    padding-bottom: 0px !important;
    background-color: #FFFFFF !important
}

.cs-bonus.recommend-search-me select {
    border: 1px solid #ED1C24;
    color: #ED1C24;
}

.cs-bonus.recommend-search-me select option {
    font-style: normal !important;
}

.rt-blue-bg1 ul li a {
    clear: both;
    overflow: hidden;
    padding: 19px 30px 19px 34px;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-top: 3px;
    border-bottom: 1px solid #FFF;
    position: relative;
}

.rt-blue-bg1 ul li a:hover {
    color: #233253
}

.rt-blue-bg1 ul li a:before {
    position: absolute;
    left: 18px;
    top: 22px;
    content: "";
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -188px -92px;
    width: 6px;
    height: 11px;
}

.rt-blue-bg1 ul li:last-child a {
    border-bottom: 0px !important;
}

.Searchsection {
    background: #F9F9F9;
    padding: 48px 0px 48px 0px;
}

.Searchsection .search {
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
}

.Searchsection .search label {
    font-size: 14px;
    line-height: 22px;
    color: #233253;
    font-weight: normal;
}

.Searchsection .search .search-sec {
    position: relative;
    max-width: 420px;
    width: 100%;
    background: #F4F4F4;
    border: 1px solid #C7CACC;
    height: 41px;
    border-radius: 4px;
}

.Searchsection .search .search-sec:before {
    position: absolute;
    content: "";
    left: 14px;
    top: 13px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -107px -86px;
    width: 14px;
    height: 14px;
}

.Searchsection .search .search-sec input {
    float: left;
    width: 74%;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 12px;
    line-height: 28px;
    color: #767676;
    height: 39px;
    padding-left: 37px;
}

.Searchsection .search .search-sec input:focus {
    background-color: #FFF
}

.Searchsection .search .search-sec button {
    float: right;
    background: #ED1C24;
    border-radius: 0px 4px 4px 0px;
    Width: 26%;
    height: 39px;
    border: none !important;
    font-size: 12px;
    color: #FFFFFF;
}

.Searchsection .search .search-sec button:hover {
    color: #fff;
    box-shadow: 0 8px 12px rgba(237, 28, 36, .2);
}

.Searchsection .search .search-sec label {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #233253;
}

.hmbreadcrumb {
    background: repeat-x 0 0;
    height: 39px;
    padding: 0px 0px 0px 30px;
}

.hmbreadcrumb ul {
    clear: both;
    overflow: hidden;
}

.hmbreadcrumb ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
    padding-top: 7px;
    padding-right: 5px;
    padding-left: 10px;
    position: relative;
}

.hmbreadcrumb ul li:first-child:before {
    display: none;
}

.hmbreadcrumb ul li:first-child {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 5px;
}

.hmbreadcrumb ul li:before {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -91px -89px;
    width: 7px;
    height: 8px;
    position: absolute;
    content: "";
    left: 0;
    top: 14px;
}

.hmbreadcrumb ul .level0 {
    color: #233253 !important
}

.hmbreadcrumb ul .level1 {
    color: #717a8d !important
}

.hmbreadcrumb ul .level2 {
    color: #233253 !important
}

.hmbreadcrumb ul li a {
    color: #233253;
}

.hmbreadcrumb ul li a:hover {
    color: #233253;
}

.background-white {
    background-color: #FFFFFF !important
}

.bread-home {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -60px -87px;
    width: 9px;
    height: 10px;
    display: inline-block;
}

h1 .bgwhite {
    background-color: #FFFFFF;
    line-height: 48px;
    height: 50px;
    display: inline-block;
}

.cs-banner-section {
    margin-top: 98px;
    padding-top: 50px;
}

.cs-banner-section h1 {
    position: relative;
    line-height: 48px;
    font-weight: 700;
    font-size: 48px;
    color: #ED1C24;
}

.cs-banner-section h1:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 82px;
    height: 82px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat 0px 0px;
    z-index: -1;
    left: -44px;
    top: -18px;
}

.cs-banner-section h1 .bluetxt {
    color: #233253;
}

.cs-banner-section h1+p {
    font-size: 14px;
    line-height: 20px;
    color: #233253;
    padding-top: 14px;
}

.cs-banner-section ul {
    display: block;
    margin-top: 15px;
}

.cs-banner-section ul li {
    display: inline-block;
    padding-right: 26px;
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
}

.cs-banner-section ul li:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat 0 -84px;
}

.cs-banner-section ul li.services:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 13px;
    left: 0;
    top: 4px;
    background: no-repeat 0px 0px !important;
}

.cs-banner-section ul li a, .cs-banner-section ul li a:hover {
    color: #233253;
    text-decoration: none;
}

.cs-banner-section ul li a span {
    color: #005E9E;
    font-weight: 600;
}

.cs-profile {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -87px 0;
    width: 73px;
    height: 70px;
    display: inline-block
}

.cs-help {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -170px 0;
    width: 72px;
    height: 89px;
    display: inline-block
}

.payins {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -256px 0;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.manage {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -249px -64px;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.ps {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -249px -64px;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.demat {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -4px -112px;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.claims {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -391px -69px;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    /* background: #005e9e; */
}

.ui-datepicker .ui-datepicker-prev {
    left: 0!important;
}

.ui-datepicker .ui-datepicker-next {
    right: 0!important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    color: #005e9e;
    background: #FFFFFF;
    font-size: 14px;
    font-family: arial;
}

.ui-datepicker table {
    width: 100%;
    font-size: .7em;
    border-collapse: collapse;
    font-family: verdana;
    margin: 0 0 .4em;
    color: #000000;
    background: #FFFFFF;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.grp {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -324px -65px;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.manage-online {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -249px -64px;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.specimen {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -385px 0;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.escalation {
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -324px 0;
    width: 56px;
    height: 56px;
    display: inline-block;
}

.claim-tabaddjust li {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

@media only screen and (max-width: 1020px) {
    .claim-tabaddjust li {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    body.cs {
        padding-top: 200px;
    }
    .banner-mob {
        display: block;
        text-align: center;
        padding-bottom: 40px;
    }
    .cs-banner-section h1 {
        font-size: 26px;
        display: inline-block;
    }
    .cs-banner-section h1+p {
        padding-top: 20px !important;
    }
    .mauto {
        margin: 0 auto;
        display: block;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .prog-left {
        font-size: 12px !important;
    }
    .bg1h4 {
        bottom: 28px;
        font-size: 16px !important;
        line-height: 19px;
        font-weight: 800;
    }
    .bg2h4 {
        bottom: 40px;
        font-size: 16px !important;
        line-height: 19px;
        font-weight: 800;
    }
    .abtboxbig h4 {
        padding-bottom: 0px;
    }
    body.cs {
        padding-top: 120px;
    }
    .Searchsection .search {
        padding: 0 50px;
    }
    .policy-bg, .help-bg {
        height: 286px;
    }
    .cs-help, .cs-profile {
        display: none;
    }
    .cs-workarea .cs-box-holder span {
        float: left;
    }
    .cs-workarea {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 40px;
        .haveQuesSec {
            padding-left: 0px;
            padding-right: 0px;
        }
        .aboutSectionTabMenu {
            justify-content: space-evenly !important;
        }
        .tabAccordContent {
            padding: 0 20px 20px 20px !important
        }
        .whiteheadtxt {
            bottom: 14px !important;
            font-size: 14px !important;
            line-height: 18px !important;
        }
        .pay-vid {
            width: 50px;
            height: 50px;
            svg {
                width: 100%;
            }
        }
    }
    .cs-workarea .cs-box-holder {
        padding: 16px 24px 16px 24px;
        clear: both;
        overflow: hidden;
        box-shadow: 0px 2px 8px rgba(0, 94, 158, 0.05), 1px 2px 4px rgba(50, 130, 196, 0.08);
    }
    .cs-workarea .cs-box-holder h3 {
        float: left;
        padding-top: 17px;
        padding-left: 20px;
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        width: 70%;
        padding-bottom: 0px;
    }
    .cs-workarea .cs-box-holder ul, .cs-workarea .cs-box-holder ul+div, .cs-workarea .cs-box-holder::before {
        display: none;
    }
    .Searchsection .search .search-sec input {
        width: 60%
    }
    .cs-workarea .cs-box-holder::after {
        position: absolute;
        content: "";
        right: 38px;
        top: 50%;
        transform: translateY(-50%);
        background: url('../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png') no-repeat -137px -88px;
        display: inline-block;
        width: 8px;
        height: 14px;
    }
}

.dbl {
    padding-top: 3px !important;
}

.pay:before {
    display: none;
}

.cs-ban {
    .banner-mob {
        padding-bottom: 50px;
    }
    /*
    .payins {
        position: relative;
        bottom: -10px;
        transform: scale(1.2)
    }*/
    p {
        padding-left: 68px;
    }
}

.cs-workarea {
    .bannerAdSection {
        margin-top: 0px;
        .bannerAdContent {
            width: 600px;
        }
    }
    .nav-tabs {
        display: block !important;
        text-align: center;
        li {
            float: none !important;
            display: inline-block;
        }
    }
    .tabAccordSection {
        .tabAccordMenu {
            .counter {
                display: none;
            }
            a {
                .toggleIcon {
                    margin-left: 0 !important;
                    margin-right: 24px;
                }
            }
        }
    }
    .tabAccordContent {
        p {
            font-size: 14px;
            line-height: 22px;
            color: #5A5A5A;
            font-weight: 400;
            padding-bottom: 20px;
            a {
                color: #ED1C24;
            }
        }
        p.note {
            font-size: 12px;
            span {
                color: #233253;
            }
        }
        .key {
            font-size: 14px;
            line-height: 22px;
            color: #005E9E;
            font-weight: 500;
            padding-bottom: 12px;
        }
        .keyul {
            clear: both;
            overflow: hidden;
            list-style: non;
            margin: 0px;
            padding: 0px;
            li {
                clear: both;
                overflow: hidden;
                list-style: non;
                margin: 0px;
                padding: 0px 0px 18px 30px;
                position: relative;
                font-size: 14px;
                line-height: 22px;
                color: #5A5A5A;
                font-weight: 400;
                a {
                    color: #ED1C24;
                }
            }
            li:before {
                background: no-repeat 0 0;
                width: 22px;
                height: 22px;
                content: "";
                position: absolute;
                display: inline-block;
                left: 0px;
                top: 0px;
            }
        }
        .video-holder {
            width: 100%;
            position: relative;
            margin-bottom: 32px;
            .whiteheadtxt {
                font-size: 32px;
                line-height: 32px;
                color: #FFFFFF;
                font-weight: 700;
                position: absolute;
                left: 45px;
                bottom: 32px;
            }
            .pay-vid {
                position: absolute;
                left: 45%;
                top: 50%;
                transform: translate(-50%, -50% !important);
            }
        }
        .note {
            font-size: 12px;
            color: #989898
        }
    }
}

/* Claims */

.wrap-end {
    padding-left: 0px;
    padding-right: 0px;
    background-color: #f9f9f9
}

.clainm {
    margin: 19px 0px 40px 0px;
    button {
        border-radius: 36px;
        font-size: 14px;
        background-color: #FFFFFF !important;
        color: #233253 !important;
        border-color: #FFFFFF;
        height: 56px;
        padding: 0px 50px;
        border-left: 1px solid #e9e9e9;
    }
    button:first-child {
        border-left: 0px solid #e9e9e9;
    }
    button:hover {
        border-color: #FFFFFF !important;
    }
}
.claim-online-wrapper {
    background-color: #fff;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
    padding: 48px 48px 48px 48px;
    margin-bottom: 40px;
}
.claim-online-wrapper .reach-out-to-us-section {
    padding-top: 0px !important;
}
.claim-online-wrapper .reach-out-tabs-title-section {
    padding-left: 0px !important;
}
.claim-online-wrapper .reach-out-tabs-title-section li {
    line-height: 19px !important;
    font-size: 14px !important;
    margin-bottom: 10px;
    padding-top: 10px;
}
.claim-online-wrapper li:nth-child(3) {
    padding-top: 19px;
}
.claim-online-wrapper li:nth-child(4) {
    padding-top: 19px;
}
.claim-online-wrapper h2 {
    font-size: 38px;
    line-height: 48px;
    text-align: center;
    font-weight: 700;
    color: #233253;
    padding-bottom: 24px;
}
.claim-online-wrapper h2 + p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #8a93a5;
    font-weight: 500;
    padding-bottom: 10px;
}
.claim-online-wrapper .steps {
    clear: both;
    overflow: hidden;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.claim-online-wrapper .steps li {
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    font-weight: 500;
    padding-bottom: 30px;
    padding-left: 65px;
    padding-right: 75px;
}
.claim-online-wrapper .steps .step1 {
    color: #005e9e;
}
.claim-online-wrapper .steps .step2 {
    color: #005e9e;
}
.claim-online-wrapper .steps .step3 {
    color: #005e9e;
}
.claim-online-wrapper .steps .step1:before {
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    content: "";
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/step-1.png') no-repeat 0 0;
}
.claim-online-wrapper .steps .step2:before {
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    content: "";
    background: url('../../../content/dam/hdfclifeinsurancecompany/icons/step-2.png') no-repeat 0 0;
}
.claim-online-wrapper .steps .step3:before {
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    content: "";
    /* background: url('../../../content/dam/hdfclifeinsurancecompany/icons/step-3.png') no-repeat 0 0; */
}
.claim-online-wrapper .steps .step1:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
    height: 58px;
    content: "";
    /* background: url('../../../content/dam/hdfclifeinsurancecompany/icons/rt-arrow.png') no-repeat 0 0; */
}
.claim-online-wrapper .steps .step2:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
    height: 58px;
    content: "";
    /* background: url('../../../content/dam/hdfclifeinsurancecompany/icons/rt-arrow.png') no-repeat 0 0; */
}
.claim-online-wrapper .vsteps {
    clear: both;
    overflow: hidden;
    width: 100%;
    text-align: center;
   /* border-bottom: 1px solid #e9e9e9;
   */
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.claim-online-wrapper .vsteps li {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    font-weight: 500;
    padding-bottom: 30px;
    padding-left: 85px;
    padding-right: 75px;
    color: #2c6698;
    height: 114px;
    font-size: 13px !important;
    line-height: 22px !important;
    font-weight: normal !important;
}
.claim-online-wrapper .vsteps :before {
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    content: "";
}
.claim-online-wrapper .vsteps1 {
    color: #1068a4;
}
.claim-online-wrapper .vsteps1:after {
    background: no-repeat 0 0;
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    top: 59px;
    content: "";
}
.claim-online-wrapper .vsteps2 {
    color: #005e9e;
}
.claim-online-wrapper .vsteps2:after {
    background: no-repeat 0 0;
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    top: 59px;
    content: "";
}
.claim-online-wrapper .vsteps3 {
    color: #005e9e;
    padding-top: 0px !important;
}
.claim-online-wrapper .vsteps3:after {
    background: no-repeat 0 0;
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    top: 59px;
    content: "";
}
.claim-online-wrapper .vsteps4 {
    color: #005e9e;
    padding-top: 0px !important;
}
.claim-online-wrapper .vsteps4:after {
    background: no-repeat 0 0;
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    top: 59px;
    content: "";
}
.claim-online-wrapper .vsteps5 {
    color: #005e9e;
}
.claim-online-wrapper .vsteps5:after {
    background: no-repeat 0 0;
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    top: 59px;
    content: "";
}
.claim-online-wrapper .vsteps6 {
    color: #005e9e;
}
.claim-online-wrapper .vsteps6:after {
    background: no-repeat 0 0;
    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    top: 59px;
    content: "";
}
.claim-online-wrapper .vsteps1:before {
    background: no-repeat 0 0;
}
.claim-online-wrapper .vsteps2:before {
    background: no-repeat 0 0;
}
.claim-online-wrapper .vsteps3:before {
    background: no-repeat 0 0;
}
.claim-online-wrapper .vsteps4:before {
    background: no-repeat 0 0;
}
.claim-online-wrapper .vsteps5:before {
    background: no-repeat 0 0;
}
.claim-online-wrapper .vsteps6:before {
    background: no-repeat 0 0;
}
.claim-online-wrapper .vsteps6:after {
    background: none !important;
}

.form-group label {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #233253;
    margin-top: 30px;
}
.form-group .form-control {
    height: 40px;
    background-color: #f4f4f4;
    border: none;
    font-size: 12px;
    line-height: 23px;
    color: #767676;
    font-weight: 300;
}
.form-control, input[type=text].isd {
    width: 15%!important;
    -webkit-text-fill-color: #424040;
    opacity: .6;
    font-style: normal!important;
}
.form-group :focus {
    outline: none;
    outline-width: 0px;
    outline-style: none;
}
.articleBulletLists {
    padding-left: 20px;
}
.articleBulletLists li {
    font-size: 14px;
    padding-bottom: 20px;
}


.downtop {
    margin-top: 64px;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #005E9E !important;
}

.downtop1 {
    margin-top: 68px;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #005E9E !important;
}

.downloads {
    clear: both;
    overflow: hidden;
}

.downloads li {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.downloads li span {
    width: 80%;
    display: inline-block;
}

.downloads li a {
    margin-left: 10px;
}

.rupee+input {
    margin-left: -13px;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.headbold {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #005E9E !important;
    padding-bottom: 10px !important;
}

.mrgn-bot40 {
    margin-bottom: 40px !important;
}

.claim-track-wrapper {
    background-color: #EAF1F8;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
    padding: 48px;
    margin-bottom: 40px;
    display: none;
}

.table-struct table tr td table {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}
.table-struct table tr td table tr td:first-child {
    background-color: #edf7fc;
}
.table-struct table tr td table tr td {
    font-size: 12px;
}
.table-struct table tr td table tr th {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    background-color: #005e9e;
}
.table-struct table tr td table td, .table-struct table tr td table th {
    border: 1px solid #e3e4e5;
    padding: 13px 20px;
}
.info-list {
    padding-left: 15px;
}
.info-list li {
    padding-bottom: 10px;
    list-style-type: disc;
}
.cs-workarea1 {
    max-width: 1600px;
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-top: 56px;
}
.cs-workarea1 .curved-tab-titles {
    background-color: #fff !important;
    width: 1000px !important;
}


.qr {
    margin-left: 100px;
}
.input-radio {
    margin-right: 20px;
    margin-left: 0px;
    position: relative;
}
.input-radio span {
    padding-left: 7px;
    display: inline-block;
}
.input-radio input {
    display: none;
}
.input-radio label {
    position: relative;
    width: 12px;
    height: 12px;
    left: 0;
    border-radius: 50%;
    border: 1px solid #233253;
    margin: 0px 0px 0px 0px !important;
}
.input-radio input + label:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    margin: 0px 0px 0px 0px;
    background: #233253;
    left: 3px;
    top: 3px;
}
.input-radio input:checked + label + span {
    color: #ed1c24;
}
.input-radio input:checked + label {
    position: relative;
    width: 12px;
    height: 12px;
    left: 0;
    border-radius: 50%;
    border: 1px solid #ed1c24;
    margin: 0px 0px 0px 0px !important;
}
.input-radio input:checked + label:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    content: "";
    margin: 0px 0px 0px 0px;
    background: #ed1c24;
    left: 3px;
    top: 3px;
}


.cl-adjust li {
    padding-top: 0px !important;
}

.orpad {
    padding-top: 67px
}
.claims-accord .accordion-lists .cust-accordion {
    padding: 24px 0;
    position: relative;
}
.claims-accord .accordion-lists .cust-accordion:after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% - 70px);
    background: rgba(0, 0, 0, .1);
    left: 34px;
    top: 0;
}
.claims-accord .accordion-lists .cust-accordion:first-child {
    padding-top: 0;
}
.claims-accord .accordion-lists .cust-accordion:first-child:after {
    display: none;
}
.claims-accord .accordion-lists .cust-accordion .accordion-head {
    padding: 0 55px 0 24px;
    position: relative;
    cursor: pointer;
}
.claims-accord .accordion-lists .cust-accordion .accordion-head h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #005e9e;
    padding-bottom: 10px;
}
.claims-accord .accordion-lists .cust-accordion .acc-arrow {
    position: absolute;
    top: 2px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ed1c24;
}
.claims-accord .accordion-lists .cust-accordion.open .acc-arrow {
    left: 0px;
    top: 7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ed1c24;
}
.claims-accord .accordion-lists .cust-accordion.open h3 {
    color: #ed1c24;
}
.claims-accord .accordion-lists .cust-accordion .accordion-content {
    padding-top: 8px;
    padding-left: 15px;
}


#Death {
    display: block
}

.select-holder-mobile {
    display: none;
    margin-bottom: 0px;
}

.siteButton{
    cursor: pointer;
}

.contacts-tab-section {
    display: block;
}

.claimsblue {
    background-color: #EAF1F8
}

.climlink {
    color: #9098a8;
}

.climlink a {
    color: #005e9e;
}

.claimslide .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.claimshealth h2 {
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 36px !important;
    color: #233253 !important;
}

.claimshealth h2+p {
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #8A93A5;
    padding-bottom: 30px;
}

.datepic {
    position: absolute;
    right: 33px !important;
    bottom: 26px;
}

.claim-mob {
    display: block;
}

.lstactive, .lstactive:hover {
    background-color: #005e9e !important;
    color: #FFFFFF !important
}

.lstactive .dropdown button {
    color: #FFFFFF !important;
}

.cform {
    padding-left: 0px;
    padding-right: 0px;
}

#myModalthankyou .branch-locator, #myModalthankyou .branch-locator:hover {
    border: 1px solid #ed1c24;
    width: 186px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    color: #ed1c24;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    margin-top: 24px;
    cursor: pointer;
    float: none;
    display: block;
    margin: 0 auto;
}

.thankyoutxt {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #233253;
    padding-bottom: 24px;
}

.discstar {
    position: relative;
    line-height: 20px;
    color: #8a93a5;
    font-size: 12px;
    padding-left: 8px;
    display: block;
}

.discstar:before {
    position: absolute;
    content: "*";
    left: 0;
    top: 0;
}

@media only screen and (max-width: 767px) {
    .cs-tab li a {
        font-size: 14px;
        line-height: 18px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .faq .accordion-head {
        padding-left: 70px !important;
        padding-right: 50px !important;
    }
    .faq .cust-accordion {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .datepic {
        bottom: 11px !important;
    }
    .claim-mob {
        display: none;
    }
    .claimsac .accordion-head h3 {
        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: normal !important;
    }
    .stle {
        padding-left: 10px;
        padding-right: 10px;
    }
    .accordion-head h3 {
        font-size: 12px;
    }
    .articleBulletLists li .listBullet {
        float: left;
        padding-right: 10px;
    }
    .claim-online-wrapper {
        padding: 48px 20px 48px 20px !important;
    }
    .clims .select-holder2 {
        max-width: 80%;
    }
    .select-holder-mobile .sel-type {
        width: 80%;
        margin: 0 auto;
        text-align: left !important;
    }
    .mobbgnone {
        background-color: transparent !important;
    }
    .cl0 {
        padding: 0px !important;
    }
    .claim-online-wrapper .reach-out-to-us-inner {
        padding-top: 40px;
    }
    .claim-online-wrapper .select-holder2 {
        background-color: transparent;
    }
    .show-mob-camp {
        display: block !important;
    }
    .show-mob-camp img {
        width: 70%;
    }
    .camp-banner {
        background: none !important;
        height: auto !important;
    }
    .mb-0 {
        margin-bottom: 0px !important;
    }
    .table-struct {
        overflow-x: hidden;
    }
    .table-struct .table-scroll {
        overflow: scroll;
        width: 50%;
    }
    .steps {
        display: none;
    }
    .contacts-tab-section {
        display: block !important;
    }
    .tab-title {
        display: none;
    }
    .select-holder-mobile {
        display: block !important;
    }
    .contact-section-wrapper {
        margin-top: 40px;
    }
    .cs-ban .banner-mob {
        padding-bottom: 50px;
    }
    .cs-ban .payins {
        position: relative;
        transform: scale(0.9);
    }
    .cs-ban .payinstxt {
        display: inline-block;
        width: 50%;
        text-align: left;
    }
    .cs-ban p {
        padding-left: 0;
    }
    .cs-ban h1 .bgwhite {
        line-height: 30px;
    }
    .cs-workarea .catBannerAdSection {
        display: block;
        text-align: center;
    }
    .cs-workarea .catBannerAdSection .bannerAdContent {
        width: 100% !important;
    }
    .cs-workarea .catBannerAdSection .siteButton {
        display: inline-block;
    }
    .cs-workarea .aboutSectionTabMenu li a {
        width: 80px;
        text-align: center;
    }
    .cs-workarea .tabAccordSection .tabAccordMenu .counter {
        display: block;
        padding-top: 10px;
    }
    .cs-workarea .tabAccordSection .tabAccordMenu a {
        position: relative;
    }
    .cs-workarea .tabAccordSection .tabAccordMenu a .toggleIcon {
        position: absolute;
        right: 0px;
    }
    .cs-workarea .tabAccordSection .tabAccordMenu a strong {
        position: absolute;
        left: 30px;
        padding-left: 50px;
    }
    .cs-workarea .tabAccordSection .cornerBg {
        display: none;
    }
    .mobileDNone {
        display: none !important;
    }
}

.cs-table {
    padding-bottom: 15px;
}

.cs-table table {
    width: 100%;
    border-collapse: collapse;
}

.cs-table table tr td {
    background-color: #edf7fc;
    font-size: 14px;
    color: #2c6698;
}

.cs-table table tr th {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background-color: #005e9e;
}

.cs-table table td, .cs-table table th {
    border: 1px solid #e3e4e5;
    padding: 13px 20px;
}

/* Campaign css */

.exite {
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    color: #233253 !important;
}

.products-custom-listnew {
    margin-bottom: 38px;
}

.products-custom-listnew li {
    font-size: 16px;
    line-height: 26px;
    /*color:$grayDisclaimer;*/
    position: relative;
    padding-left: 34px;
    padding-top: 2px;
}

.products-custom-listnew li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    width: 21px;
    height: 20px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/products-sprite-icons.png) -236px -435px;
}

@media only screen and (max-width:680px) {
    li {
        font-size: 14px;
        line-height: 20px;
    }
}

.chk-break {
    border: none !important;
    width: 100% !important;
    font-size: 10px !important;
    color: #666666;
    text-align: left !important;
    line-height: 14px;
}

.camp-banner {
    background: repeat-x center;
    height: 300px
}

.wrap-bg-white {
    background-color: #FFF;
    padding: 0 0 50px 0;
}

.quick-guide {
    background: #f1f5f6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f1f5f6 0%, #fdfdfe 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f1f5f6 0%, #fdfdfe 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f1f5f6 0%, #fdfdfe 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    padding: 40px 20px 40px 20px;
}

.quick-guide h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #233253;
    padding-bottom: 10px;
}

.quick-guide p {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #666;
    padding-bottom: 30px;
}

.quick-guide .img-hold {
    clear: both;
    overflow: hidden;
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
}

.quick-guide .click {
    font-style: normal;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #1068a4;
}

.quick-guide .click a {
    color: #ef5258;
}

.quick-guide .strip-holder {
    width: 288px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-bottom: 20px;
}

.quick-guide .strip-holder .circle-holder {
    background: repeat-x top center;
    height: 70px;
    width: 90px;
    text-align: center;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 33px;
    color: #233253;
    padding-top: 25px;
    display: inline-block;
}

.quick-guide .strip-holder .strip {
    background: repeat-x top center;
    height: 40px;
    width: 284px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding-top: 8px;
    display: inline-block;
}

.checktxt {
    display: inline-block;
    width: 94%;
    line-height: 14px;
    position: relative;
    bottom: -20px;
}

.cb-btn {
    clear: both;
    overflow: hidden;
    padding-top: 20px;
    text-align: center !important;
    button {
        margin: 0px !important;
        display: inline-block !important;
    }
}

.campaign2 label {
    display: inline-block !important;
}

.campaign2 h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 38px !important;
    line-height: 48px !important;
    color: #233253 !important;
    text-align: left !important;
}

.campaign2 .disktt {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 15px;
    color: #999;
}

.campaign2 .form-row {
    margin-bottom: 10px !important;
}

.show-mob {
    display: none;
}

.scroll {
    position: absolute;
    width: 100%;
    left: 0;
    background-color: rgba(76, 90, 120, 0.9);
    padding: 8px 30px 8px 30px;
    bottom: 0px;
    z-index: 99;
    overflow: hidden;
}

.scroll .marquee {
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    font-weight: 400;
    padding-left: 20px;
    width: 100%;
}

.scroll .marquee:before {
    width: 39px;
    height: 44px;
    background: repeat-x top center;
    position: absolute;
    left: 0px;
    top: 4px;
    content: ""
}

.progress {
    background: transparent;
}

.progress .bg-success {
    background-color: #8A93A5 !important;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.prog-left {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 12px;
    color: #233253;
    text-align: right;
}

.prog-mid {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    min-height: 85px;
}

.prog-mid:before {
    position: absolute;
    content: "";
    left: 15px;
    top: 0px;
    width: 1px;
    background-color: #c5cad1;
    height: 100%;
}

.prog-mid p {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    padding: 15px 15px 0px 15px;
    line-height: 22px;
    color: #878787;
    text-align: left;
    padding-top: 0px;
}

.prog-mid p span {
    color: #233253;
}

.prog-right {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    padding-left: 15px;
    width: 100px;
    top: -2px;
    position: relative;
    line-height: 18px;
    color: #ED1C24;
    text-align: right;
}

.pgrs .row {
    padding-bottom: 0px !important;
}

.disc-text, .disc-text p {
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #5a5a5a;
}

.disc-text p b {
    font-weight: 400;
    line-height: 22px;
    font-size: 12px;
    color: #5a5a5a;
}

.disc-text {
    padding-bottom: 20px;
}

.settle h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 28px;
    color: #233253;
}

.settle h5+p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    color: #233253;
}

.logo-holder {
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
}

.settle li {
    font-size: 14px !important;
    line-height: 32px !important;
    color: #838383 !important;
}

.km, .km:hover {
    color: #ed1c24;
    font-size: 12px;
}

.calcQuoate {
    color: rgba(000, 000, 000, 0.6);
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
}

.calcQuoate:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 21px;
    height: 20px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/images/product/products-sprite-icons.png) -236px -435px;
}

.pb15 {
    padding-bottom: 15px !important;
}

.popularMenuList {
    border-right: 1px solid #cfd6d6;
    padding-right: 40px;
}

@media screen and (min-height: 800px) {
    .viewall {
        bottom: 17%;
    }
}

.icons-wrap1:hover .hover-drop-down {
    opacity: 1 !important;
    top: 52px !important;
    display: block;
}

.rate .hover-drop-down span {
    content: "";
    position: absolute;
    top: -15px;
    left: 32px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

.prod .modal-content, .prod .modal-body {
    padding: 0px !important;
}

.prodbluebg {
    background-color: #31539a;
    color: #FFFFFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

.prodbluebg .row {
    padding-bottom: 0px !important;
}

.prodgreybg {
    background-color: #faf9f7;
    text-align: center;
    padding: 20px;
}

.prodgreybg h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #494641;
    text-align: center;
    letter-spacing: 4px;
}

.prodgreybg .prodwhitebg {
    background-color: #FFFFFF;
    text-align: center;
    padding: 30px 20px 30px 20px;
}

.prodgreybg .prodwhitebg h5 {
    font-size: 15px;
    color: #494641;
    padding-bottom: 15px;
    text-align: center;
}

.close-iconprod {
    position: absolute;
    top: -30px;
    right: 0px;
    cursor: pointer;
    font-size: 23px;
    z-index: 999;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../../../content/dam/hdfclifeinsurancecompany/images/category/prod-close.png) no-repeat 0 0;
}

.close-iconprod:hover {
    background:url(../../../content/dam/hdfclifeinsurancecompany/images/category/prod-close-over.png) no-repeat 0 0;
}

.prod.modal.sac {
    width: 100%;
    margin-left: 0%;
}

#prodmodal.modal.sac .modal-dialog.modal-lg, #prodmodal2.modal.sac .modal-dialog.modal-lg {
    margin: 50px auto 0;
    width: 100% !important;
    max-width: 94%;
}

.mar33 {
    margin-left: 33px;
}

.modal-backdrop {
    z-index: 9999;
}

.modal {
    z-index: 99995;
}

.disclaimerSec .disclaimer-wrap {
    display: block !important;
    padding-top: 15px !important;
}

/* contact us css */

.contcaptcha {
    padding-bottom: 30px;
}

.icon-active svg .non {
    fill: #ed1c24 !important;
    stroke: #ed1c24 !important;
}

.cont .lke {
    position: relative;
    display: block;
}

.cont .hover-drop-down {
    opacity: 0;
    width: 214px;
    height: 108px;
    color: #233253;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    position: absolute;
    top: -100px;
    left: -30px;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 32px;
    z-index: 99999;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.cont .hover-drop-down p {
    margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
    .cont .hover-drop-down {
        left: -80px;
    }
}

.cont .hover-drop-down::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 32px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

.cont .effectshow {
    opacity: 1;
    top: 0;
}

.contus .default-select-cust-arrow svg {
    top: 35px;
}

.form-select-holder {
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 7px;
    overflow: hidden;
    background-image: url('../../../content/dam/hdfclifeinsurancecompany/icons/dd-arrow.png');
    background-repeat: no-repeat;
    background-position: 240px center;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 272px;
    border: 1px solid #ed1c24;
    display: none;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.form-select-holder select {
    border: none !important;
    width: 110% !important;
}

.contact-section-wrapper .info-cards-wrapper .info-card small {
    font-size: 16px !important;
}

.contact-section-wrapper .info-cards-wrapper .info-card small.font12 {
    font-size: 12px !important;
}

.font-blue {
    color: #005E9E !important;
}

.contrate {
    /* .hover-drop-down::before {
		 content: "";
		 position: absolute;
		 top: -15px;
		 left: 32px;
		 width: 0;
		 height: 0;
		 border-left: 15px solid transparent;
		 border-right: 15px solid transparent;
		 border-bottom: 15px solid #fff;
	}
	*/
}

.contrate .icons-wrap {
    display: flex;
    justify-content: space-between;
}

.contrate .icons-wrap .icon-wrap {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    cursor: pointer;
    font-size: 10px;
    line-height: 14px;
    color: #8a93a5;
}

.contrate .icons-wrap .icon-wrap.active>.icon>svg path, .contrate .icons-wrap .icon-wrap:hover>.icon>svg path {
    stroke: #ed1c24;
}

@media only screen and (max-width: 768px) {
    .contrate .icons-wrap .bg1, .contrate .icons-wrap .bg2 {
        height: 200px !important;
        padding: 0;
        margin: 0;
    }
    .contrate .icons-wrap .icon-wrap.share {
        margin-right: 0px;
    }
}

.contrate .rt.hover-drop-down {
    left: auto !important;
    right: 0px !important;
}

.contrate .hover-drop-down {
    opacity: 0;
    width: 214px;
    height: 90px;
    color: #233253;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 18px;
    z-index: 99999;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.contrate .hover-drop-down p {
    margin: 0 !important;
    padding: 0px !important;
}

@media only screen and (max-width: 640px) {
    .contrate .hover-drop-down {
        left: -80px;
    }
}

.contrate .icon-wrap.active>.hover-drop-down {
    top: 20px;
    opacity: 1;
    pointer-events: initial;
}

.contrate .star-rate {
    margin-top: 8px;
}

.contrate .star-rate i {
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/products-sprite-icons.png) -516px -88px;
}

.contrate .rating-wrapper {
    display: flex !important;
    margin-top: 10px;
    margin-left: 24px;
    align-items: end;
}

.contrate .social-icons-link {
    display: flex;
}

.contrate .social-icons-link svg {
    margin-right: 8px;
    margin-top: 8px;
}

.cntscrl .owl-stage-outer {
    padding-bottom: 60px !important;
}

.map {
    display: inline-block !important;
    position: relative;
    top: -2px;
}

.map .icons-wrap {
    display: flex;
}

.map .icons-wrap .icon-wrap {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 4px 4px rgba(0, 94, 158, 0.1);
    margin-right: 8px;
    position: relative;
    cursor: pointer;
}

.map .icons-wrap .icon-wrap.active, .map .icons-wrap .icon-wrap:hover {
    background-color: #ed1c24;
}

.map .icons-wrap .icon-wrap.active>.icon>svg path, .map .icons-wrap .icon-wrap:hover>.icon>svg path {
    stroke: #fff;
}

@media only screen and (max-width: 768px) {
    .map .icons-wrap .bg1, .map .icons-wrap .bg2 {
        height: 200px !important;
        padding: 0;
        margin: 0;
    }
    .map .icons-wrap .icon-wrap {
        margin-right: 32px;
    }
    .map .icons-wrap .icon-wrap.share {
        margin-right: 0px;
    }
}

.map .hover-drop-down {
    opacity: 0;
    width: 214px;
    height: 108px;
    color: #233253;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    position: absolute;
    top: 0px;
    left: -30px;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 32px;
    z-index: 99999;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.map .hover-drop-down p {
    margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
    .map .hover-drop-down {
        left: -80px;
    }
}

.map .hover-drop-down::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 32px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

.map .icon-wrap.active>.hover-drop-down {
    top: 60px;
    opacity: 1;
    pointer-events: initial;
}

.ui-autocomplete{
    display: none;
}

.ui-menu {
    max-width: 300px !important;
    width: 100% !important;
    border: 1px solid red;
    margin-top: 2px;
    background: #fff;
    border: 1px solid #89949b;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0, 94, 158, .05), 1px 2px 4px rgba(50, 130, 196, .08);
    padding: 5px 16px;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-menu-item {
    font-size: 12px;
    line-height: 23px;
    color: #233253;
    border-top: 1px solid #ddd;
    padding: 4px 0px !important;
    cursor: pointer;
}

.ui-menu-item:hover {
    color: #ed1c24 !important;
}

.ui-menu-item:first-child {
    border-top: 0px solid transparent !important
}

.btnimg {
    display: inline !important;
    width: 14px !important;
    position: relative !important;
    top: -2px !important;
    left: -4px !important;
}

#contowl .owl-stage {
    margin: 0px auto !important
}

@media only screen and (max-width:768px) {
    .contact-section-wrapper .reach-out-to-us-section .reach-out-to-us-inner .reach-out-tabs-content-section h2.plus-title::before {
        display: none !important;
    }
    .bg1 {
        height: 200px !important;
        margin-top: 15px !important;
    }
    .bg2 {
        margin-bottom: 20px !important;
        height: 200px !important;
    }
    .bg2h4 {
        bottom: 40px !important;
    }
    #group select {
        width: 100% !important
    }
}

#custCarouselNavtwit button, #twittertwit button {
    margin-top: 0px !important;
}

@media only screen and (max-width:767px) {
    .form-select-holder {
        display: block;
    }
    .conttabtitlemob {
        display: block;
    }
    .conttabtitlemob ul.curved-tab-titles li {
        font-size: 14px !important;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 18px !important
    }
    .conttabtitlemob ul {
        display: table !important;
    }
    .conttabtitlemob ul li {
        display: table-cell !important;
        width: auto !important;
        vertical-align: middle !important;
    }
    .contact-section-wrapper .reach-out-to-us-section .reach-out-to-us-inner .reach-out-tabs-content-section .reach-out-tabs-contents {
        padding: 48px 20px !important
    }
    .contact-section-wrapper .join-the-conversation {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .contact-section-wrapper .join-the-conversation .join-the-conversation-inner .social-tab-contents .info-card-bg {
        width: 287px !important;
    }
    .contact-section-wrapper .join-the-conversation .join-the-conversation-inner .social-tab-contents .info-card-bg {
        height: 667px !important;
    }
}

@media only screen and (max-width:380px) {
    .contact-section-wrapper .info-cards-wrapper .info-card {
        width: 265px !important;
    }
    .contact-section-wrapper .join-the-conversation .join-the-conversation-inner .social-tab-contents .info-card-bg {
        width: 247px !important
    }
}

.section.disclaimer-pb {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* .section.disclaimer-pb.discpad{
    padding-top:0px!important;
} */

.disclaimer-pb .panel-title a{
    margin-top:0px!important;
}

.articles-mb p {
    margin-bottom: 18px;
    padding-bottom: 21px;
    }

.articles-mb p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #8a93a5;
    padding-bottom: 10px;
}

.disc-text, .disc-text p {
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #5a5a5a;
}

.sac p {
    padding-top: 10px;
    margin-bottom: 18px;
}

.disclaimers-sec li, .disclaimers-sec p{
    font-family: Arial, Helvetica, sans-serif;
}

/*Schedule Pop UP*/

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-4, .col-sm-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

input.isd {
    width: 15% !important
}

.geta-callback-inner .modilewidth, .modilewidth {
    width: 83% !important
}
.inputGroup textarea {
    height: 100px;
    background-color: #f4f4f4!important;
    border: none;
    font-size: 12px;
    line-height: 23px;
    color: #424040;
    font-weight: 300;
    resize: none;
    padding: .375rem .75rem;
    width: 100%;
}
#the-count{font-size:12px;}

@media (min-width: 576px) {
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

.geta-callback-component-popup {
    box-sizing: border-box;
}

.geta-callback-component-popup .geta-callback-inner {
    background: #fff;
    width: 100%;
    margin: 0 auto;
}

.geta-callback-component-popup h2 {
    font-size: 38px;
    line-height: 48px;
    text-align: center;
    font-weight: 700;
    color: #233253;
    margin-bottom: 24px;
}

.geta-callback-component-popup h4 {
    color: #233253;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 8px;
}

.geta-callback-component-popup p.subtext, .geta-callback-component-popup .subtext {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #8a93a5;
    margin-bottom: 46px;
}

.geta-callback-component-popup form .row {
    margin-bottom: 0px;
}

.geta-callback-component-popup .inputGroup label {
    color: #233253;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
    margin-top:0px;
}

.geta-callback-component-popup .disc-text {
    padding-bottom: 0;
}

.geta-callback-component-popup small {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #5a5a5a;
}

.geta-callback-component-popup .inputGroup input {
    height: 40px;
    background-color: #f4f4f4;
    border: none;
    font-size: 12px;
    line-height: 23px;
    color: #767676;
    font-weight: 300;
    width: 100%;
    padding: 0.375rem 0.75rem;
}

.geta-callback-component-popup .inputGroup input[type="date"] {
    cursor: pointer;
}

.geta-callback-component-popup .time-range {
    display: flex;
    margin-bottom: 46px;
}

.geta-callback-component-popup .time-range li {
    font-size: 11px;
    line-height: 14px;
    border: 1px solid #c7cacc;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    border-radius: 20px;
}

.geta-callback-component-popup .time-range li a {
    text-align: center;
    display: inline-block;
    padding: 6px 12px;
    color: #767676;
    border-radius: 20px;
    cursor: pointer;
}

.geta-callback-component-popup .time-range li a:hover {
    background: rgba(0, 94, 158, 0.1);
    color: #005e9e;
    cursor: pointer;
}

.geta-callback-component-popup .time-range li.active {
    color: #005e9e;
    padding: 6px 12px;
    background: rgba(0, 94, 158, 0.1);
    border: 1px solid rgba(0, 94, 158, 0.2);
}

.geta-callback-component-popup .disc-text .chkbx {
    padding-top: 0;
}

.geta-callback-component-popup .disc-text input[type="checkbox"] {
    margin-top: -1px;
}

@media only screen and (max-width: 1000px) {
    .geta-callback-component-popup {
        padding-top: 0;
        padding-bottom: 0;
    }
    .geta-callback-component-popup .geta-callback-inner {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 0;
    }
    .geta-callback-component-popup h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .geta-callback-component-popup p.subtext {
        font-size: 14px;
        padding-bottom: 24px;
        border-bottom: 1px solid #e5e5e5;
    }
    .geta-callback-component-popup .inputGroup {
        margin-bottom: 32px;
    }
    .geta-callback-component-popup .inputGroup input {
        width: 100%;
    }
    .geta-callback-component-popup .time-range {
        display: block;
        margin-bottom: 34px;
    }
    .geta-callback-component-popup .time-range li {
        width: 124px;
        display: block;
        margin-bottom: 16px;
        font-size: 11px;
    }
    .modal-body{
        padding:0px;
    }
    .btnred{
        width: auto !important;
    }
    .geta-callback-component-popup .subtext {
        font-size: 14px;
        padding-bottom: 0px; margin-bottom:26px;
        border-bottom: 1px solid #e5e5e5;
    }
    .geta-callback-component-popup .subtext p{
        padding-top:0px
    }
    .geta-callback-component-popup .disc-text {
        padding-bottom: 30px;
    }
    .geta-callback-component-popup .row {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .geta-callback-component-popup small {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        color: #5a5a5a;
        margin-top: 30px;
        float: left;
    }
}

/**added by dhawal**/

.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li .megaMenuSec.opened {
    top: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
}

.megaMenuSec .arrowUp {
    position: absolute;
    left: 460px;
    top: -10px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/top-arrow.png) no-repeat -6px 0;
    border: 0;
    width: 30px;
    height: 20px;
}

.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li>a.opened .caretIcon svg path {
    stroke: #ed1c24;
}

.siteButton:hover {
    background: #ff3038 !important;
}

/* error css */

.error-txt {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 32px;
    color: #ed1c24;
}

.checkSubscribeError, .checkAppLinkError {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ed1c24;
}

/* HDFC breadcrum */

/* breadcrum css */

.breadcrumbSection.cat {
    background: transparent;
    position: absolute;
    bottom: 0;
}

.breadcrumbSection {
    background: linear-gradient(0deg, #ebf5f9, rgba(235, 245, 249, 0));
    /* background: transparent; */
    /* position: absolute;
    top: -40px; */
    /* padding: 8px 0 8px 35px; */
    width: 100%;
}

.breadcrumbSection a, .breadcrumbSection span {
    display: inline-flex;
}

.breadcrumbSection label {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #233253;
    margin: 0;
    display: inline-flex;
    margin-right: 4px;
    cursor: pointer;
}

.breadcrumbSection .homeIcon, .breadcrumbSection .arrowCaret {
    margin-right: 5px;
    /* height: 22px; */
}

.homeIconImg {
    width: 10px;
}

.homeIcon .hide-for-mob {
    display: none !important;
}

.breadcrumbSection .breadcrumb-item a {
    cursor: pointer;
}

@media screen and (min-width: 100px) and (max-width: 768px) {
    .breadcrumbSection.cat {
        position: unset;
        bottom: unset;
    }
    .breadcrumbSection {
        order: 0;
        background: #fff;
    }
    .homeIconImg {
        width: 9px;
    }
    .hide-for-mob {
        display: none;
    }
}

.breadcrumbSection ul {
    display: flex;
}

.accountDropDown .accountMenuLink.opened::before {
    display: none;
}
.max1000{
    max-width:1060px;
}

.g-recaptcha div{
    width:100% !important;
    z-index: -1;
}
.siteButton.outlinedBtn{
    cursor: pointer;
}

/* footer .footerFormSec .stayConnectedSec>div a:nth-child(5){
    margin-left: 0;
} */

/* footer .footerFormSec .stayConnectedSec>div a:nth-child(n+5){
    margin-top: 10px;
} */

footer .footerFormSec .stayConnectedSec>div a.whatsapp:hover{
    background: #5af576;
    border-color: #2cd449;
}

footer .footerFormSec .stayConnectedSec>div a.avatar:hover{
    background-image: url("../../../content/dam/hdfclifeinsurancecompany/home/color.png") ;
    background-repeat: no-repeat;
}

footer .footerFormSec .stayConnectedSec>div a.avatar img{
    transition: all 0.25s ease-in;
}
footer .footerFormSec .stayConnectedSec>div a.avatar:hover img {
    display: none;
}

footer .footerFormSec .stayConnectedSec>div a:hover:last-child img{
    /* filter:invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(1000%) contrast(100%); */
    filter: none;
}

footer .footerFormSec .stayConnectedSec>div a:hover img{
    filter:invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(1000%) contrast(100%);
}

.kc-btn-cta{
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 5px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.kc-btn-cta:hover {
    background: #ff3038 !important;
}

.btnWidth{
    margin: 30px auto 0px;
    text-align: center;
}
.btnWidth .btnInline{
    display: inline-block;
}

@media screen and (max-width : 768px) {   
    footer .footerFormSec .footerFormBlk {
        display: none;
    }

    footer .footerFormSec .stayConnectedSec>div{
        max-width: 70%;
    }

    .mwlinks {
        padding-bottom: 20px!important;
    }
}

/* header new provision css */
.quickPara{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #8a93a5;
}

.mwlinks{
    padding-top:10px;
    /* color: #005e9e; */
    font-style: normal;
    font-size: 13px;
    line-height: 14px;
    font-weight: 500;
    padding-bottom:15px;
}

.mwlinks a{
    color: #005e9e;
}

.appDownloadForm p,.mobileHeader .mobPlanMenuAccordCont p{
    margin-bottom: 0px!important;
    font-size: 13px !important;
    padding-bottom: 12px!important;
}
.quickPara p{
    margin-bottom: 0px !important;
}
.hamMenuWrp .quickLinkSection h3{
    margin-bottom: 24px!important;
    font-weight: 700!important;
    font-size: 14px!important;
    line-height: 22px!important;
    color: #8a93a5!important;
}

.hamMenuWrp .quickLinkSection{
    padding:25px!important;
}
.hamMenuWrp .quickLinkSection .appDownloadForm,.mobileHeader .hamMenuSection .appDwnldForm.appLink.hamLinkAcc{
    margin-top:auto!important;
    border: 1px solid #005e9e!important;
    padding: 10px!important;
    border-radius: 5px!important;
    background: #fff!important;
}

.mobileHeader .hamMenuSection .appDwnldForm.appLink.hamLinkAcc .mobPlanMenuAccordCont .formBtn img{
    margin-right:10px;
}

.hamMenuWrp .quickLinkSection .appDownloadForm .formBtnSubmit {
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: flex-start!important;
}

.formBtnSubmit a {
    margin-right: 10px!important;
}

#appLink h3,.mobileHeader .hamMenuSection .appDwnldForm.appLink.hamLinkAcc h3{
    color: #ed1c24!important;
}

.hamMenuWrp .hamMenuInnerWrp .hamMenuSection h3 a{
    color:#005e9e;
}
/* End of New provision Css */

.mcheck{
    display: none;
}

.wcheck{
    display:none;
}

/* header Contact button animation css */


.pulse {
  /* margin:100px; */
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff url("../../../content/dam/hdfclifeinsurancecompany/red.svg") no-repeat center center;
  cursor: pointer;
  /*box-shadow: 0 0 0 rgba(237, 28, 36, 0.4);*/
  box-shadow: 0px 5px 5px #e1e1e1;
  animation: pulse 1.5s 55 ease-out;
  animation-iteration-count: 10;
  animation-timing-function: ease;
  border:1px solid #e1e1e1;
  padding:10px;
}

.pulse:hover {
 animation: none;
 /*background: #ed1c24 url("../../../content/dam/hdfclifeinsurancecompany/white.svg") no-repeat center center;*/
 z-index:9;

}


@-webkit-keyframes pulse {
  1% {
    -webkit-box-shadow: 0 0 0 0 rgba(237, 28, 36, 0.4);
	background: #ed1c24 url("../../../content/dam/hdfclifeinsurancecompany/white.svg") no-repeat center center;
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(237, 28, 36, 0);
	  background: #ffffff url("../../../content/dam/hdfclifeinsurancecompany/red.svg") no-repeat center center;
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(237, 28, 36, 0);
	  background: #ffffff url("../../../content/dam/hdfclifeinsurancecompany/red.svg") no-repeat center center;
  }
}
@keyframes pulse {
  1% {
    -moz-box-shadow: 0 0 0 0 rgba(237, 28, 36, 0.4);
    box-shadow: 0 0 0 0 rgba(237, 28, 36, 0.4);
	background: #ed1c24 url("../../../content/dam/hdfclifeinsurancecompany/white.svg") no-repeat center center;
	
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(237, 28, 36, 0);
      box-shadow: 0 0 0 10px rgba(237, 28, 36, 0);
	  background: #ffffff url("../../../content/dam/hdfclifeinsurancecompany/red.svg") no-repeat center center;
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(237, 28, 36, 0);
      box-shadow: 0 0 0 0 rgba(237, 28, 36, 0);
	 background: #ffffff url("../../../content/dam/hdfclifeinsurancecompany/red.svg") no-repeat center center;
  }
}
/* End of Contact Button Css */

.listbulletElibility{
    list-style-type: disc !important;
}

.listbulletElibilityol li{
    list-style-type: decimal !important;
}

.listLeftAlign{
    text-align: left !important;
}

.leftPadding20{
    padding-left: 20px !important;
}

.tablescroll{
    overflow-x: scroll !important;
}

/* custome table css */

.tabAccordSection table.setTable tr:first-child {
    background-color: #063970!important;
}

.tabAccordSection table.setTable tr:first-child p {
    color: white;
    font-weight: 500;
}


.tabAccordSection table.setTable tr {
    background: white!important;
}

.tabAccordSection table.setTable td{
	border: 1px solid #000;
}

.centerHead{
    text-align: center !important;
}

.alignLeft{
    text-align: left !important;
}


@media only screen and (max-width: 767px) {
    .tabAccordSection table.setTable tr:nth-child(1) td {
        background: #063970 !important;
    }

    .maxWidthTable {
        width: max-content !important;
    }

}

/* end of custome tabel css */


/*  Product custome table css */



.products-wrapper .eligibility-criteria-section table.setProTable tr:first-child p {
    font-weight: 500;
    font-size: 16px;
}

.products-wrapper .eligibility-criteria-section table.setProTable td {
    background-color: unset !important;
    font-weight: 500;
    color: unset!important;
}

.products-wrapper .eligibility-criteria-section table.setProTable tr:first-child {
    background-color: #005e9e!important;
    /* color:white !important; */
}
.products-wrapper .eligibility-criteria-section table.setProTable tr:first-child p{
    color:#fff !important;
}

table.setProTable tr:not(:first-child) td:first-child,
table.setProTable tr:nth-child(4) td:nth-child(2),
table.setProTable tr:nth-child(6) td:nth-child(2){
    background-color: #eaf1f8 !important;
}

.table-freeze-wrapper tbody tr td p .setTextBlue{
    color: #005e9e;
}

.table-freeze-wrapper tbody tr td p .setTextBlack{
    color: #000;
}

/* .table-freeze-wrapper tbody tr td .setBoxBlue{
    background-color: #eaf1f8;
}

.table-freeze-wrapper tbody tr td.setBoxTransparent{
    background: unset;
} */

table.setProTable tr:not(:first-child) td:first-child p,
table.setProTable tr:nth-child(4) td:nth-child(2) p,
table.setProTable tr:nth-child(6) td:nth-child(2) p{
    color: #005e9e !important;
}   

.products-wrapper .eligibility-criteria-section table.setProTable p{
    color:#000 !important;
}

.products-wrapper .eligibility-criteria-section table.setProTable td{
    border: 1px solid #000 !important;
}

 table.setProTable tr {
    background: white!important;
}

 table.setProTable td{
	border: 1px solid #000;
}

@media only screen and (max-width: 767px) {
     table.setProTable tr:nth-child(1) td {
        background: #063970!important;
      }
}

/* end of custome Product tabel css */

/* Css of Iframe in Faq */

.lifevideo iframe{
    width:60%;
}

@media only screen and (max-width: 767px) {
    .lifevideo iframe{
        width:100%;
    }
}

/* End of Iframe in Faq */

.stickyTermBtn{
    width: 182px; 
    position: fixed; 
    bottom: 80px; 
    font-size: 14px; 
    right: 14px; 
    transition: all 0.1s ease-in-out 0s; 
    text-align: center; 
    cursor: pointer; 
    height: 50px; 
    background: rgb(237, 28, 36); 
    border-radius: 13px; 
    padding: 13px; 
    color: rgb(255, 255, 255); 
    font-weight: 500; 
    z-index: 9999;
    display: none;
    color: #fff;
}

.stickyTermBtn:hover{
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .stickyTermBtn{
    position:fixed;
    bottom: 8px;
    left: 9%;
    background: rgb(237, 28, 36);
    color: rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    border: 1px solid rgb(237, 28, 36);
    height: 40px;
    min-width: 135px;
    z-index: 99998;
    padding: 5px 10px !important;
    outline: none !important;
    width:160px;
    right:unset;
    }

}

/* For all calculate popup modal css for safari scroll issue */

.example-open {
    bottom: 0;
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
}

/* end of calculate popup css */

footer .footerFormBlk .singleInputForm .awesomplete{
    width:70% !important;
}

/* PADDING FIXES START */
.sec-padding{
    padding-block: 50px;
}

@media screen and (max-width:768px){
    .sec-padding{
        padding-block: 25px;
    }    
}

/* PADDING FIXES END */
/* CSS of Modal */

.toggle-image-with-text .geta-callback-inner .schedule-a-call-back small {
    text-transform: none;
}

.termbanner .geta-callback-inner .schedule-a-call-back small {
    text-transform: none;
}

.category-banner .geta-callback-inner .schedule-a-call-back small {
    text-transform: none;
}

.benefits-section .geta-callback-inner .schedule-a-call-back small {
    text-transform: none;
}

.schedule-a-call .geta-callback-inner .schedule-a-call-back small{
    text-transform: none;
}

.knowmoresection .geta-callback-inner .schedule-a-call-back small{
    text-transform: none;
}

.toggle-image-with-text .modal.sac .modal-dialog.modal-lg {
    margin: 20px auto 20px;
}

.termbanner .modal.sac .modal-dialog.modal-lg {
    margin: 20px auto 20px;
}

.category-banner .modal.sac .modal-dialog.modal-lg {
    margin: 20px auto 20px;
}

.schedule-a-call .modal.sac .modal-dialog.modal-lg {
    margin: 20px auto 20px;
}

.benefits-section .modal.sac .modal-dialog.modal-lg {
    margin: 20px auto 20px;
}


.knowmoresection .modal.sac .modal-dialog.modal-lg {
    margin: 20px auto 20px;
}

.toggle-image-with-text .modal-content {
    padding-bottom: 0px !important;
}

.termbanner .modal-content {
    padding-bottom: 0px !important;
}

.schedule-a-call .modal-content {
    padding-bottom: 0px !important;
}

.category-banner .modal-content {
    padding-bottom: 0px !important;
}

.benefits-section .modal-content {
    padding-bottom: 0px !important;
}

@media screen and (min-width: 100px) and (max-width: 768px)
{
    .benefitssection .annualReport .modal-content{
        padding: 40px 20px 40px 20px !important;
    }
}

.knowmoresection .modal-content {
    padding-bottom: 0px !important;
}

.toggle-image-with-text .sac p a {
    font-size: 14px;
    color: #233253;
}

.toggle-image-with-text .sac .disc-text input{
    height:47px !important;
}

.knowmoresection .sac .disc-text input{
    height:47px !important;
}

.termbanner .sac p a {
    font-size: 14px;
    color: #233253;
}

.category-banner .sac p a {
    font-size: 14px;
    color: #233253;
}

.benefits-section .sac p a {
    font-size: 14px;
    color: #233253;
}


.knowmoresection .sac p a {
    font-size: 14px;
    color: #233253;
}

.toggle-image-with-text .geta-callback-component-popup .disc-text input[type="checkbox"] {
    margin-top: -1px !important;
}

.termbanner .geta-callback-component-popup .disc-text input[type="checkbox"] {
    margin-top: -1px !important;
}

.category-banner .geta-callback-component-popup .disc-text input[type="checkbox"] {
    margin-top: -1px !important;
}

.benefits-section .geta-callback-component-popup .disc-text input[type="checkbox"] {
    margin-top: 4px !important;
}

.toggle-image-with-text-op .geta-callback-inner .schedule-a-call-back small {
    text-transform: none;
}
.toggle-image-with-text-op .modal.sac .modal-dialog.modal-lg {
    margin: 20px auto 20px;
}
.toggle-image-with-text-op .modal-content {
    padding-bottom: 0px !important;
}
.toggle-image-with-text-op .sac p a {
    font-size: 14px;
    color: #233253;
}
.toggle-image-with-text-op .geta-callback-component-popup .disc-text input[type="checkbox"] {
    margin-top: 4px !important;
}

/* css for modal */


/* CSS TO HIDE SIDE STRIP START */

.category-banner .side-strip, .productbanner .side-strip{
    display: none;
}

/* CSS TO HIDE SIDE STRIP END */

/* Css for header Breaking */

.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li {
    padding: 0 5px !important;
}

@media screen and (max-width: 1920px) and (min-width: 1280px) {
    .deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li {
        padding: 0 16px !important;
    }
}

.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li>a{
	font-size: 13px!important;
 }

/*  class for scroll margin */

.sm{
    scroll-margin-top: 80px;
}

/* CSS FOR BOX DESIGN HEADING START */

.redtext{
    color: #ed1c24 !important;
}

.bluetext{
    color: #233253 !important;
}

.bluetextv2{
    color: #0056a5 !important;
}

/* CSS FOR BOX DESIGN HEADING START */

/* API FALL SCREEN CSS START */

.api-container{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: #ffffffcc;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 100;
}

.api-container .api-response-msg{
    font-weight: 600 !important;
    color: #233253 !important;
    font-size: 26px !important;
    text-align: center;
    line-height: 1.2;
}

.api-container .close-icon{
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

@media screen and (max-width:768px) {
    .api-container .api-response-msg{
        font-size: 20px !important;
    }
}

/* API FALL SCREEN CSS END */
.lightG{
    color: #5a5a5a;
}

.graycolor{
    color: #8a93a5 !important;
}

.fw-500{
    font-weight: 500;
}

.fw-600{
    font-weight: 600;
}

/* scroll margin css */

@media screen and (max-width:768px){
    .scroll-margin-mob-80{
        scroll-margin-top: 80px;
    }
}

/* Read More and Read Less css start*/
.ReadMore, .ReadLess {
    color: #0056A5 !important;
    font-weight: 500 !important;
}
.ReadMore:hover, .ReadLess:hover {
    text-decoration: none !important;
}
/* Read More and Read Less css end*/
/* 31940 Tooltip addition on category lead forms css Start */
.global-tooltip,
.global-tooltip-mobileOtp {
    border: 1px solid #BDDCF8;
    background-color: #EAF4FD;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 99;
    padding: 5px;
    font-size: 11px;
    font-weight: 300;
    line-height: 18px;
    color: #000000;
    bottom: 65%;
    left: 0;
    border-radius: 5px;
    width: max-content;
    max-width: 245px;
}
.global-tooltip-mobileOtp {
    bottom: 66%;
    left: 15px;
    max-width: 230px;
}
.global-tooltip::after,
.global-tooltip-mobileOtp::after {
    content: "";
    width: 15px;
    height: 15px;
    transform: rotate(-226deg);
    background-color: #EAF4FD;
    position: absolute;
    box-shadow: 4px -2px 4px rgb(190 186 186 / 50%);
    z-index: 0;
    bottom: -8px;
    left: calc(10% - 10px);
    border-bottom: 0;
    border-top: 1px solid #BDDCF8;
    border-right: 1px solid #BDDCF8;

}
/* 31940 Tooltip addition on category lead forms css Start */

a.hyperlink{
    cursor: pointer;
}

a.cursor-pointer {
    cursor: pointer;
}


 a.link-cta, button.link-cta {
 font-size: 14px;
  font-weight: 400;
  background: #ed1c24;
  border: 1px solid #ed1c24;
  color: #fff;
  padding: 5px 20px;
  transition: all 0.3s ease;
  border-radius: 0.25rem;
  text-align: center;
  margin-top: 21px;
  cursor: pointer;
}

 a.link-cta:hover, button.link-cta:hover {
  box-shadow: 0 8px 12px rgba(237, 28, 36, 0.2);
  background: #ff3038;
}

.flex-center-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.mb-10{
    margin-bottom: 10px !important;
}
.mb-15{
    margin-bottom: 15px !important;
}
.mb-18{
    margin-bottom: 18px !important;
}

.mt-10{
    margin-top: 10px !important;
}
.mt-15{
    margin-top: 15px !important;
}
.mt-18{
    margin-top: 18px !important;
}

.mt-20{
    margin-top: 20px !important;
}

.pb-10{
    padding-bottom: 10px;
}

.mr-8 {
    margin-right: 8px;
}

.style-border{
    border: 1px solid #6a6a6a;
    width: fit-content;
    margin: 0 auto;
    padding: 15px;
}

.style-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px
}

@media screen and (min-width:767px) {
    .desk-mb-50{
     margin-bottom: 50px !important;
    }

    .desk-pt-10{
        padding-top: 10px;
    }
    .desk-pt-15{
        padding-top: 10px;
    }
    .desk-pt-18{
        padding-top: 10px;
    }
     .desk-pt-20{
        padding-top: 10px;
    }
}

@media screen  and (max-width:767px){
    .mob-flex-content-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mob-mb-25{
        margin-bottom: 25px !important;
    }
    .mob-pt-10{
        padding-top: 10px;
    }
    .mob-pt-15{
        padding-top: 10px;
    }
    .mob-pt-18{
        padding-top: 10px;
    }
     .mob-pt-20{
        padding-top: 10px;
    }
}
/* For scrollable tabs*/

.scroll-mt-80 {
    scroll-margin-top: 80px;
  }
  
  .scroll-mt-100 {
    scroll-margin-top: 100px;
  }
  
  .scroll-mt-120 {
    scroll-margin-top: 120px;
  }
  
  .scroll-mt-150 {
    scroll-margin-top: 150px;
  }
  .scroll-mt-200 {
    scroll-margin-top: 200px;
  }

  @media screen and (max-width:768px) {
    .scroll-mt-mob-100{
        scroll-margin-top: 100px;
    }
    .scroll-mt-mob-120{
      scroll-margin-top: 120px;
  }
  .scroll-mt-mob-150{
    scroll-margin-top: 150px;
  }
  }
/* select2 dropdown */

.select2-container{
    width: 23% !important;
    height: 40px !important;
    color: #000 !important;
    border: 1px solid #005e9e !important;
    border-radius: 5px 0 0 5px !important;
    font-style: normal !important;
    text-align: center;
}

.select2-selection{
    width: 100%;
    border-radius: 5px 0 0 5px !important;
}

.select2-selection--single{
    border: none !important;
}

.select2-selection__rendered{
    color: #000 !important;
    padding: 5px 0 !important;
    margin-right: 7px !important;
}

.select2-selection__arrow{
    top: 5px !important;
    right: -5px !important;
}

.select2-dropdown{
    width: 210px !important;
    max-height: 180px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #005e9d !important;
}

.select2-results__options{
    width: 100%;
    max-height: 135px !important;
    font-size: 14px;
}

.select2-results__option{
    text-align: left;
}

.select2-container:has(.select2-dropdown) {
    width: 100% !important;
}

.select2-dropdown{
    width: 100% !important;
}

.select2-container--open .select2-search__field::placeholder {
    color: #999;
    font-size: 14px;
    font-style: normal;
  }

/* @media screen and (max-width: 767px){
    .select2-container:has(.select2-dropdown) {
        width: 100% !important;
    }
    .select2-dropdown{
        width: 100% !important;
    }
} */

@media screen and (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
}

button.draw {
    background: none;
    border: 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 3px #fff;
    color: #f45e61;
    font-size: inherit;
    font-weight: 700;
    padding: 1em 2em;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    width: 90px;
    height: 90px;
}
.draw {
    overflow: hidden;
    position: relative;
}
.draw:after,
.draw:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    border: 3px solid transparent;
    width: 0;
    height: 0;
}
.draw:before {
    top: 0;
    left: 0;
    border-top-color: #125a9e;
    border-right-color: #125a9e;
    animation: border 2s infinite;
}
.draw:after {
    bottom: 0;
    right: 0;
    animation: border 2s 1s infinite, borderColor 2s 1s infinite;
}
@keyframes border {
    0% {
        width: 0;
        height: 0;
    }
    25% {
        width: 100%;
        height: 0;
    }
    50% {
        width: 100%;
        height: 100%;
    }
    to {
        width: 100%;
        height: 100%;
    }
}
@keyframes borderColor {
    0% {
        border-bottom-color: #125a9e;
        border-left-color: #125a9e;
    }
    50% {
        border-bottom-color: #125a9e;
        border-left-color: #125a9e;
    }
    51% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    to {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}
.cardcontainer {
    position: absolute;
    top: 20px;
    /* left: 20px; */
}
.cardcontainer img {
    animation: zoominoutsinglefeatured 1.5s infinite;
}
#rdmore {
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    background-color: #fff;
    z-index: 99999;
}

.customloader.rdmore{
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: #ffffffcc;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 100;
}

.customloader .rdmore-loader-text{
    /* white-space: nowrap; */
    /* transform: translateX(-80%); */
    text-align: center;
    margin-top: 20px;
    font-weight: 400;
    color: #000;
}

.rdmore-inner {
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    /* width: 90%; */
    /* height: 90px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
select:focus {
    outline: none;
    border: 0;
}
h1,
h3,
h4,
li,
p,
ul {
    margin: 0;
}
body,
html {
    font-family: Poppins, sans-serif;
}
.btnred:not(:disabled):not(.disabled).active:focus,
.btnred:not(:disabled):not(.disabled):active:focus,
.show > .btnred.dropdown-toggle:focus:not(:disabled):not(.disabled).active:focus {
    background: #ff3038 !important;
    outline: none;
    outline-style: none;
    outline-width: 0;
}
.search-suggestions {
    height: 100px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 41px;
    z-index: 99999;
    display: none;
}
.search-suggestions-selectOption li {
    color: #233253;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    padding: 16px 0 16px 45px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
}
.search-suggestions-selectOption li span {
    color: #808285;
    font-size: 10px;
    line-height: 14px;
    right: 30px;
    position: absolute;
}
.search-suggestions-selectOption li:hover {
    background: #ebf5f9;
}
ul.search-suggestions-selectOption {
    border: 1px solid rgba(0, 0, 0, 0.08);
    height: 130px;
    overflow-y: auto;
    background: #fff;
    border-radius: 7px;
}
body,
html {
    height: 100%;
}
.arial {
    font-family: arial !important;
}
/* .ratingStar path {
    fill: #f9f9f9;
    /* stroke: #ccc; 
} */
.rated path {
    fill: #edbf1c !important;
    stroke: #edbf1c !important;
    opacity: 1;
}
.mobileHeader {
    display: none;
}
html {
    scroll-behavior: smooth;
}
.deskTopHeader {
    background: #f1f5f6;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.deskTopHeader .deskTopHeaderWrap {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 35px;
    height: 68px;
    flex: 1;
    background: #fff;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap .logo {
    margin: 0;
}

.logo{
    font-size:2.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom:0.5rem;
}

.deskTopHeader .deskTopHeaderWrap .headerWrap .logo a {
    cursor: pointer;
    padding: 0 10px;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap .logo a img{
    height: auto;
    margin: 1px 0;
    width: 100px;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap .navBarWrap {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar {
    height: 100%;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar > ul {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar > ul > li {
    padding: 0 21.5px;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar > ul > li > a {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #233253;
    text-decoration: none;
    outline: none;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar > ul > li > a .caretIcon {
    margin-left: 4px;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar > ul > li > a .caretIcon svg {
    transform: rotate(0deg);
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.langSwitch {
    position: relative;
}
.langSwitch {
    width: 53px;
    height: 28px;
    font-size: 1.5em;
    margin-left: 37px;
}
.langSwitch input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    font-size: 1em;
    left: 0;
    line-height: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 0;
}
.langSwitch input:after {
    content: "";
    font-size: 1em;
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #fff;
    top: 2px;
    left: 2px;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform 0.25s ease-out 0.1s;
    transition: -webkit-transform 0.25s ease-out 0.1s;
    transition: transform 0.25s ease-out 0.1s;
    transition: transform 0.25s ease-out 0.1s, -webkit-transform 0.25s ease-out 0.1s;
}
.langSwitch input:checked:after {
    -webkit-transform: translate(30px);
    transform: translate(26px);
}
.langSwitch input:checked ~ .langHindi {
    color: #ed1c24;
}
.langSwitch input:checked ~ .langEng {
    color: #fff;
}
.langSwitch input:before {
    content: "";
    font-size: 1em;
    position: absolute;
    border-radius: 30px;
    background: #005e9e;
    height: 28px;
    -webkit-transition: background-color 0.25s ease-out 0.1s;
    transition: background-color 0.25s ease-out 0.1s;
    width: 53px;
}
.langSwitch label {
    font-size: 10px;
    line-height: 16px;
    margin: 0;
    color: hsla(0, 0%, 100%, 0.8);
    cursor: pointer;
    display: block;
    position: absolute;
    -webkit-transition: opacity 0.25s ease-out 0.1s;
    transition: opacity 0.25s ease-out 0.1s;
    text-transform: uppercase;
}
.langSwitch label.langEng {
    color: #ed1c24;
    left: 0px !important;
    top: 1px !important;
    padding: 5px 6px 5px 7px !important;
}
.langSwitch label.langHindi {
    right: 0px !important;
    top: 1px !important;
    padding:5px 8px 5px 5px !important;
    font-weight: 600;
    color: #fff;
}
.arrowUp {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #fff;
}
.megaMenuSec {
    padding: 41px 50px 8px;
    display: grid;
    grid-template-columns: 1fr 295px;
    grid-column-gap: 40px;
    position: absolute;
    background-color: #fff;
    z-index: 999999;
    top: 150%;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.megaMenuSec .arrowUp {
    position: absolute;
    left: 642px;
    top: -11px;
}
.megaMenuSec .megaMenuLinkSec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 33%!important;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner:nth-last-child(-n + 3) {
    border-bottom: 0;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner h3 ,.megaMenuSec .megaMenuLinkSec .menuLinkInner h3 a {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #005e9e;
    margin-bottom: 16px;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner ul li {
    margin-bottom: 0;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner ul li a {
    font-size: 13px;
    line-height: 14px;
    color: #233253;
    text-transform: capitalize;
    margin-left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner ul li a:hover {
    color: #ed1c24;
    margin-left: 10px;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner ul li span {
    font-size: 9px;
    line-height: 14px;
    border: 1px solid #ed1c24;
    border-radius: 20px;
    padding: 1px 8px;
    color: #ed1c24;
    margin-left: 5px;
    display: inline-block;
    text-transform: capitalize;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner .moreMenuLink {
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    color: #233253;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner .moreMenuLink span {
    margin-left: 10px;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner .moreMenuLink:hover {
    margin-left: 15px;
    color: #ed1c24;
}
.megaMenuSec .keyFeatureSec {
    align-self: flex-start;
    padding: 21px 26px 44px;
    margin-top: 25px;
    border: 1px solid #c7cacc;
    box-sizing: border-box;
    box-shadow: 0 4px 20px rgba(0, 94, 158, 0.05), 3px 6px 10px rgba(50, 130, 196, 0.08);
    position: relative;
}
.megaMenuSec .keyFeatureSec:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 85px;
    right: -1px;
    top: -1px;
    background: #ed1c24;
}
.megaMenuSec .keyFeatureSec .ratingStarWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    padding-right: 8px;
    margin-bottom: 10px;
}
.megaMenuSec .keyFeatureSec .ratingStarWrap label {
    font-size: 11px;
    line-height: 11px;
    color: rgba(35, 50, 83, 0.8);
    margin: 0;
}
.megaMenuSec .keyFeatureSec h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #005e9e;
    margin-bottom: 7px;
}
.megaMenuSec .keyFeatureSec h3 .highlight {
    color: #ed1c24;
}
.megaMenuSec .keyFeatureSec h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #233253;
    margin-bottom: 20px;
}
.megaMenuSec .keyFeatureSec .keyFeatureTag {
    padding: 2px 11px 2px 9px;
    background: #59647d;
    border-radius: 20px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 12px;
}
.megaMenuSec .keyFeatureSec .featureContent {
    font-size: 14px;
    line-height: 20px;
    color: #767676;
    max-width: 100%;
    margin-bottom: 20px;
}
.megaMenuSec .keyFeatureSec .featureContent strong {
    display: block;
    font-weight: 400;
}
.megaMenuSec .keyFeatureSec .featureContent .priceStrike {
    color: #233253;
    text-decoration: line-through;
}
.megaMenuSec .keyFeatureSec .featureContent .priceHighlight {
    color: #ed1c24;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-left: 1px;
}
.megaMenuSec .keyFeatureSec .featureContent .limitedOfferLbl {
    color: #233253;
    font-size: 12px;
    line-height: 18px;
}
.megaMenuSec .keyFeatureSec .featureLists {
    font-size: 12px;
    line-height: 18px;
    color: #5a5a5a;
    margin-bottom: 25px;
    margin-top: 5px;
}
.megaMenuSec .keyFeatureSec .featureLists li {
    margin-bottom: 5px;
    padding-left: 28px;
    padding-top: 3px;
    position: relative;
}
.megaMenuSec .keyFeatureSec .featureLists li .listBullet {
    position: absolute;
    left: 0;
    top: 2px;
}
.megaMenuSec .keyFeatureSec .featureBtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.megaMenuSec .keyFeatureSec .featureBtn .learnMoreLink {
    margin-left: 10px;
}
.headerBtnWrp {
    display: flex;
    flex-wrap: wrap;
    padding-left: 22px;
}
.headerBtnWrp .payPremiumBtn {
    margin: 0 10px;
}
.siteButton {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 5px 20px;
    border-radius: 4px;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.siteButton:hover {
    background: #ed1c24;
}
.siteButton:active,
.siteButton:hover {
    color: #fff;
    box-shadow: 0 8px 12px rgba(237, 28, 36, 0.2);
}
.siteButton:active {
    background: #ff373f;
    border: 1px solid #ff373f;
}
.siteButton.outlinedBtn {
    background: transparent;
    color: #ed1c24;
    border-color: #ed1c24;
}
.siteButton.outlinedBtn:hover {
    background: #fff !important;
    box-shadow: 0 5px 7px rgba(228, 24, 32, 0.4);
    color: #ed1c24;
}
.siteButton.outlinedBtn:active {
    background: #fff;
    border: 1px solid #ff373f;
    color: #ff373f;
    box-shadow: 0 5px 7px rgba(228, 24, 32, 0.4);
}
div.siteSearchForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    overflow: hidden;
}
div.siteSearchForm .searchInput {
    width: 80%;
    position: relative;
}
div.siteSearchForm .searchInput input {
    border: 0;
    height: 38px;
    line-height: 38px;
    border-radius: 30px 0 0 30px;
    background: #fff;
    border-right: 0.5px solid #c7cacc;
    padding: 0 40px;
    width: 100%;
    font-size: 12px;
}
div.siteSearchForm .searchInput .searchIcon {
    position: absolute;
    left: 18px;
    top: 6px;
}
div.siteSearchForm .searchSelect {
    width: 20%;
    position: relative;
}
div.siteSearchForm .searchSelect .searchSelectBox {
    width: 100%;
    height: 38px;
    line-height: 38px;
    border-radius: 0 30px 30px 0;
    background: #fff;
    padding: 0 25px 0 11px;
    cursor: pointer;
    position: relative;
}
div.siteSearchForm .searchSelect .searchSelectBox label {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #233253;
    margin: 0;
    cursor: pointer;
}
div.siteSearchForm .searchSelect .searchSelectBox .dropIcon {
    position: absolute;
    right: 15px;
}
div.siteSearchForm .searchSelect .searchSelectBox .dropIcon svg {
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div.siteSearchForm .searchSelect ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #fff;
    border-radius: 8px;
    width: 100%;
    left: 0;
    top: 60px;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.siteSearchForm .searchSelect ul li {
    padding: 15px 10px 17px;
    font-size: 12px;
    line-height: 14px;
    color: #233253;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
div.siteSearchForm .searchSelect ul li:last-child {
    border-bottom: 0;
}
div.siteSearchForm .searchSelect ul li:hover {
    background: #ebf5f9;
}
.campaignHeader .mobHeaderWrap{
    justify-content:left !important;
}

.campaignHeader{
    padding-bottom:0px !important;
}

.siteSearchInput {
    margin: 0 11px;
    position: relative;
    /* display:none !important; */
}
.siteSearchInput.expand {
    margin-left: auto;
}
.siteSearchInput.expand div.siteSearchForm {
    width: 720px;
    overflow: visible;
    border: 1px solid #ddd;
    border-radius: 20px;
}
.siteSearchInput a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 0;
    background: #657d93;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.siteSearchInput a:hover {
    background: #233253;
}

.mobileSeeMore .moreMenuLink{
    font-size: 11px !important;
    font-weight: bold;
    margin-top: 9px;
    display: block;
}

a.searchBtnIcon.active {
    visibility: hidden;
}

.headerLoginIcon {
    margin: 0 11px 0 0;
    position: relative;
}
.headerLoginIcon > a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #657d93;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.headerLoginIcon > a:hover {
    background: #233253;
}
.headerLoginIcon .accountDropDown {
    background: #fff;
    border-radius: 8px;
    width: 345px;
    padding: 25px 0;
    position: absolute;
    top: 100px;
    right: -35px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
}
.headerLoginIcon .accountDropDown .arrowUp {
    position: absolute;
    top: -9px;
    right: 37px;
}
.headerLoginIcon .accountDropDown > ul > li > a {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #2c6698;
    padding: 16px 62px;
    display: block;
    position: relative;
}
.headerLoginIcon .accountDropDown > ul > li > a:before {
    content: "";
    position: absolute;
    width: 280px;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.headerLoginIcon .accountDropDown > ul > li > a span {
    position: absolute;
}
.headerLoginIcon .accountDropDown > ul > li > a .menuIcon {
    left: 30px;
    top: 12px;
}
.headerLoginIcon .accountDropDown > ul > li > a .dropIcon {
    right: 37px;
}
.headerLoginIcon .accountDropDown > ul > li > a .dropIcon svg {
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}
.headerLoginIcon .accountDropDown>ul>li>a.opened .dropIcon svg {
    transform: rotate(180deg);
}
.headerLoginIcon .accountDropDown > ul > li:last-child a:before {
    display: none;
}
.headerLoginIcon .accountDropDown > ul > li ul {
    background: #fff;
    display: none;
}
.headerLoginIcon .accountDropDown > ul > li ul li a,
.headerLoginIcon .accountDropDown > ul > li ul li span.accountLi {
    font-size: 12px;
    line-height: 14px;
    color: #233253;
    display: block;
    padding: 16px 35px 16px 60px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.headerLoginIcon .accountDropDown > ul > li ul li a > span,
.headerLoginIcon .accountDropDown > ul > li ul li span.accountLi > span {
    margin-right: 5px;
}
.headerLoginIcon .accountDropDown > ul > li ul li a:before {
    content: "";
    position: absolute;
    width: 255px;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.headerLoginIcon .accountDropDown > ul > li ul li a:hover,
.headerLoginIcon .accountDropDown > ul > li ul li span.accountLi:hover {
    background: #ebf5f9;
    cursor: pointer;
}
.headerLoginIcon .accountDropDown > ul > li ul li:last-child a {
    border-bottom: 0;
}
.headerContactIcon {
    margin: 0 11px 0 0;
    position: relative;
}
.headerContactIcon > a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* background: #fff; */
    box-shadow: 0 4px 4px rgba(0, 94, 158, 0.1);
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
/* .headerContactIcon > a:hover {
    background: #ed1c24;
} */
.headerContactIcon > a:hover svg path {
    stroke: #fff;
}
.headerContactIcon > a:hover svg path.phonePath {
    fill: #ed1c24;
}
.headerContactIcon .contactInfoPopOver {
    position: absolute;
    right: 0;
    top: 150px;
    width: 575px;
    padding: 26px 50px;
    border-radius: 8px;
    background: #fff;
    display: grid;
    grid-template: auto auto/1fr 1fr;
    grid-column-gap: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999999;
}
.headerContactIcon .contactInfoPopOver .arrowUp {
    position: absolute;
    right: 10px;
    top: -10px;
}
.headerContactIcon .contactInfoPopOver .contactInfoSection h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #9198a9;
    margin-bottom: 22px;
}

.contactInfoSection h5 {
    color: #ed1c24;
    font-size: 13px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -16px;
}

.contactInfoSection:nth-child(1) {
    padding-right: 14px;
    border-right: 1px solid #919191;
}
    
.headerContactIcon .contactInfoPopOver .contactInfoSection ul li h4 {
    line-height: 19px !important;
}

.headerContactIcon .contactInfoPopOver .contactInfoSection ul li {
    padding: 11px 0 9px 53px;
    margin-bottom: 11px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
}
.headerContactIcon .contactInfoPopOver .contactInfoSection ul li:hover {
    background: #eaf1f8;
}
.headerContactIcon .contactInfoPopOver .contactInfoSection ul li .menuIcon {
    position: absolute;
    left: 20px;
    align-items: center;
    display: flex;
    top: 0;
    bottom: 0;
}
.headerContactIcon .contactInfoPopOver .contactInfoSection ul li h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #2c6698;
    padding-bottom: 6px;
}
.headerContactIcon .contactInfoPopOver .contactInfoSection ul li p {
    color: #233253;
    margin: 0;
    font-size: 12px !important;
    line-height: 14px;
}
.headerContactIcon .contactInfoPopOver .contactInfoSection ul li p a {
    color: #233253;
    font-size: 12px !important;
}
.headerContactIcon .contactInfoPopOver .contactInfoSection hr {
    width: 217px;
    height: 0;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 0 26px;
}
.headerContactIcon .contactInfoPopOver .contactViewMore {
    text-align: center;
    grid-column: 1/3;
    margin-top: 30px;
}
.headerContactIcon .contactInfoPopOver .contactViewMore a {
    display: inline-flex;
}
.headerHamburgerMenu {
    background: #fff;
    width: 60px;
    border-right: 1px solid #f9f9f9;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.headerHamburgerMenu > a {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
.headerHamburgerMenu > a .line {
    fill: none;
    stroke: #233253;
    stroke-width: 6;
    transition: stroke-dasharray 0.6s cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.headerHamburgerMenu > a .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.headerHamburgerMenu > a .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}
.headerHamburgerMenu > a .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.productListDisclaimer p{
    font-size: 11px;
    padding-top: 17px;
    margin-bottom: 0;
}

.nriContent p{
    padding-bottom: 15px;
    font-size: 12px;
    line-height: 16px;
    color: #ed1c24;
    position: relative;
    padding-left: 10px;
}
.hamMenuWrp {
    position: absolute;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 250px;
    width: 100%;
    z-index: 999999;
    top: 150%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hamMenuWrp .hamMenuInnerWrp {
    padding: 47px 72px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hamMenuWrp .hamMenuInnerWrp .hamMenuSection {
    width: 25%;
}
.hamMenuWrp .hamMenuInnerWrp .hamMenuSection .hamMenuIcon {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: linear-gradient(0deg, #edf8ff, rgba(237, 248, 255, 0));
    margin-bottom: 24px;
}
.hamMenuWrp .hamMenuInnerWrp .hamMenuSection h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #005e9e;
    margin-bottom: 15px;
}
.hamMenuWrp .hamMenuInnerWrp .hamMenuSection nav ul li {
    margin-bottom: 7px;
}
.hamMenuWrp .hamMenuInnerWrp .hamMenuSection nav ul li a {
    color: #233253;
    font-size: 13px;
    line-height: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hamMenuWrp .hamMenuInnerWrp .hamMenuSection nav ul li a:hover {
    color: #ed1c24;
    margin-left: 4px;
}
.hamMenuWrp .quickLinkSection {
    background: #eaf1f8;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.hamMenuWrp .quickLinkSection .custom-check-box{
    max-height:150px;
    overflow: scroll;
}
.hamMenuWrp .quickLinkSection h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #8a93a5;
    margin-bottom: 24px;
}
.hamMenuWrp .quickLinkSection nav ul li {
    margin-bottom: 7px;
}
.hamMenuWrp .quickLinkSection nav ul li a {
    color: #005e9e;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}
.hamMenuWrp .quickLinkSection .appDownloadForm ,.mobileHeader .hamMenuSection .appDwnldForm.appLink.hamLinkAcc{
    margin-top:auto!important;
    border: 1px solid #005e9e!important;
    padding: 10px!important;
    border-radius: 5px!important;
    background: #fff!important;
}
.hamMenuWrp .quickLinkSection .appDownloadForm h3 {
    margin-bottom: 16px;
}
.hamMenuWrp .quickLinkSection .appDownloadForm .formInput {
    margin-bottom: 10px;
}
.hamMenuWrp .quickLinkSection .appDownloadForm .formInput input {
    background: #fff;
    border: 0;
    width: 100%;
    height: 42px;
    font-style: italic;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    padding: 15px;
}
.hamMenuWrp .quickLinkSection .appDownloadForm .formBtnSubmit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hamMenuWrp .quickLinkSection .appDownloadForm .formBtnSubmit button {
    background: #767676;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 16px;
    border-radius: 4px;
    border: 0;
}
.hamMenuWrp .quickLinkSection .appDownloadForm.focused .formBtnSubmit button {
    background: #ed1c24;
}
.hamMenuWrp .quickLinkSection .appDownloadForm .formBtnSubmit a svg path {
    transition: all 0.3s ease-in-out;
}
.hamMenuWrp .quickLinkSection .appDownloadForm .formBtnSubmit a.appleStore {
    margin: 0 10px 0 auto;
}
.hamMenuWrp .quickLinkSection .appDownloadForm .formBtnSubmit a.appleStore:hover svg path[fill="#808285"] {
    fill: #000;
}
.hamMenuWrp .quickLinkSection .appDownloadForm .formBtnSubmit a.andriodStore:hover svg path[fill="#808285"] {
    fill: #9fc037;
}
.highlight {
    color: #ed1c24;
}
span.message-success {
    color: #ed1c24;
    font-size: 12px;
}
.ratingStarWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    padding-right: 8px;
    margin-bottom: 10px;
}
.ratingStarWrap label {
    font-size: 11px;
    line-height: 11px;
    color: rgba(35, 50, 83, 0.8);
    margin: 0;
}
.searchSelectOption-container.opened .searchSelectOption {
    opacity: 1;
    visibility: visible;
    top: 41px;
    z-index: 99999;
}
div.siteSearchForm .searchSelect.opened .searchSelectBox .dropIcon svg, div.siteSearchForm .searchSelect .searchSelectBox.opened .dropIcon svg {
    transform: rotate(180deg);
}

.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li>a.opened {
    color: #ed1c24;
    outline: none;
}

.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li>a.opened .caretIcon svg {
    transform: rotate(180deg);
}
.headerLoginIcon .accountDropDown.opened {
    top: 45px;
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}
.headerContactIcon .contactInfoPopOver.opened {
    top: 55px;
    opacity: 1;
    visibility: visible;
}

.blurOverlayBg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0,0,0,.3);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    z-index: 9990;
    display: none;
    top: 0;
}

@media screen and (max-width: 1024px) {
    .deskTopHeader {
        display: none;
    }
    .mobileHeader {
        display: block;
        background: #fff;
        padding: 15px 25px;
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
    }
    .mobileHeader .mobHeaderWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .mobileHeader .mobHeaderWrap .logo img, .logoSection .logo img{
        width: 65px; height:45px;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec {
        margin-left: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .searchButton {
        margin-right: 13px;
        /* display:none !important; */
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .searchButton a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 5px 20px rgba(90, 90, 90, 0.2);
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton {
        margin-right: 13px;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton > a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 5px 20px rgba(90, 90, 90, 0.2);
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown {
        background: #fff;
        border-radius: 8px;
        width: 90%;
        padding: 25px 0;
        position: fixed;
        left: 0;
        right: 0;
        margin: 100px auto 0;
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li > a {
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #2c6698;
        padding: 16px 62px;
        display: block;
        position: relative;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li > a:before {
        content: "";
        position: absolute;
        width: 280px;
        height: 1px;
        background: rgba(0, 0, 0, 0.08);
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li > a span {
        position: absolute;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li > a .menuIcon {
        left: 30px;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li > a .dropIcon {
        right: 37px;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li > a .dropIcon svg {
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transform: rotate(0deg);
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>a.opened .dropIcon svg {
        transform: rotate(180deg);
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li:first-child .menuIcon {
        top: 13px;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li:nth-child(2) .menuIcon {
        top: 12px;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li:nth-child(3) .menuIcon {
        top: 15px;
        left: 27px;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li:last-child a:before {
        display: none;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li ul {
        background: #fff;
        display: none;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li ul li a {
        font-size: 12px;
        line-height: 14px;
        color: #233253;
        display: block;
        padding: 16px 35px 16px 60px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: relative;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li ul li a:before {
        content: "";
        position: absolute;
        width: calc(100% - 95px);
        height: 1px;
        background: rgba(0, 0, 0, 0.08);
        bottom: 0;
        left: 60px;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li ul li a:hover {
        background: #ebf5f9;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown > ul > li ul:last-child a {
        border-bottom: 0;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .hamBurgerMenu {
        width: 35px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .hamBurgerMenu > a {
        background-color: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
    }
    .mobileHeader .hamMenuSection {
        position: fixed;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        -ms-transition: left 0.3s ease;
        -o-transition: left 0.3s ease;
        transition: left 0.3s ease;
        z-index: 999;
    }
    .mobileHeader .hamMenuSection h3 {
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: #9198a9;
    }
    .mobileHeader .hamMenuSection .logoSection {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 55px 24px 20px;
    }
    .mobileHeader .hamMenuSection .subMenuSection {
        position: fixed;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        z-index: 9;
        padding: 0 0 50px;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        -ms-transition: left 0.3s ease;
        -o-transition: left 0.3s ease;
        transition: left 0.3s ease;
    }
    .mobileHeader .hamMenuSection .subMenuSection.opened {
        left: 0;
    }
    .mobileHeader .hamMenuSection .subMenuSection.opened .subMenuBC a svg {
        height: 18px;
        width: 13px;
    }
    .mobileHeader .hamMenuSection .subMenuSection .subMenuBC {
        margin: 0 0 40px;
        padding: 0 24px;
    }
    .mobileHeader .hamMenuSection .subMenuSection .subMenuBC a {
        font-size: 13px;
        line-height: 22px;
        color: #233253;
    }
    .mobileHeader .hamMenuSection .subMenuSection nav {
        padding: 0 24px;
    }
    .mobileHeader .hamMenuSection .subMenuSection nav > ul {
        margin-bottom: 52px;
    }
    .mobileHeader .hamMenuSection .subMenuSection nav .plansNote {
        font-size: 12px;
        line-height: 16px;
        color: #ed1c24;
        position: relative;
        padding-left: 10px;
    }
    .mobileHeader .hamMenuSection .subMenuSection nav .plansNote sup {
        position: absolute;
        left: 0;
        top: 7px;
    }
    .mobileHeader .hamMenuSection .hamBtnSection {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 24px 40px;
    }
    .mobileHeader .hamMenuSection .hamBtnSection a {
        width: 48%;
        text-align: center;
        padding: 5px 8px;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks {
        padding: 0 24px 48px;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks h3,
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li {
        margin-bottom: 24px;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li > a ,
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li > span > a{
        font-weight: 500;
        font-size: 15px;
        line-height: 15px;
        color: #2c6698;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li > a svg {
        width: 12px;
        height: 13px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li>a.opened svg {
        transform: rotate(90deg);
    }
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li:last-child {
        margin: 0;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li ul.hamSubMenu {
        display: none;
        padding: 10px 10px 0 17px;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li ul.hamSubMenu li {
        margin-bottom: 5px;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li ul.hamSubMenu li a {
        font-size: 13px;
        line-height: 22px;
        color: #233253;
    }
    .mobileHeader .hamMenuSection .hamMenuLinks nav > ul > li ul.hamSubMenu li:last-child {
        margin: 0;
    }
    .mobileHeader .hamMenuSection .hamQuickLinkSection {
        background: #ebf5f9;
        padding: 40px 24px 60px;
    }
    .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink h3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 25px;
    }
    .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink h3 a {
        width: 23px;
        height: 23px;
        border-radius: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: 1px solid rgba(237, 28, 36, 0.6);
        transform: rotate(0deg);
        -webkit-transition: rotate 0.3s ease-in-out;
        -moz-transition: rotate 0.3s ease-in-out;
        -ms-transition: rotate 0.3s ease-in-out;
        -o-transition: rotate 0.3s ease-in-out;
        transition: rotate 0.3s ease-in-out;
    }
    .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink h3 a.opened {
        background: #ed1c24;
        transform: rotate(180deg);
    }
    /* .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink .mobPlanMenuAccordCont {
        display: none;
    } */
    .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink nav {
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
        padding: 0 0 32px;
    }
    .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink nav ul li {
        margin-bottom: 24px;
    }
    .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink nav ul li a {
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #2c6698;
    }
    .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink nav ul li:last-child {
        margin: 0;
    }
    .mobileHeader .hamMenuSection .appDwnldForm {
        padding-top: 23px;
    }
    .mobileHeader .hamMenuSection .appDwnldForm h3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 17px;
    }
    .mobileHeader .hamMenuSection .appDwnldForm h3 a {
        width: 23px;
        height: 23px;
        border-radius: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: 1px solid rgba(237, 28, 36, 0.6);
        transform: rotate(0deg);
        -webkit-transition: rotate 0.3s ease-in-out;
        -moz-transition: rotate 0.3s ease-in-out;
        -ms-transition: rotate 0.3s ease-in-out;
        -o-transition: rotate 0.3s ease-in-out;
        transition: rotate 0.3s ease-in-out;
    }
    /* .mobileHeader .hamMenuSection .appDwnldForm .mobPlanMenuAccordCont {
        display: none;
    } */
    .mobileHeader .hamMenuSection .appDwnldForm .formInput {
        margin-bottom: 18px;
    }
    .mobileHeader .hamMenuSection .appDwnldForm .formInput input {
        width: 100%;
        background: #fff;
        border-radius: 4px;
        height: 44px;
        line-height: 44px;
        border: 0;
        padding: 0 14px;
        font-style: italic;
        font-weight: 300;
        font-size: 12px;
        line-height: 23px;
    }
    .mobileHeader .hamMenuSection .appDwnldForm .formBtn {
        display: flex;
        flex-wrap: wrap;
    }
    .mobileHeader .hamMenuSection .appDwnldForm .formBtn button {
        background: #767676;
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        padding: 8px 16px;
        border-radius: 4px;
        border: 0;
    }
    .mobileHeader .hamMenuSection .appDwnldForm .formBtn .appleStore {
        margin-left: auto;
        margin-right: 10px;
    }
    .mobileHeader div.siteSearchForm .searchInput .searchIcon {
        top: 7px;
    }
    .mobileHeader div.siteSearchForm .searchInput input,
    .mobileHeader div.siteSearchForm .searchSelect .searchSelectBox {
        height: 38px;
        line-height: 38px;
    }

    .mobileHeader .searchSelect .siteButton{
        padding: 8px 20px 8px 15px;
        border-radius: 0px 20px 20px 0px;
    }
    .mobHeaderSearchWrp {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
        -webkit-backdrop-filter: blur(10px);
        -moz-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        padding: 105px 24px 0;
        background-color: rgb(129 129 129 / 30%);
    }
    .mobHeaderSearchWrp .mobHeaderSearchOverlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .mobHeaderSearchWrp a.mobSearchClose {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 34px;
        right: 24px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(0, 0, 0, 0.19);
    }
    .mobHeaderSearchWrp div.siteSearchForm {
        width: 100%;
        position: static;
        overflow: visible;
    }
    .mobHeaderSearchWrp div.siteSearchForm .searchInput {
        width: 68%;
    }
    .mobHeaderSearchWrp div.siteSearchForm .searchSelect {
        width: 32%;
    }
    .langSwitch {
        margin-left: 23px;
    }
    .mobileHeader .hamMenuSection.opened {
        left: 0;
    }
    .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown.opened {
        margin: 17px auto 0;
        opacity: 1;
        visibility: visible;
    }
}
@media screen and (device-width: 1024px) {
    .mobileHeader {
        top: 0;
        left: 0;
    }
}
@media screen and (min-width: 100px) and (max-width: 768px) {
    .ratingStarWrap {
        width: 100%;
    }
    .logo{
        margin-bottom:unset;
    }
}


.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li .megaMenuSec.opened {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.headerHamburgerMenu .hamMenuWrp.opened {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.headerHamburgerMenu .hamMenuWrp.opened {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.headerHamburgerMenu > a.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.headerHamburgerMenu > a.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}
.headerHamburgerMenu > a.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.slide-contact-info-wrap {
    background: rgba(0,0,0,.3);
    backdrop-filter: blur(30px);
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding-top: 141px;
    overflow: auto;
}
.slide-contact-info-wrap .slide-contact-info-cont {
    background: #fff;
    padding: 56px 0 52px;
    position: relative;
    height: 730px;
}
.slide-contact-info-wrap .slide-contact-info-cont .close-slide-contact-info {
    background: #fff;
    box-shadow: 0 12px 34px rgb(0 0 0 / 19%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    display: block;
    margin-left: -17px;
    position: absolute;
    top: -17px;
    left: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
}
.slide-contact-info-wrap .slide-contact-info-cont .close-slide-contact-info svg {
    width: 11px;
}
svg {
    overflow: hidden;
}
svg{
    vertical-align: middle;
}
.slide-contact-info-wrap .accordion-lists .cust-accordion:first-child {
    padding-top: 0;
}
.slide-contact-info-wrap .accordion-lists .cust-accordion {
    padding: 24px 0;
    position: relative;
}
.slide-contact-info-wrap .accordion-lists .cust-accordion .accordion-head {
    padding: 0 55px 0 34px;
    position: relative;
}
.slide-contact-info-wrap .accordion-lists .cust-accordion .accordion-head h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #233253;
    opacity: .5;
}.slide-contact-info-wrap .accordion-lists .cust-accordion.open .acc-arrow {
    right: 34px;
    top: 7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ed1c24;
    border-bottom: 7px solid transparent;
}
.slide-contact-info-wrap .accordion-lists .cust-accordion .accordion-content {
    padding-top: 8px;
}
.slide-contact-info-wrap .contact-lists li {
    padding: 16px 36px 16px 69px;
    position: relative;
    font-size: 12px;
    line-height: 14px;
    color: #233253;
    background: #fff;
}
.slide-contact-info-wrap .contact-lists li img {
    position: absolute;
    top: 25px;
    left: 37px;
    width: 20px;
}
.slide-contact-info-wrap .contact-lists li label {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #2c6698;
    margin-bottom: 8px;
    display: block;
}
.slide-contact-info-wrap .contact-lists li a {
    color: #233253;
}
.slide-contact-info-wrap .contact-lists li.call-req-box {
    background: #ebf5f9;
}
.slide-contact-info-wrap .slide-contact-info-btn {
    margin-top: 40px;
}
.slide-contact-info-wrap .slide-contact-info-btn a {
    width: 150px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}
.siteButton.outlinedBtn {
    background: transparent;
    color: #ed1c24;
    border-color: #ed1c24;
}
.slide-contact-info-wrap .accordion-lists .cust-accordion .acc-arrow {
    position: absolute;
    top: 2px;
    right: 36px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ed1c24
  }
.slide-contact-info-wrap .accordion-lists .cust-accordion.open .acc-arrow {
    right: 34px;
    top: 7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ed1c24
}
.siteSearchInput a svg path {
    fill: #fff;
}

/* Added by Komal */
.mobileHeader .hamMenuSection .hamQuickLinkSection h3 a.opened {
    background: #ed1c24;
    transform: rotate(180deg);
}

.mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink h3 a.opened path {
    stroke: #fff;
}

.mobileHeader .hamMenuSection .hamQuickLinkSection h3 a.opened path {
    stroke: #fff;
}

/* Added by Komal */
.hamQuickLinkSection .appDwnldForm.focused .formBtn button {
    background: #ed1c24 !important;
}

.checkAppLinkHeaderError {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ed1c24;
}
#justifySpaceBetween{
    justify-content: space-between !important;
}
.width100{
    width: 100% !important;
}
.widthAuto{
    width: auto !important;
}

.pwaSection{
    height: 70px;
    position: fixed;
    bottom: 0%;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    opacity: 1;
    box-shadow: 0px -2px 4px 0px rgb(0 0 0 / 10%);
    padding: 20px;
    z-index: 10000;
}

footer {
    background: #f0f2f2;
    padding: 80px 0 34px;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}
footer .footerMenu {
    border-top: 1px solid rgba(31, 34, 35, 0.1);
    border-bottom: 1px solid rgba(31, 34, 35, 0.1);
    margin: 0 0 54px;
}
footer .footerMenu ul {
    max-width: 1060px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer .footerMenu ul li {
    padding: 17px 0;
}
footer .footerMenu ul li a {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #1f2223;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
footer .footerMenu ul li a:hover {
    color: #ed1c24;
}
footer .footerMenu .footerLogo {
    display: none;
}
footer .wrapper.footerMenuSec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}
footer .wrapper.footerMenuSec .productMenuSec {
    flex: 1;
    /* margin-left: 48px; */
}
footer .wrapper.footerMenuSec .productMenuSec > h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #233253;
    /* margin-bottom: 15px; */
}
footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList {
    max-width: 23%;
    width: 100%;
}
footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #8a93a5;
    margin-bottom: 5px;
}
footer .wrapper.footerMenuSec .menuSecList {
    margin-bottom: 20px;
}
footer .wrapper.footerMenuSec .menuSecList h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #233253;
    /* margin-bottom: 15px; */
}
/* footer .wrapper.footerMenuSec .menuSecList ul li {
    margin-bottom: 5px;
} */
footer .wrapper.footerMenuSec .menuSecList ul li a {
    font-size: 11px;
    line-height: 15px;
    color: #1f2223;
    max-width: 60%;
    margin: auto;
}

footer .wrapper.footerMenuSec .menuSecList.open ul li a {
    color: #FF3E3E;
}

footer .wrapper.footerMenuSec .menuSecList ul li a:hover {
    color: #233253;
}
footer .wrapper.footerMenuSec .menuSecList > a {
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    color: #233253;
    text-transform: uppercase;
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
footer .wrapper.footerMenuSec .menuSecList > a:hover {
    margin-left: 5px;
    color: #FF3E3E;
}
footer .wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
footer .mobileFooterMenu {
    display: none;
}
footer .footerFormSec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 56px;
}
footer .footerFormSec h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #233253;
    margin-bottom: 12px;
}
footer .footerFormSec .appDwnldSec > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer .footerFormSec .appDwnldSec > div a svg path {
    transition: all 0.3s ease-in-out;
}
footer .footerFormSec .appDwnldSec > div a:hover svg path[fill="#808285"] {
    fill: #9fc037;
}
footer .footerFormSec .appDwnldSec > div a.appleIcon {
    margin: 0 17px 0 auto;
}
footer .footerFormSec .appDwnldSec > div a.appleIcon:hover svg path[fill="#808285"] {
    fill: #000;
}
footer .footerFormSec form {
    display: flex;
    flex-wrap: wrap;
}
footer .footerFormSec form input {
    width: 210px;
    line-height: 40px;
    padding: 0 15px;
    background: #dbdddd;
    border-radius: 4px 0 0 4px;
    border: 0;
    font-style: italic;
    font-weight: 300;
    line-height: 23px;
    color: #767676;
}
footer .footerFormSec form button,
footer .footerFormSec form input {
    height: 40px;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
footer .footerFormSec form button {
    line-height: 40px;
    padding: 0 17px;
    background: #808285;
    border-radius: 0 4px 4px 0;
    border: 0;
    font-weight: 600;
    color: #fff;
}
footer .footerFormSec form.focused input {
    background: #fff;
}
footer .footerFormSec form.focused button {
    background: #ed1c24;
}
footer .footerFormSec .stayConnectedSec > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
footer .footerFormSec .stayConnectedSec > div a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 500px;
    border: 1px solid #808285;
    /* margin-left: 10px; */
    background: transparent;
}
footer .footerFormSec .stayConnectedSec > div a,
footer .footerFormSec .stayConnectedSec > div a svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
footer .footerFormSec .stayConnectedSec > div a:first-child {
    margin-left: 0;
}
footer .footerFormSec .stayConnectedSec > div a.facebook:hover {
    background: #4867aa;
    border-color: #4867aa;
}
footer .footerFormSec .stayConnectedSec > div a.linkedin:hover {
    background: #0077b5;
    border-color: #0077b5;
}
footer .footerFormSec .stayConnectedSec > div a.twitter:hover {
    background: #50abf1;
    border-color: #50abf1;
}
footer .footerFormSec .stayConnectedSec > div a.youtube:hover {
    background: #fe0000;
    border-color: #fe0000;
}
footer .footerFormSec .stayConnectedSec > div a.instagram:hover {
    border-color: #f09433;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
}
footer .footerFormSec .stayConnectedSec > div a.slideshare:hover {
    background: #129494;
    border-color: #129494;
}
footer .footerFormSec .stayConnectedSec > div a:hover svg path {
    fill: #fff;
}
footer .mobileFooterInfo {
    display: none;
}
footer .footerInfo,
footer .footerInfo h4 {
    color: #1f2223;
    margin-bottom: 22px;
}
footer .footerInfo h4, footer .footerInfo h4 p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
}
footer .footerInfo h5 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
    font-weight: 400;
}
footer .footerInfo p {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 10px;
}
footer .bewareAlert div {
    background: #fff;
    padding: 18px 0;
    text-align: center;
    margin-bottom: 32px;
}
footer .bewareAlert div h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #1f2223;
    margin: 0 0 8px;
}
footer .bewareAlert div p {
    font-size: 12px;
    line-height: 15px;
    color: #1f2223;
    max-width: 60%;
    margin: auto;
}
footer .externalLinks h3 {
    font-size: 14px;
    line-height: 18px;
    color: #1f2223;
    margin: 0 0 5px;
    font-weight: 400;
}
footer .externalLinks nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
footer .externalLinks nav a {
    font-size: 10px;
    line-height: 13px;
    color: #1f2223;
    position: relative;
    padding: 0 14px 0 0;
}
footer .externalLinks nav a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 12px;
    background: #1f2223;
    margin-right: 7px;
}
footer .externalLinks nav a:last-child:before,
footer .footerViewMore {
    display: none;
}

@media screen and (max-width: 1024px) {
    footer {
        padding: 40px 0 56px;
    }
    footer .wrapper {
        width: 100%;
        padding: 0 24px;
    }
    footer .footerMenu {
        padding: 36px 38px 39px;
        margin-bottom: 0;
        display: flex;
    }
    footer .footerMenu ul {
        width: 100%;
        flex-direction: column;
    }
    footer .footerMenu ul li {
        padding: 0;
        margin: 0 0 18px;
    }
    footer .footerMenu ul li a {
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        color: #231f20;
    }
    footer .footerMenu ul li:last-child {
        margin-bottom: 0;
    }
    footer .footerMenu .footerLogo {
        display: block;
    }
    footer .wrapper.footerMenuSec {
        margin-bottom: 0;
    }
    footer .wrapper.footerMenuSec .productMenuSec {
        margin-left: 0;
        width: 100%;
    }
    footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList {
        max-width: 100%;
        width: 100%;
    }
    footer .wrapper.footerMenuSec .menuSecList {
        margin-bottom: 10px;
    }
    footer .footerFormSec {
        padding: 38px 38px 40px;
        flex-direction: column;
        margin: 0;
    }
    footer .footerFormSec .footerFormBlk {
        display: none;
    }
    footer .footerFormSec .stayUpdatedSec {
        display: block;
    }
    footer .footerFormSec h3 {
        font-size: 16px;
        margin-bottom: 16px;
    }
    footer .footerFormSec form input {
        height: 44px;
        line-height: 44px;
        width: 100% !important;
    }
    footer .footerFormSec form button {
        height: 44px;
        line-height: 44px;
        width: 30%;
    }
    footer .mobileFooterMenu {
        display: block;
        padding: 0 0px 30px;
    }
    footer .mobileFooterMenu ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    footer .mobileFooterMenu ul li a {
        font-size: 12px;
        line-height: 18px;
        color: #231f20;
    }
    footer .externalLinks,
    footer .footerInfo {
        display: none;
    }
    footer .mobileFooterInfo {
        display: block;
        padding: 0 0 15px;
    }
    footer .mobileFooterInfo h4 {
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        color: #666;
        margin: 0 0 15px;
    }
    
    footer .mobileFooterInfo h4 a{
        font-size:12px;
        color:#007bff;
    }
    /* footer .bewareAlert {
        padding: 0 24px;
    } */
    footer .bewareAlert div {
        padding: 0 9px;
    }
    footer .bewareAlert div h3 {
        font-size: 13px;
        margin: 0 0 11px;
    }
    footer .bewareAlert div p {
        font-size: 11px;
        max-width: 100%;
    }
    footer .footerViewMore {
        display: block;
        text-align: center;
        /* padding: 0 38px; */
    }
    footer .footerViewMore .viewMoreBtn {
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        color: #233253;
        text-transform: uppercase;
    }
    .viewMoreBtn span {
        display: inline-flex;
        position: relative;
        top: 1px;
        margin-left: 8px;
    }
}

@media screen and (min-width: 100px) and (max-width: 1023px) {
    footer .footerMenuSec>.menuSecList>h3:after{
        position: absolute;
        width: 20px;
        height: 20px;
        content: "";
        background: url(../../../content/dam/hdfclifeinsurancecompany/images/home-images/dd-arrow.png) no-repeat;
        left: 0;
        top: -5px;
        transform: rotate(-90deg);
        background-size: 60%;
    }
    footer .footerMenuSec>.menuSecList ul {
        display: none;
        padding-left: 20px;
    }
    footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp {
        display: none;
        padding-left: 20px;
    }
    footer .footerMenuSec>.menuSecList>h3, footer .footerMenuSec>.productMenuSec>h3 {
        position: relative;
        padding-left: 18px;
    }
    footer .footerMenuSec>.menuSecList>h3:after, footer .footerMenuSec>.productMenuSec>h3:after {
        position: absolute;
        width: 20px;
        height: 20px;
        content: "";
        background: url(../../../content/dam/hdfclifeinsurancecompany/images/home-images/dd-arrow.png) no-repeat;
        left: 0;
        top: -5px;
        transform: rotate(-90deg);
        background-size: 60%;
    }
    footer .footerMenuSec>.menuSecList>h3, footer .footerMenuSec>.productMenuSec>h3 {
        position: relative;
        padding-left: 18px;
    }
    footer .footerMenuSec>.menuSecList .productMenuWrp .menuSecList>h3:after, footer .footerMenuSec>.productMenuSec .productMenuWrp .menuSecList>h3:after {
        position: absolute;
        width: 20px;
        height: 20px;
        content: "";
        background: url(../../../content/dam/hdfclifeinsurancecompany/images/home-images/dd-arrow.png) no-repeat;
        left: 0;
        top: -5px;
        transform: rotate(-90deg);
        background-size: 50%;
    }
    footer .footerMenuSec>.menuSecList .productMenuWrp .menuSecList>h3, footer .footerMenuSec>.productMenuSec .productMenuWrp .menuSecList>h3 {
        position: relative;
        padding-left: 15px;
    }


    footer .footerMenuSec>.menuSecList.open h3:after, 
    footer .footerMenuSec>.productMenuSec.open h3:after {
        transform: none;
        top: 5px;
    }
}


  use:nth-child(2) {
    transform: translate(20px);
  }
  use:nth-child(3) {
    transform: translate(40px);
  }
  use:nth-child(4) {
    transform: translate(60px);
  }
  use:nth-child(5) {
    transform: translate(80px);
  }
  .rating {
    display: inline-block;
    height: 25px;
    margin: 0 auto;
    width: 100px;
  }
  .products-wrapper .downloads-section .rating-wrapper{
    align-items: flex-start !important;
  }
  
.autoEmailSuggestionList {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  margin-top: 15px;
  margin-left: 0px !important;
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  list-style: none;
  /* max-height: 170px;
    min-height: 30px;
    height: auto;
    overflow-y: auto; */
  z-index: 99999 !important;
}

.autoEmailSuggestionList .emailSuggestionListItem {
  color: #000000;
  padding: 4px 10px;
  margin: 0;
  margin-top: 5px;
  cursor: pointer;
  width: 100%;
  float: none;
  list-style: none;
  text-align: left;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}

.highlighted {
  color: white !important;
  background-color: #3d6d8f;
}

.suggestion-end {
  background: rgba(255, 255, 7, 0.555);
}

.font-w-500 {
  font-weight: 500;
}

.font-w-600 {
  font-weight: 600;
}

.font-w-700 {
  font-weight: 700;
}

.button-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}

.solid-red-button {
  width: max-content;
  background: #ed1c24;
  border: 1px solid #ed1c24;
  color: #fff;
  padding: 5px 20px;
  border-radius: 4px;
  text-align: center;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  outline: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.border-red-button {
  width: max-content;
  background: #ffffff;
  border: 1px solid #ed1c24;
  color: #ed1c24;
  padding: 5px 20px;
  border-radius: 4px;
  text-align: center;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  outline: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.solid-red-button:hover {
  color: #ffffff;
  box-shadow: rgba(228, 24, 32, 0.4) 0px 5px 7px;
}

.border-red-button:hover {
  color: #ed1c24;
  box-shadow: rgba(228, 24, 32, 0.4) 0px 5px 7px;
}

.scrollar-bar::-webkit-scrollbar {
  height: 8px;
}

.scrollar-bar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px #00000040;
}

.scrollar-bar::-webkit-scrollbar-thumb {
  background: #547ED4;
  border-radius: 10px;
}

.error-text {
  font-size: 11px;
  font-weight: 400;
  line-height: 32px;
  color: #ed1c24;
}

.disclaimer {
  font-size: 10px;
  line-height: 12px;
  color: #454545;
  font-weight: 300;
}

.video-container--RT {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  cursor: pointer;
}

.video-container--RT .video-thumbnail,
.video-container--RT iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-container--RT .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  color: rgba(255, 255, 255, 0.9);
  pointer-events: none;
  z-index: 3;
}
/* Marquee container */
.marquee {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 21px;
    display: flex;
    align-items: center;
    contain: layout paint size;
}

/* Moving track */
.marquee-track {
    position: absolute;
    white-space: nowrap;

    /* GPU optimization */
    will-change: transform;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;

    font-size: 14px;
    line-height: 21px;
    color: #fff;
    font-weight: 400;
    padding-left: 20px;
}
.new-hdfc-life-insurance-header .headerContactIcon .contactInfoPopOver .contactInfoSection ul li p a{
    cursor: pointer;
}
.new-hdfc-life-insurance-header .headerContactIcon .contactInfoPopOver{
    width: auto;
    display: block;
    grid-template: unset;
    grid-column-gap: unset;
    padding: 26px 20px;
    right: 58px;
}

.new-hdfc-life-insurance-header .contactInfoSection{
    padding-right: 14px;
    border-right: 1px solid #919191;
}
.new-hdfc-life-insurance-header .headerContactIcon .contactInfoPopOver .contactInfoSection ul li p{
    margin-bottom: 0 !important;
}

.new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .menuslideList {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1366px) {
    .new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .slider-container {
        scrollbar-width: unset;
        scrollbar-color: unset;
    }
    
    .new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec::-webkit-scrollbar {
        width: 6px;
    }
    
    .new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec::-webkit-scrollbar-track {
        background: #C0E3FF;
        border-radius: 10px;
    }
    
    .new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec::-webkit-scrollbar-thumb {
        background: #547ED4;
        border-radius: 10px;
    }
    
    .new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec::-webkit-scrollbar-thumb:hover {
        background: #3F66C4;
    }

    .new-hdfc-life-insurance-header .headerHamburgerMenu .hamMenuWrp::-webkit-scrollbar {
        width: 6px;
    }
    
    .new-hdfc-life-insurance-header  .headerHamburgerMenu .hamMenuWrp::-webkit-scrollbar-track {
        background: #C0E3FF;
        border-radius: 10px;
    }
    
    .new-hdfc-life-insurance-header  .headerHamburgerMenu .hamMenuWrp::-webkit-scrollbar-thumb {
        background: #547ED4;
        border-radius: 10px;
    }
    
    .new-hdfc-life-insurance-header  .headerHamburgerMenu .hamMenuWrp::-webkit-scrollbar-thumb:hover {
        background: #3F66C4;
    }
}

.hamMenuWrp .hamMenuInnerWrp .hamMenuSection nav ul li > span {
    font-size: 9px;
    line-height: 14px;
    border: 1px solid #ed1c24;
    border-radius: 20px;
    padding: 1px 8px;
    color: #ed1c24;
    margin-left: 5px;
    display: inline-block;
    text-transform: capitalize;
}

.new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .swiffy-slider button{
    width: 40px;
    height: 40px;
    visibility: visible;
    margin: auto 0;
    top: 0;
    padding: 0 0;
    opacity: 1;
    filter: unset;
    -webkit-filter: unset;
    border-radius: 20px;
    animation: swiffy-nav-pulse 1.5s 55 ease-out;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

.new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .swiffy-slider button::before, .new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .swiffy-slider button::after{
    width: unset;
    height: unset;
}

.new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .swiffy-slider button img{
    width: 40px;
    height: auto;
}

.new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .swiffy-slider button.prevBtn{
    left: -20px;
}

.new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .swiffy-slider button.active{
    display: block;
}

.new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .swiffy-slider button.swiper-button-disabled{
    box-shadow: none;
    cursor: auto;
    pointer-events: none;
    filter: grayscale(100%);
    opacity: .45;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}

.new-hdfc-life-insurance-header .contactInfoSection:last-child{
    padding-right: 0;
    border-right: none;
}

.new-hdfc-life-insurance-header .menu-alert p{
    color: red;
    font-size: 14px;
    margin-top: -20px;
    margin-bottom: 15px
}

.new-hdfc-life-insurance-header .contactInfoSection:first-child hr:nth-child(4){
    display: none;
}

.new-hdfc-life-insurance-header .contactInfoSection:last-child ul:nth-child(3){
    margin-bottom: 43px;
}
    .new-hdfc-life-insurance-header .contactInfoPopOver .scroll-adjust1{
    width: 775px;
    overflow-x: scroll;
}

.new-hdfc-life-insurance-header .contactInfoPopOver .scroll-adjust1 .scroll-adjust{
    width: auto;
    display: grid;
    grid-template: auto auto auto/1fr 1fr 1fr;
    grid-column-gap: 10px;
}

.new-hdfc-life-insurance-header .contactInfoPopOver .scroll-adjust1 .scroll-adjust .mCSB_inside>.mCSB_container{
    margin-right: 20px;
}

span.countStars{
    display: inline-block;
    margin-left: 10px;
    color: #233253;
    font-size: 11px;
    line-height: 22px;
    margin-top: 0;
}

.new-hdfc-life-insurance-header .blurOverlayBg{
    z-index: 999;
}

.new-hdfc-life-insurance-header .siteButton.outlinedBtn, .new-hdfc-life-insurance-header .headerBtnWrp .payPremiumBtn{
    text-decoration: none;
}

.hamMenuWrp .hamMenuInnerWrp .hamMenuSection .hamMenuIcon img{
    width: auto;
    height: auto;
}

.new-hdfc-life-insurance-header .headerContactIcon .pulse{
    padding: 0;
}

.megaMenuSec .keyFeatureSec .ratingStarWrap{
    flex-direction: row;
}

.new-hdfc-life-insurance-header .hamMenuIcon{
    width: 78px;
    height: auto;
}

.new-hdfc-life-insurance-header .deskTopHeaderWrap .megaMenuSec .keyFeatureSec .featureBtn .siteButton{
    font-size: 11px !important;
}


/* Without Bootstrap Code Started */

.new-hdfc-life-insurance-header .deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul, .new-hdfc-life-insurance-header .megaMenuSec .megaMenuLinkSec .menuLinkInner ul, .new-hdfc-life-insurance-header .megaMenuSec .keyFeatureSec .featureLists, .new-hdfc-life-insurance-header .mCustomScrollBox .contactInfoSection ul, .new-hdfc-life-insurance-header .headerHamburgerMenu .hamMenuWrp .hamMenuSection nav ul, .new-hdfc-life-insurance-header .headerHamburgerMenu .hamMenuWrp .quickLinkSection nav ul, .new-hdfc-life-insurance-header .mobileHeader .accountButton .accountDropDown ul, .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection nav ul{
    list-style-type: none;
}
.megaMenuSec .megaMenuLinkSec .menuLinkInner ul, .megaMenuSec .keyFeatureSec .featureLists, .new-hdfc-life-insurance-header .mCustomScrollBox .contactInfoSection ul, .new-hdfc-life-insurance-header .headerHamburgerMenu .hamMenuWrp .hamMenuSection nav ul, .new-hdfc-life-insurance-header .headerHamburgerMenu .hamMenuWrp .quickLinkSection nav ul, .new-hdfc-life-insurance-header .mobileHeader .accountButton .accountDropDown ul, .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection nav ul{
    padding-inline-start: 0;
}

.new-hdfc-life-insurance-header .headerHamburgerMenu{
    background: #fff;
    width: 60px;
    border-right: 1px solid #f9f9f9;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    cursor: pointer;
}

.new-hdfc-life-insurance-header .headerHamburgerMenu>a,
.new-hdfc-life-insurance-header .headerHamburgerMenu>button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    padding-left: 5px;
}

.homepage{
    margin: 0;
}

.new-hdfc-life-insurance-header .contactInfoSection h5{
    font-weight: 500;
    line-height: 15.6px;
}

.new-hdfc-life-insurance-header .mCSB_1 .mCSB_container{
    top: -1px !important;
}

.appDownloadForm p, .mobileHeader .mobPlanMenuAccordCont p{
    line-height: 1.5;
}

.new-hdfc-life-insurance-header .deskTopHeader, .new-hdfc-life-insurance-header .mobileHeader{
	z-index : 999;
}

/* Satish Newly added for megamenu hover condition*/
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar  ul li:hover .megaMenuSec{
    /* top: 100%; */
    opacity: 1;
    visibility: visible;
    box-shadow: 0 -1px 5px 0 #e3e3e3;
    -webkit-box-shadow: 0 -1px 5px 0 hsla(0, 0%, 89%, .75);
    -moz-box-shadow: 0 -1px 5px 0 hsla(0, 0%, 89%, .75); }

.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar ul li:hover .caretIcon svg
{transform: rotate(180deg); color: #ed1c24;}

.megaMenuSec .megaMenuLinkSec{height: fit-content !important;padding-top: 20px;}
.hamMenuWrp{z-index: 9999 !important}
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar ul li:hover a.megaMenuLink{color:#ed1c24 !important;}

.new-hdfc-life-insurance-header .megaMenuSec {
    padding: 21px 50px 60px;
    display: grid;
    grid-template-columns: 1fr 325px;
    grid-column-gap: 40px;
    position: absolute;
    background-color: #fff;
    z-index: 99999;
    top: 100%;
    left: -1px;
    width: calc(100% + 1px);
    height: auto;
    min-height: 600px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-height: 90vh;
    overflow-y: scroll;
}
/* Satish Newly added for megamenu hover condition*/

/* Satish Newly added for megamenu hover condition*/
.megaMenuSec.arw .arrowUp{
    position: absolute;
    left: 42%;
    top: -20px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/top-arrow.png) no-repeat -6px 0;
    border: 0;
    width: 58px;
    height: 20px;
}

.megaMenuSec.arw1 .arrowUp{
    position: absolute;
    left: 33%;
    top: -20px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/top-arrow.png) no-repeat -6px 0;
    border: 0;
    width: 58px;
    height: 20px;
}
.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar ul li:hover .caretIcon svg path {
    stroke: #ed1c24;
}


.new-hdfc-life-insurance-header .swiffy-slider .slider-container {
    margin-left: 42px;
}
/*.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li:hover .megaMenuSec.arw1 .arrowUp {
    position: absolute;
    left: 33%;
    top: -20px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/top-arrow.png) no-repeat -6px 0;
    border: 0;
    width: 58px;
    height: 20px;
}*/
/* Satish Newly added for megamenu hover condition*/

.new-hdfc-life-insurance-header .megaMenuSec .keyFeatureSec {
    margin-top: 0;
    margin-bottom: 20px;
}

.new-hdfc-life-insurance-header .productListDisclaimer p{
    margin-bottom: 0 !important;
}

.new-hdfc-life-insurance-header .headerLoginIcon, .new-hdfc-life-insurance-header .headerContactIcon{
    margin: 0 11px;
}

.new-hdfc-life-insurance-header .headerLoginIcon .accountDropDown{
    background: #fff;
    border-radius: 8px;
    width: 345px;
    padding: 25px 0;
    position: absolute;
    top: 100px;
    right: 60px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99;
}

.new-hdfc-life-insurance-header .headerLoginIcon .accountDropDown.opened {
    top: -68px;
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}

.new-hdfc-life-insurance-header .headerLoginIcon .accountDropDown .arrowUp {
    position: absolute;
    top: 82px;
    right: -15px;
    transform: rotate(90deg);
}

.new-hdfc-life-insurance-header .headerContactIcon .contactInfoPopOver.opened {
    top: -125px;
    opacity: 1;
    visibility: visible;
    right: 60px;
}

.new-hdfc-life-insurance-header .headerContactIcon .contactInfoPopOver .arrowUp {
    position: absolute;
    right: -15px;
    top: 140px;
    transform: rotate(90deg);
}
.new-hdfc-life-insurance-header .siteSearchInput.expand div.siteSearchForm {
    width: 720px;
    overflow: visible;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.new-hdfc-life-insurance-header div.siteSearchForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    overflow: hidden;
}

.new-hdfc-life-insurance-header div.siteSearchForm .searchSelect ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #fff;
    border-radius: 8px;
    width: 69%;
    left: 0;
    top: 60px;
    z-index: 99;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.new-hdfc-life-insurance-header .searchSelectOption-container.opened .searchSelectOption {
    opacity: 1;
    visibility: visible;
    top: 41px;
    z-index: 99999;
}
.new-hdfc-life-insurance-header div.siteSearchForm .searchInput{
    width: 75%;
    position: relative;
}

.new-hdfc-life-insurance-header div.siteSearchForm .searchSelect {
    width: 25%;
    position: relative;
}
.new-hdfc-life-insurance-header .rightmenubar{
    position: absolute;
    right: 0;
    top: auto;
    background: white;
    border-radius: 0 0 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 15px 5px;
    box-shadow: 0px 5px 6px gray;
    gap: 20px;
    z-index: 9999;
}

.new-hdfc-life-insurance-header .siteSearchForm .searchSelect ul li:first-child:hover{
    border-radius: 10px 10px 0 0;
}
.new-hdfc-life-insurance-header .siteSearchForm .searchSelect ul li:last-child:hover{
    border-radius: 0 0 10px 10px;
}

.new-hdfc-life-insurance-header .hamMenuWrp .quickLinkSection nav ul li{
    width: 70%;
}
/* Without Bootstrap code end */

@media screen and (min-width: 1160px) and (max-width: 1361px) {
    .new-hdfc-life-insurance-header .deskTopHeader .deskTopHeaderWrap .headerWrap {
        padding-left: 20px;
    }

    .new-hdfc-life-insurance-header .hamMenuWrp .hamMenuInnerWrp{
        padding: 10px 72px;
    }

    .new-hdfc-life-insurance-header .deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li>a {
        font-size: 12px !important;
    }
    .new-hdfc-life-insurance-header .siteButton{
        padding: 5px 10px;
    }
    .new-hdfc-life-insurance-header .headerBtnWrp {
        padding-left: 20px;
    }
}

.deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li {
    padding: 0 5px !important;
}

@media screen and (max-width: 1920px) and (min-width: 1280px) {
    .deskTopHeader .deskTopHeaderWrap .headerWrap nav.site_navBar>ul>li {
        padding: 0 16px !important;
    }
}

@media only screen and (max-width: 768px){
    span.countStars{
        margin-left: 0;
    }
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec{
        width : 129px;
        height: 34px;
    }
    .mobileHeader .hamMenuSection .subMenuSection nav>ul{
        margin-bottom: 24px;
    }
    .mobileHeader .hamMenuSection .subMenuSection nav>ul:last-child{
        margin-bottom: 52px;
    }
}
@media screen and (max-width: 480px){
ul.hamMenuList .menuBullet{
    float: right;
}
}

/* button padding reduced start */

.new-hdfc-life-insurance-header .headerBtnWrp .siteButton{
    padding: 5px 10px;
}

/* button padding reduced end */

/* swiffy nav blink animation start */

@keyframes swiffy-nav-pulse {
    1% {
        -moz-box-shadow: 0 0 0 0 rgba(237,28,36,0.4);
        box-shadow: 0 0 0 0 rgba(237,28,36,0.4);
        /* background: #ed1c24 url("../components/structure/content/dam/hdfclifeinsurancecompany/white.svg") no-repeat center center */
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(237,28,36,0);
        box-shadow: 0 0 0 10px rgba(237,28,36,0);
        /* background: #fff url("../components/structure/content/dam/hdfclifeinsurancecompany/red.svg") no-repeat center center */
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(237,28,36,0);
        box-shadow: 0 0 0 0 rgba(237,28,36,0);
        /* background: #fff url("../components/structure/content/dam/hdfclifeinsurancecompany/red.svg") no-repeat center center */
    }
}

/* swiffy nav blink animation end */
/* Header hindi dropdown START*/
.site_navBar .megaMenuSec .megaMenuLinkSec .menuLinkInner h3 a{
    line-height: 20px;
}
/* Header hindi dropdown END*/
/* 28658 - Add Ulip Sub- Copy START */
.new-hdfc-life-insurance-header .offertext{
    position: absolute;
    top: -1px;
    right: -1px;
    width: max-content;
    background: #98d8e8;
    padding: 2px 22px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-weight: 500;
    color: #000;
    border-radius: 2px;
    border-radius: 0 0 0 19px;
}
.new-hdfc-life-insurance-header .megaMenuSec .keyFeatureSec{
    padding: 40px 20px 10px 20px;
}
.new-hdfc-life-insurance-header .keyFeatureSec .p-mod {
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
    color: #444;
    padding-bottom: 12px;
    margin-top: -7px;
}
.new-hdfc-life-insurance-header .megaMenuSec .keyFeatureSec .featureLists{
    max-height: 150px;
    overflow-y: scroll;
    margin-top: 6px;
}
.new-hdfc-life-insurance-header .megaMenuSec .keyFeatureSec .featureLists li p,
.new-hdfc-life-insurance-header .keyFeatureSec .p-mod,
.new-hdfc-life-insurance-header .deskTopHeader .headerWrap .navBarWrap nav ul li .keyFeatureSec h4 p {
    margin-bottom: unset !important;
}
/* 28658 - Add Ulip Sub- Copy END */

/* 29219 - new card UI START */


.new-hdfc-life-insurance-header .text-red{color: #ED1C24;}
.new-hdfc-life-insurance-header .card-main{
    background: #eff9ff;
    /* margin-top: 50px; */
    border: 1px solid #7bc0ee;
    border-radius: 6px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
    position: relative;
    text-align:center;
}

.new-hdfc-life-insurance-header .get-now,
.new-hdfc-life-insurance-header .get-now:hover,
.new-hdfc-life-insurance-header .get-now:visited{
    background-color: #ED1C24;
    border-radius: 0 0 4px 4px;
    color: #fff;
    padding: 3px 15px;
    position: absolute;
    bottom: -27px;
    left: 27%;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

.new-hdfc-life-insurance-header .get-now img{margin-right: 8px}

    .new-hdfc-life-insurance-header .discount-badge,
    .new-hdfc-life-insurance-header .discount-badge:hover,
    .new-hdfc-life-insurance-header .discount-badge:visited{background: #005E9E;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
        color: #EEF8FF;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; 
        padding: 6px 10px;
        border-radius: 0px 0px 6px 6px;
        display: -webkit-inline-box;
        text-decoration: none;
        /* margin: 0 15px 0 15px; */
        }

        .new-hdfc-life-insurance-header .card-top{
        margin: 15px 15px;
    }

    .new-hdfc-life-insurance-header .card-top p{
        color: #59647D;
        font-size: 15px;
        font-weight: 500;
        line-height: 21px;
        margin-top: 0.25rem;
        margin-bottom: 0;
    }


    .new-hdfc-life-insurance-header .prod-name {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: #005e9e;
        margin-bottom: 7px;
    }

    .new-hdfc-life-insurance-header .card-middle{
        margin: 4px 15px 10px 15px;
        text-align: left;
        display: inline-block;
        width: -webkit-fill-available;
        border-bottom: 1px dashed #41A4E7;
        border-top: 1px dashed #41A4E7;
        padding-top: 10px;
    }


.new-hdfc-life-insurance-header .key-features  {
    text-transform: uppercase;
    border: 1px solid #71c2fa;
    padding: 4px 6px;
    background: #fff;
    border-radius: 50px;
    color: #005E9E;
    font-weight: 700;
    display: inline-flex;
    margin-bottom: 10px;
}

.new-hdfc-life-insurance-header .key-features img{
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.new-hdfc-life-insurance-header .card-list{
    list-style: none;
    padding: 0;
    width: 95%;
    height: 125px;
    overflow-y: auto;
    /* margin-bottom: 16px; */
}

.new-hdfc-life-insurance-header .card-list img{
    background-color: #ED1C24;
    padding: 3px 4px;
    border-radius: 20px;
    margin: 0 auto;
    display: inline-block;
    float: left;

}

.new-hdfc-life-insurance-header .card-list li{margin-bottom: 10px;
    display: flow-root;}

.new-hdfc-life-insurance-header .card-list span{
    float: left;
    width: 90%;
    margin-top: -4px;
    margin-left: 8px;
    font-size: 14px;
}


.new-hdfc-life-insurance-header .card-bottom{
    margin: 0 10px;
    padding-bottom: 10px;}

.new-hdfc-life-insurance-header .red-btn {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 5px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.new-hdfc-life-insurance-header .red-btn:hover {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 5px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    box-shadow: 0 8px 12px rgba(237,28,36,.2)
}


.new-hdfc-life-insurance-header .white-btn{
    background: #fff;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    padding: 5px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 500;
    margin-left: 15px;
    font-size: 14px;
}


.new-hdfc-life-insurance-header .white-btn:hover{
    background: #fff;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    padding: 5px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 8px 12px rgba(237,28,36,.2);
    margin-left: 15px;
}

.new-hdfc-life-insurance-header .bottom-copy{
    color: #474747;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    text-align: left;
    margin-top: 10px;
}


.new-hdfc-life-insurance-header .card-buttons{
display: flex;
justify-content: center;
align-items: center;

}

.new-hdfc-life-insurance-header .font-10{font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -10px;}

/* width */
.new-hdfc-life-insurance-header .card-list::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  .new-hdfc-life-insurance-header .card-list::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  .new-hdfc-life-insurance-header .card-list::-webkit-scrollbar-thumb {
    background: #ccc;
  }

  /* Handle on hover */
  .new-hdfc-life-insurance-header .card-list::-webkit-scrollbar-thumb:hover {
    background: #005e9e;
  }

/* animation code start */

@keyframes blink {  
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
  }
  @-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3;}
    100% { opacity: 1; }
  }

  .new-hdfc-life-insurance-header .blink {
    -webkit-animation: blink 1.8s linear infinite;
    -moz-animation: blink 1.8s linear infinite;
    animation: blink 1.8s linear infinite;
  } 

@keyframes shaking {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(10deg); }
    50% { transform: rotate(0eg); transform: scale(1.2);}
    75% { transform: rotate(-10deg); }
    100% { transform: rotate(0deg) ; transform: scale(1.3);}
  }

  .new-hdfc-life-insurance-header .shaking {
    -webkit-animation: shaking 1.5s linear infinite;
    -moz-animation: shaking 1.5s linear infinite;
    animation: shaking 1.5s linear infinite;
  } 
  @keyframes bg-change {  
    0% { background-color: #005E9E; }
    50% { background-color: #ed1c24; }
    100% { background-color: #005E9E; }
  }
  @-webkit-keyframes bg-change {
    0% { background-color: #005E9E; }
    50% { background-color: #ed1c24; }
    100% { background-color: #005E9E; }
  }
  .new-hdfc-life-insurance-header .bg-change {
    -webkit-animation: bg-change .8s linear infinite;
    -moz-animation: bg-change .8s linear infinite;
    animation: bg-change .8s linear infinite;
  } 
/* animation code end */

/* Media query start */

@media screen and (max-width: 1159px) {
    .new-hdfc-life-insurance-header .deskTopHeader {
        display: none;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown.opened {
        margin: 17px auto 0;
        opacity: 1;
        visibility: visible;
    }

    .new-hdfc-life-insurance-header .mobileHeader {
        display: block;
        background: #fff;
        padding: 15px 25px;
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .logo img, .new-hdfc-life-insurance-header .logoSection .logo img {
        width: 100px;
        height: auto;
    }

    .new-hdfc-life-insurance-header .langSwitch {
        margin-left: 23px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec {
        margin-left: auto;
        display: flex;
        flex-wrap: wrap;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .searchButton {
        margin-right: 13px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .searchButton button,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .searchButton a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 5px 20px rgba(90,90,90,0.2);
        border: none;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton {
        margin-right: 13px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton>button,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton>a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 5px 20px rgba(90,90,90,0.2);
        border: none;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown {
        background: #fff;
        border-radius: 8px;
        width: 90%;
        padding: 25px 0;
        position: fixed;
        left: 0;
        right: 0;
        margin: 100px auto 0;
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>p,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>a {
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #2c6698;
        padding: 16px 62px;
        margin-bottom: 0px !important;
        display: block;
        position: relative;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>p:before,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>a:before {
        content: "";
        position: absolute;
        width: 280px;
        height: 1px;
        background: rgba(0,0,0,0.08);
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li:last-child>p:before {
        content: unset;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li:first-child .menuIcon {
        top: 13px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>p .menuIcon,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>a .menuIcon {
        left: 30px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>p span,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>a span {
        position: absolute;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>p .dropIcon,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>a .dropIcon {
        right: 37px;
    }
    
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>p span,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>a span {
        position: absolute;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>p .dropIcon svg,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li>a .dropIcon svg {
        -webkit-transition: transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out;
        -ms-transition: transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transform: rotate(0);
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li ul {
        background: #fff;
        display: none;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li ul:last-child p,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li ul:last-child a {
        border-bottom: 0;
    }
    
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li ul li p,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .accountButton .accountDropDown>ul>li ul li a {
        font-size: 12px;
        line-height: 14px;
        color: #233253;
        display: block;
        padding: 16px 35px 16px 60px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        position: relative;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .hamBurgerMenu {
        width: 35px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .hamBurgerMenu>button,
    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .mobHeaderBtnSec .hamBurgerMenu>a {
        background-color: transparent;
        border: 0;
        cursor: pointer;
        padding: 0;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection.opened {
        left: 0;
    }
    
    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection {
        position: fixed;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        -webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -ms-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease;
        z-index: 999;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .logoSection {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 55px 24px 20px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .logo img, .logoSection .logo img {
        width: 65px;
        height: 45px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamBtnSection {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 24px 40px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamBtnSection a {
        width: 48%;
        text-align: center;
        padding: 5px 8px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks {
        padding: 0 24px 48px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks h3, .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li {
        margin-bottom: 24px;
    }
    
    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection h3 {
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: #9198a9;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks h3, .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li {
        margin-bottom: 24px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li>a, .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li>span>a {
        font-weight: 500;
        font-size: 15px;
        line-height: 15px;
        color: #2c6698;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .subMenuSection {
        position: fixed;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        z-index: 9;
        padding: 0 0 50px;
        -webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -ms-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li:last-child {
        margin: 0;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .subMenuSection nav>ul {
        margin-bottom: 24px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .subMenuSection.opened {
        left: 0;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .logoSection {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 55px 24px 20px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .mobHeaderWrap .logo img, .new-hdfc-life-insurance-header .logoSection .logo img {
        width: 100px;
        height: auto;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .subMenuSection .subMenuBC {
        margin: 0 0 40px;
        padding: 0 24px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .subMenuSection .subMenuBC button,
    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .subMenuSection .subMenuBC a {
        font-size: 13px;
        line-height: 22px;
        color: #233253;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .subMenuSection nav {
        padding: 0 24px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li>a, .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li>span>a {
        font-weight: 500;
        font-size: 15px;
        line-height: 15px;
        color: #2c6698;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li>a svg {
        float: right;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li>a.opened svg {
        transform: rotate(90deg);
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li>a svg {
        width: 12px;
        height: 13px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li ul.hamSubMenu {
        display: none;
        padding: 10px 10px 0 17px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li ul.hamSubMenu li {
        margin-bottom: 5px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li ul.hamSubMenu li a {
        font-size: 13px;
        line-height: 22px;
        color: #233253;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuLinks nav>ul>li ul.hamSubMenu li:last-child {
        margin: 0;
    }

    .new-hdfc-life-insurance-header .mobileSeeMore .moreMenuLink {
        font-size: 11px !important;
        font-weight: bold;
        margin-top: 9px;
        display: block;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamQuickLinkSection {
        background: #ebf5f9;
        padding: 40px 24px 60px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink {
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink h3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 25px;
    }
    
    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection h3 {
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: #9198a9;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink nav {
        padding: 0 0 32px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink nav ul li {
        margin-bottom: 24px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamQuickLinkSection .hamQuickLink nav ul li a {
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #2c6698;
    }

    .new-hdfc-life-insurance-header .mwlinks {
        padding-top: 10px;
        font-style: normal;
        font-size: 13px;
        line-height: 14px;
        font-weight: 500;
        padding-bottom: 15px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .appDwnldForm h3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 17px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .appDwnldForm .formInput {
        margin-bottom: 18px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .appDwnldForm .formInput input {
        width: 100%;
        background: #fff;
        border-radius: 4px;
        height: 44px;
        line-height: 44px;
        border: 0;
        padding: 0 14px;
        font-style: italic;
        font-weight: 300;
        font-size: 12px;
        line-height: 23px;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .appDwnldForm .formBtn {
        display: flex;
        flex-wrap: wrap;
    }

    .new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .appDwnldForm .formBtn button {
        background: #767676;
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        padding: 8px 16px;
        border-radius: 4px;
        border: 0;
    }

    .new-hdfc-life-insurance-header .mobHeaderSearchWrp {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
        -webkit-backdrop-filter: blur(10px);
        -moz-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        padding: 105px 24px 0;
        background-color: rgb(129 129 129 / 30%);
    }

    .new-hdfc-life-insurance-header .mobHeaderSearchWrp .mobHeaderSearchOverlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .new-hdfc-life-insurance-header .mobHeaderSearchWrp a.mobSearchClose {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 34px;
        right: 24px;
        background: #fff;
        box-shadow: 0 12px 34px rgba(0,0,0,0.19);
    }

    .new-hdfc-life-insurance-header .mobHeaderSearchWrp div.siteSearchForm {
        width: 100%;
        position: static;
        overflow: visible;
    }

    .new-hdfc-life-insurance-header .mobHeaderSearchWrp div.siteSearchForm .searchInput {
        width: 68%;
    }

    .new-hdfc-life-insurance-header .mobileHeader div.siteSearchForm .searchInput .searchIcon {
        top: 7px;
    }

    .new-hdfc-life-insurance-header .mobileHeader div.siteSearchForm .searchInput input, .new-hdfc-life-insurance-header .mobileHeader div.siteSearchForm .searchSelect .searchSelectBox {
        height: 38px;
        line-height: 38px;
    }

    .new-hdfc-life-insurance-header .mobHeaderSearchWrp div.siteSearchForm .searchSelect {
        width: 32%;
    }

    .new-hdfc-life-insurance-header .mobileHeader .searchSelect .siteButton {
        padding: 8px 20px 8px 15px;
        border-radius: 0 20px 20px 0;
    }

}

@media screen and (max-width: 1159px) and (min-width: 768px)  {
    .new-hdfc-life-insurance-header .card-dektop-only{display: none;}
    .new-hdfc-life-insurance-header .card-buttons{flex-direction: column;}
    .new-hdfc-life-insurance-header .white-btn,
    .new-hdfc-life-insurance-header .white-btn:hover{margin-left: 0;margin-top: 15px;} 
    .new-hdfc-life-insurance-header .get-now, 
    .new-hdfc-life-insurance-header .get-now:hover,
    .new-hdfc-life-insurance-header  .get-now:visited{bottom: -30px;
        left: 22%;}
    
}

@media screen and (max-width:820px){
    .new-hdfc-life-insurance-header .get-now,
    .new-hdfc-life-insurance-header .get-now:hover,
    .new-hdfc-life-insurance-header .get-now:visited {
        bottom: -32px;
        left: 10%;
    }
}

@media screen and (max-width:480px)  {
    .new-hdfc-life-insurance-header .card-buttons{flex-direction: column;}
    .new-hdfc-life-insurance-header .white-btn,
    .new-hdfc-life-insurance-header .white-btn:hover{margin-left: 0;margin-top: 15px;}
    .new-hdfc-life-insurance-header .get-now,
    .new-hdfc-life-insurance-header .get-now:hover,
    .new-hdfc-life-insurance-header .get-now:visited {
        bottom: -30px;
        left: 27%;
    }
    
}

@media screen and (max-width:281px){
    .new-hdfc-life-insurance-header .get-now,
    .new-hdfc-life-insurance-header .get-now:hover,
    .new-hdfc-life-insurance-header .get-now:visited {
        left: 17%;
    }

    .new-hdfc-life-insurance-header .card-list span {
        float: left;
        width: auto;
        margin-top: -22px;
        margin-left: 22px;
    }

    .new-hdfc-life-insurance-header .prod-name {
        font-weight: 700;
        font-size: 20px;
    }

    .new-hdfc-life-insurance-header .discount-badge,
    .new-hdfc-life-insurance-header .discount-badge:hover,
    .new-hdfc-life-insurance-header .discount-badge:visited{
        font-size: 14px;line-height: 24px;
    }

}
.new-hdfc-life-insurance-header .card-main p{
    margin-bottom: unset !important;
}
    /* Media query end */
/* 29219 - new card UI END */
.siteSearchInput a, .headerLoginIcon>a {
    cursor: pointer;
}
/* 33310 - Ashish heading tag changes css Start */
.new-hdfc-life-insurance-header .megaMenuSec .megaMenuLinkSec .menuLinkInner p,
.new-hdfc-life-insurance-header .megaMenuSec .megaMenuLinkSec .menuLinkInner p a {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #005e9e;
    margin-bottom: 10px;
}
.new-hdfc-life-insurance-header .hamMenuWrp .hamMenuInnerWrp .hamMenuSection p {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px !important;
}
.new-hdfc-life-insurance-header .hamMenuWrp .hamMenuInnerWrp .hamMenuSection p a {
    color: #005e9e;
}
.new-hdfc-life-insurance-header .hamMenuWrp .quickLinkSection .quicklinksheading,
.new-hdfc-life-insurance-header .appDownloadForm.appLink .appDownloadHeading {
    margin-bottom: 24px !important;
    font-weight: 700 ;
    font-size: 14px !important;
    line-height: 22px ;
    color: #8a93a5 !important;
}
.new-hdfc-life-insurance-header .appDownloadForm.appLink .appDownloadHeading {
    color: #ed1c24 !important;
    padding: 0 !important;
}
.new-hdfc-life-insurance-header .headerContactIcon .contactInfoPopOver .contactInfoSection .contactinfomainheading {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #9198a9;
    margin-bottom: 22px;
}
.new-hdfc-life-insurance-header .headerContactIcon .contactInfoPopOver .contactInfoSection .contactinfosubheading {
    color: #ed1c24;
    font-size: 13px;
    /* margin: 0 !important; */
    padding: 0;
    position: relative;
    top: -16px;
    font-weight: 500;
    line-height: 15.6px;
    margin-top: 20px !important;
}
.new-hdfc-life-insurance-header .headerContactIcon .contactInfoPopOver .contactInfoSection ul li .contactheading {
    font-weight: 500;
    font-size: 14px !important;
    line-height: 19px;
    color: #2c6698;
    padding-bottom: 6px;
}
@media screen and (max-width: 768px) {
.new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .hamMenuMainHeading {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #9198a9;
    margin-bottom: 24px;
}
.new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .quicklinksheadingMob,
.new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .appDwnldForm .downloadheadingMob {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #9198a9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 25px;
}
.new-hdfc-life-insurance-header .mobileHeader .hamMenuSection .appDwnldForm .downloadheadingMob {
    margin-bottom: 17px;
    padding-bottom: 0;
    color: #ed1c24 !important;
}
}
/* 33310 - Ashish heading tag changes css End */
.mobHeaderSearchWrp {
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease, visibility 0s linear 200ms;
}

.mobHeaderSearchWrp.visible {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 200ms ease;
}

.mobHeaderSearchWrp.hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease, visibility 0s linear 200ms;
}

.new-hdfc-life-insurance-header .headerHamburgerMenu>button .line {
    fill: none;
    stroke: #233253;
    stroke-width: 6;
    transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)
}

.new-hdfc-life-insurance-header .headerHamburgerMenu>button .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.new-hdfc-life-insurance-header .headerHamburgerMenu>button .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6
}

.new-hdfc-life-insurance-header .headerHamburgerMenu>button .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.new-hdfc-life-insurance-header .headerHamburgerMenu>button.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.new-hdfc-life-insurance-header .headerHamburgerMenu>button.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6
}

.new-hdfc-life-insurance-header .headerHamburgerMenu>button.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.new-hdfc-life-insurance-header button {
    border: none;
    outline: none;
    background-color: transparent;
}

.new-hdfc-life-insurance-header .mobile-search-icon.siteButton {
    background: #ed1c24;
    border: 1px solid #ed1c24;
}

@media screen and (max-width: 1024px) {
    .mobileHeader .hamMenuSection .subMenuSection.opened .subMenuBC button svg {
        height: 18px;
        width: 13px;
    }
}
.new-hdfc-life-insurance-header .megaMenuSec .megaMenuLinkSec .menuLinkInner .moreMenuLink .moreMenuLinkText {
    margin-left:0px;
}

.new-hdfc-life-insurance-header .moreMenuLink.hide-show-toggle-enabled {
    color: #ed1c24 !important;
}

.new-hdfc-life-insurance-header .moreMenuLink.hide-show-toggle-enabled .moreMenuLinkText {
    color: #ed1c24 !important;
    cursor: pointer;
}

.new-hdfc-life-insurance-header .moreMenuLink.hide-show-toggle-enabled > span:not(.moreMenuLinkText) {
    display: none;
}
/**
 * Swiper 6.4.11
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 6, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.rangeslider,.rangeslider__fill{display:block;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.3);box-shadow:inset 0 1px 3px rgba(0,0,0,.3);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.rangeslider{background:#e6e6e6;position:relative}.rangeslider--horizontal{height:20px;width:100%}.rangeslider--vertical{width:20px;min-height:150px;max-height:100%;height:100%}.rangeslider--disabled{opacity:.4}.rangeslider__fill{background:#0f0;position:absolute}.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}.rangeslider__handle{background:#fff;border:1px solid #ccc;cursor:pointer;display:inline-block;width:40px;height:40px;position:absolute;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(0,0,0,.1)));background-image:-moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1));background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1));background-image:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1));-moz-box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider__handle:after{content:"";display:block;width:18px;height:18px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,.13)),color-stop(100%,rgba(255,255,255,0)));background-image:-moz-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));background-image:-webkit-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));background-image:linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider--active .rangeslider__handle,.rangeslider__handle:active{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.12)));background-image:-moz-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-image:-webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12))}.rangeslider--horizontal .rangeslider__handle{top:-10px;touch-action:pan-y;-ms-touch-action:pan-y}.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}input[type=range]:focus+.rangeslider .rangeslider__handle{-moz-box-shadow:0 0 8px rgba(255,0,255,.9);-webkit-box-shadow:0 0 8px rgba(255,0,255,.9);box-shadow:0 0 8px rgba(255,0,255,.9)}
/*# sourceMappingURL=rangeslider.min.css.map */
.PayInsurancebanner .hyperlink {
	text-decoration: underline !important;
}

.cs-ban {
    padding-left: 20px;
    padding-right: 20px;
}

.PayInsurancebanner .banner-mob p{
    margin-bottom:0px !important;
}

.banner-icon {
    margin-right: 10px !important;
}

.cs-ban .banner-mob {
    padding-bottom: 50px;
}
.cs-banner-section h1+p {
    font-size: 14px;
    line-height: 20px;
    color: #233253;
    padding-top: 14px;
}

.breadcrumbSection {
    background: linear-gradient(0deg,#ebf5f9,rgba(235,245,249,0));
    padding: 8px 0 8px 29px!important;
}

.cs-banner-section {
    margin-top: 98px;
    padding-top: 50px;
    padding-left: 60px;
    padding-right: 60px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container {
    max-width: 1060px;
    width: 100%;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.cs-ban {
    padding-left: 20px;
    padding-right: 20px;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.cs-ban .banner-mob {
    padding-bottom: 50px;
}

.cs-banner-section h1 {
    position: relative;
    line-height: 48px;
    font-weight: 700;
    font-size: 48px;
    color: #ed1c24;
    text-align: left;
    margin-bottom: 10px;
}

.bgwhite {
    background-color: #fff !important;
}

h1 .bgwhite {
    background-color: #fff;
    line-height: 48px;
    height: 50px;
    display: flex !important;
    align-items: center;
}

h1 .bgwhite {
    background-color: #fff;
    line-height: 48px;
    height: 50px;
    display: inline-block;
}

.PayInsurancebanner .container .banner-mob{
    padding-bottom: 50px;
}

.cs-banner-section h1 .bluetxt {
    color: #233253;
}

@media only screen and (max-width: 767px){
.mauto {
    margin-bottom: 0px !important;
}
}

.mauto {
    margin: 0 auto;
    text-align: center;
}

.homeIcon .d-flex {
    display: none !important;
}

img {
    max-width: 100%;
}

img {
    vertical-align: middle;
}

.homeIconImg {
    width: 9px !important;
    height: 22px !important;
}

@media only screen and (max-width: 767px){
.cs-banner-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}

@media only screen and (max-width: 1020px){
.banner-mob {
    display: block;
    text-align: center;
    padding-bottom: 40px;
}
}

@media only screen and (max-width: 1020px){
.cs-banner-section h1 {
    font-size: 24px;
    display: inline-block;
}
}

@media screen and (min-width: 100px) and (max-width: 1023px){
    .header-section h1 {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 19px;
    }
    }   
    
    @media screen and (min-width: 100px) and (max-width: 1023px){
    .header-section .header-section-left p {
        margin: 0 30px;
    }
    }
    
    @media screen and (min-width: 100px) and (max-width: 768px){
    .whatsapp-container {
        display: block!important;
    }
    }
    
    @media screen and (min-width: 100px) and (max-width: 1023px){
    .show-only-mobile {
        display: block;
    }
    }
    
    @media screen and (min-width: 100px) and (max-width: 1023px){
    .header-section .header-section-left .performance-call-info {
        text-align: center;
        margin-top: 22px;
        padding-bottom: 32px;
        border-bottom: 1px solid #ddd;
    }
    }

    @media screen and (min-width: 100px) and (max-width: 1023px){
.header-section h1 {
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 19px;
}
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 0.1rem!important;
    }

    @media (max-width: 767px){
.setbanner .cs-ban .payinstxt {
    width: 70% !important;
}
    }

    @media screen and (min-width: 100px) and (max-width: 768px){
.breadcrumb, .breadcrumb-item {
    display: inline-block;
    max-height: 24px;
    overflow: hidden;
}
    }

    @media only screen and (max-width: 767px){
.cs-ban .payinstxt {
    display: inline-block;
    width: 70%;
    text-align: left;
}
    }

.PayInsurancebanner .content {
    display: flex;
}

.PayInsurancebanner .banner-img {
    flex: none;
    width: 15%;
}

.PayInsurancebanner .banner-img img {
    width: 100%;
    height: auto;
}

.PayInsurancebanner .contact-container {
  display: flex;
  align-items: baseline;
  font-size: 18px;
  margin-top: 16px;
  padding-left: 68px;
}

.PayInsurancebanner .contact-item {
  color: #1a4c8b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.PayInsurancebanner .contact-item a {
  text-decoration: none;
  margin-left: 6px;
  font-size: 16px;
}
.PayInsurancebanner .contact-item a,
.PayInsurancebanner .location-text {
    font-weight: 400;
}

.PayInsurancebanner .location-item {
  gap: 16px;
}

.PayInsurancebanner .location-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.PayInsurancebanner .location-text {
  color: #005f9e;
  font-size: 16px;
  font-weight: 500;
}

.PayInsurancebanner .cta-btn {
  background: #e51c23;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 500;
  margin-left: 16px;
  cursor: pointer;
  transition: background 0.2s;
  text-decoration: none;
  display: inline-block;
}

.PayInsurancebanner .cta-btn:hover {
  background: #c2181b;
}

.PayInsurancebanner .contact-item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 32px;
  background: #e0e0e0;
  margin: 0 24px;
  vertical-align: middle;
}
.PayInsurancebanner .contact-item.location-item {
  align-items: flex-start;
  gap: 10px;
}
.PayInsurancebanner .contact-item.location-item .location-row {
    flex-direction: column;
    margin-bottom: 8px;
    align-items: flex-start;
}

.PayInsurancebanner .flex-between {
    display: flex;
    justify-content: space-between;
    padding-left: 68px;
    margin-top: 10px;
}

.PayInsurancebanner .flex-para {
    width: 49%;
    padding-left: 0px;
}

@media (max-width: 767px) {
    .PayInsurancebanner .content {
        flex-direction: column;
    }

    .PayInsurancebanner .banner-img {
        width: 50%;
        margin: 0 auto;
    }

    .PayInsurancebanner .location-text {
    text-align: left;
  }
  .PayInsurancebanner .contact-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-left: 0;
  }
  .PayInsurancebanner .contact-item:not(:last-child)::after {
    display: none;
  }
  .PayInsurancebanner .contact-item {
    width: 100%;
  }

    .PayInsurancebanner .flex-between {
        flex-direction: column;
        padding-left: 0px;
    }

    .PayInsurancebanner .flex-para {
        width: 100%;
    }
}

    
/* .tabAlignSpace {
    margin-left: 50px;
    margin-right: 50px;
}

.pb15 {
    padding-bottom: 15px!important;
}

.about-active-tab {
    display: block !important;
}

.aboutSectionTabMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
}

@media only screen and (max-width: 1020px){
    .tabAlignSpace {
        margin-left: 0;
        margin-right: 0;
    }
    .claim-tabaddjust {
        width: 320px!important;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 680px){
li {
    font-size: 14px;
    line-height: 20px;
}
}

@media screen and (min-width: 100px) and (max-width: 480px){
.aboutSectionTabMenuWrp .aboutSectionTabMenu {
    width: 490px;
    justify-content: flex-start;
    margin: 0;
}
}

@media screen and (min-width: 100px) and (max-width: 480px){
.aboutSectionTabMenuWrp .aboutSectionTabMenu {
    width: 600px;
}
}

nav#stickThis.stick {
    position: fixed;
    top: 68px;
    z-index: 999;
    background: #fff;
    left: 0;
    right: 0;
    padding: 15px 45px;
  } */

  .aboutSectionTabMenuWrp {
    padding-top: 30px;
}

.aboutSectionTabMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
    border-bottom: 1px solid #e9e9e9;
}

.aboutSectionTabMenu li a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #233253;
    padding: 12px 20px;
    position: relative;
}

a, a:hover {
    text-decoration: none;
}

.aboutSectionTabMenu li a, .aboutSectionTabMenu li a:before {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.aboutSectionTabMenu li a.active, .aboutSectionTabMenu li a:hover {
    color: #005e9e;
}

.aboutSectionTabMenu li a:hover {
    color: #005e9e;
}

.aboutSectionTabMenu li a.active {
    font-weight: 500;
}

.aboutSectionTabMenu li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    border-radius: 4px;
    background: #ed1c24;
    left: 0;
    bottom: 0;
}

.aboutSectionTabMenu li a.active:before, .aboutSectionTabMenu li a:hover:before {
    width: 100%;
}

.about-active-tab {
    display: block !important;
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.aboutSectionTabMenuWrp {
    width: 100%;
    /* padding-top: 48px; */
    padding-top: 25px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
}

@media screen and (min-width: 100px) and (max-width: 480px){
.aboutSectionTabMenuWrp .aboutSectionTabMenu {
    width: 490px;
    justify-content: flex-start;
    margin: 0;
}
}

@media screen and (min-width: 100px) and (max-width: 480px){
.aboutSectionTabMenuWrp .aboutSectionTabMenu {
    width: 600px;
}
}

@media only screen and (max-width: 680px){
li {
    font-size: 14px;
    line-height: 20px;
}
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.aboutSectionTabMenuWrp .aboutSectionTabMenu li a {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 15px;
}
}
nav#stickThis.stick {
    position: fixed;
    top: 68px;
    z-index: 998;
    background: #fff;
    left: 0;
    right: 0;
    padding: 15px 45px;
  }
.tabs nav#stickThis.stick {
    top: 152px;
}
  .aboutSectionTabMenu li a {
      margin: 0 40px;
  }
  @media screen and (min-width: 100px) and (max-width: 480px) {
.aboutSectionTabMenuWrp .aboutSectionTabMenu {
    width: auto;
    justify-content: flex-start;
    margin: 0;
    min-width: max-content;
}
  }

  .fund-performance-sec {
    padding-top: 40px;
}
.fund-performance-sec.knowledge-center-tab {
    padding-top: 28px;
}
.fund-performance-sec.knowledge-center-tab .fund-performance-tab li {
    margin: 0 18px;
}
.fund-performance-sec .fund-performance-tab {
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.fund-performance-sec .fund-performance-tab li {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin: 0 58px;
    cursor: pointer;
    padding-bottom: 9px;
    color: #233253;
    position: relative;
}
.fund-performance-sec .fund-performance-tab li,
.fund-performance-sec .fund-performance-tab li:before {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.fund-performance-sec .fund-performance-tab li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    border-radius: 4px;
    background: #ed1c24;
    left: 0;
    bottom: -1px;
}
.fund-performance-sec .fund-performance-tab li.active,
.fund-performance-sec .fund-performance-tab li:hover {
    color: #005e9e;
}
.fund-performance-sec .fund-performance-tab li.active:before,
.fund-performance-sec .fund-performance-tab li:hover:before {
    width: 100%;
}
.fund-performance-sec .fund-performance-content .product-search-wrap {
    background: #f9f9f9;
    padding: 40px;
}
.fund-performance-sec .fund-performance-content .product-search-wrap .search-text {
    font-size: 12px;
    color: #233253;
    margin: 0 auto;
    max-width: 875px;
}
.fund-performance-sec .fund-performance-content .product-search-wrap .search-text .result-label {
    line-height: 28px;
    width: 100px;
}
.fund-performance-sec .fund-performance-content .product-search-wrap .search-text .search-text-right {
    float: left;
    width: calc(100% - 100px);
}
.fund-performance-sec .fund-performance-content .product-search-wrap .search-text ul li {
    float: left;
    font-size: 11px;
    color: #657d93;
    background: #fff;
    border: 1px solid #c7cacc;
    box-sizing: border-box;
    border-radius: 19px;
    padding: 6px 12px;
    margin: 0 16px 5px 0;
    cursor: pointer;
}
.fund-performance-sec .fund-performance-content .product-search-wrap .search-text ul li span {
    margin-left: 5px;
    cursor: pointer;
}
.fund-performance-sec .fund-performance-content .product-search-wrap .search-text ul li span:hover svg path {
    stroke: #ed1c24;
}
.fund-performance-sec .fund-performance-content .product-search-wrap .search-text ul li:hover {
    color: #005e9e;
}
.fund-performance-sec .fund-performance-content .fund-search-from p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #233253;
    text-align: center;
    margin-bottom: 16px;
}
.fund-performance-sec .fund-performance-content .product-search-form {
    width: 495px;
    margin: 0 auto 27px;
    position: relative;
}
.fund-performance-sec .fund-performance-content .product-search-form .search-icon {
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    background: #f4f4f4;
    border: 1px solid #c7cacc;
    border-right: 0;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    text-align: center;
    line-height: 35px;
}
.fund-performance-sec .fund-performance-content .product-search-form input {
    float: left;
    height: 40px;
    width: 350px;
    background: #f4f4f4;
    border: 1px solid #c7cacc;
    border-left: 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    color: #767676;
    -webkit-appearance: none;
}
.fund-performance-sec .fund-performance-content .product-search-form .siteButton {
    float: left;
    width: 105px;
    height: 40px;
    line-height: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.fund-performance-sec .fund-performance-content .product-search-form .siteButton svg {
    width: 10px;
    margin-left: 5px;
}
.fund-performance-sec .fund-performance-content .product-search-form .product-search-autofill {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    border: 1px solid #89949b;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0, 94, 158, 0.05), 1px 2px 4px rgba(50, 130, 196, 0.08);
    padding: 5px 16px;
    z-index: 9;
    width: 100%;
}
.fund-performance-sec .fund-performance-content .product-search-form .product-search-autofill ul li {
    font-size: 12px;
    line-height: 23px;
    color: #233253;
    border-top: 1px solid #ddd;
    padding: 4px 25px;
    cursor: pointer;
}
.fund-performance-sec .fund-performance-content .product-search-form .product-search-autofill ul li:first-child {
    border-top: 0;
}
.fund-performance-sec .fund-performance-content .product-search-form .product-search-autofill ul li:hover {
    color: #ed1c24;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .fund-performance-sec.knowledge-center-tab .fund-performance-tab li {
        display: inline-block;
        float: none;
    }
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
    .fund-performance-sec .fund-performance-content .product-search-form {
        width: 100%;
    }
    .fund-performance-sec {
        padding-top: 48px;
    }
    .fund-performance-sec .fund-performance-tab {
        margin: 0 24px;
    }
    .fund-performance-sec .fund-performance-tab li {
        float: left;
        width: 33%;
        display: block;
        margin: 0;
        font-size: 14px;
        line-height: 18px;
    }
    .fund-performance-sec .fund-performance-tab li.active {
        color: #ed1c24;
        font-size: 14px;
        line-height: 18px;
    }
    .fund-performance-sec .fund-performance-tab li.active:after {
        top: auto;
        bottom: 0;
    }
    .fund-performance-sec .fund-performance-content .product-search-wrap {
        padding: 40px 24px;
        margin-bottom: 56px;
    }
    .fund-performance-sec .fund-performance-content .product-search-wrap .search-text {
        margin: 0;
        display: none;
    }
    .fund-performance-sec .fund-performance-content .product-search-form {
        max-width: 400px;
        margin-bottom: 0;
    }
    .fund-performance-sec .fund-performance-content .product-search-form p {
        max-width: 65%;
        margin: 0 auto 16px;
    }
    .fund-performance-sec .fund-performance-content .product-search-form .siteButton svg {
        display: none;
    }
    .fund-performance-sec .fund-performance-content .product-search-form input {
        width: calc(100% - 150px);
    }
    .fund-performance-sec.knowledge-center-tab .fund-performance-tab-wrap {
        width: 100%;
        overflow: auto;
    }
    .fund-performance-sec.knowledge-center-tab .fund-performance-tab {
        width: 750px;
    }
    .fund-performance-sec.knowledge-center-tab .fund-performance-tab li {
        width: auto;
        max-width: 100%;
    }
    .fund-performance-sec.knowledge-center-tab {
        padding-top: 17px;
    }
}
@media only screen and (max-width: 767px) {
    .small-tabs .appTabMenu {
        width: 100% !important;
        justify-content: center !important;
        min-width: 100% !important;
    }
    .reducepaddingfortabs {
        padding-top: 20px !important;
    }
}

.bggrey {
    background-color: #f9f9f9;
}

@media only screen and (max-width: 1023px) {
    .socialSection.bggrey.section {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.tabAlignSpace {
    margin-left: 50px;
    margin-right: 50px;
}

.pb15 {
    padding-bottom: 15px!important;
}
@media only screen and (max-width: 1020px){
    .tabAlignSpace {
        margin-left: 0;
        margin-right: 0;
    }
    .claim-tabaddjust {
        width: 320px!important;
        margin: 0 auto;
    }
}
.claim-tabaddjust li {
    margin-left: 50px !important;
    margin-right: 50px !important;
}
@media only screen and (max-width: 1020px) {
    .claim-tabaddjust li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 100px) and (max-width: 1023px){
    .fund-performance-sec {
        padding-top: 0px;
    }
    }
    
.reducepaddingfortabs {
    padding-top: 15px;
}


.exide-icon{margin:0 auto 17px; display:block; height:97px; width: 200px; text-align: center; font-family:poppins;font-size:14px;}
.exide-icon a{color:#233253; text-decoration:none;}
/* .clearfix{clear:both; display:block; width:100%; height:5px;} */
.exide-icon div img{width:30%}
.exide-icon span img{max-width: 44% !important; margin-top: -8px;}
.bounce {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

@media screen and (min-width: 100px) and (max-width: 1023px){
    #stickThis .aboutSectionTabMenu li a {
    padding: 10px 5px;
}

#stickThis .aboutSectionTabMenu li a {
    margin: 0 30px;
}

nav#stickThis.stick{
    padding: 15px 20px;
    z-index: 998;
}
}

@media screen and (min-width: 100px) and (max-width: 480px){
#stickThis .aboutSectionTabMenu {
    justify-content:center;
}
#stickThis{
    overflow-x:hidden;
}

}

.tabs #groupPlansTab{
    scroll-margin-top: 60px;
}
@media (max-width:767px){
    .tabs #groupPlansTab{
    scroll-margin-top: 75px;
    }
}
/*
category faq component css start
*/

h3,
h5,
p {
  margin: 0;
}
body,
html {
  font-family: Poppins, sans-serif;
}
.btnred:not(:disabled):not(.disabled).active:focus,
.btnred:not(:disabled):not(.disabled):active:focus,
.show
  > .btnred.dropdown-toggle:focus:not(:disabled):not(.disabled).active:focus {
  background: #ff3038 !important;
  outline: none;
  outline-style: none;
  outline-width: 0;
}
body,
html {
  height: 100%;
}
html {
  scroll-behavior: smooth;
}
.tabAccordSection .accordMenuContWrp {
  position: relative;
}
.tabAccordSection .accordMenuContWrp .cornerBg {
  height: 0;
  top: 0;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.tabAccordSection .tabAccordMenu {
  margin: 8px 0 0;
}
.tabAccordSection .tabAccordMenu a {
  height: 86px;
  padding: 0 28px 0 24px;
  background: #fff;
  color: #233253;
}
.tabAccordSection .tabAccordMenu a {
  display: flex;
  flex-wrap:nowrap !important;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid #c7cacc;
  line-height: 22px;
  cursor: pointer;
}

.haveQuesSec .mainTitle{
  margin-bottom: 8px;
}
.tabAccordSection .tabAccordMenu a .counter,
.tabAccordSection .tabAccordMenu .counter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  flex: none;
}

.tabAccordSection .tabAccordMenuTitle p {
  margin-bottom: 0 !important;
}

.tabAccordSection .tabAccordMenu.opened a strong,
.faq .tabAccordSection .tabAccordMenu.opened .faq-heading {
  font-weight: 600;
}
.tabAccordSection .tabAccordMenu.opened a {
  border-bottom: 0 !important;
}
.tabAccordSection .tabAccordMenu a .counter,
.tabAccordSection .tabAccordMenu .counter {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  justify-content: center;
  background: linear-gradient(0deg, #edf8ff, rgba(237, 248, 255, 0));
  text-align: center;
  color: #005e9e;
  margin-right: 6px;
}
.tabAccordSection .tabAccordMenu a strong {
  font-weight: 400;
}
.tabAccordSection .tabAccordMenu a .toggleIcon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  flex: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(237, 28, 36, 0.6);
  margin-left: auto;
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.accordMenuContWrp {
  /*border: 1px solid #c7cacc;*/
  margin-bottom: 10px;
}
/* .haveQuesSec h2.mainTitle {
  font-size: 48px !important;
} */
.tabAccordSection .tabAccordMenu.opened a .toggleIcon,
.faq .tabAccordSection .tabAccordMenu.opened .toggleIcon {
  transform: rotate(180deg);
}
.tabAccordSection .tabAccordContent {
  padding: 0 32px 40px 75px;
  background: #fff;
  border-top: 0 !important;
  border: 1px solid #c7cacc;
  border: 1px solid #c7cacc;

  display: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5a5a5a;
}
.catSectionSubTitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #8a93a5;
  margin: 0 0 40px;
}
.contentHide {
  display: none;
}

.faq .haveQuesSec {
  padding-block: 50px;
  /* padding: 0px 0 80px; */
  margin-bottom: 0;
}

.faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox{
  margin-bottom: 20px;
}

.faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox p {
  font-size: 16px;
  color: #5a5a5a;
}

.faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox .counterTextArea{
  float: right;
}

.faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox textarea {
  width: 100% !important;
  height: auto;
  border: 1px solid #c7cacc;
  padding: 10px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 23px;
  color: #5a5a5a;
  font-weight: 300;
  resize: none;
}

.faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox .consernSubmit {
  margin: 10px auto 0;
  background: #ed1c24;
  border: 1px solid #ed1c24;
  color: #fff;
  padding: 5px 20px;
  text-transform: uppercase;
  border-radius: 4px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox .consernSubmit:hover{
  box-shadow: 0 8px 12px rgba(237,28,36,0.2);
}

.faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox textarea.backWhite {
  background-color: #fff !important;
}

.faq .leftImg{
  position: absolute;
    margin-top: -255px;
    left: 65px;
    width: 240px;
    height: auto;
}

.haveQuesSec .mainTitle {
  margin-bottom: 8px;
}
.haveQuesSec .catSectionSubTitle {
  margin-bottom: 20px;
}
.haveQuesSec .tabAccordSection {
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}

.haveQuesSec .tabAccordwithImg{
  max-width: 960px;
}

.accordMenuContWrp.opened .faq-download .questionanswer .accordion-lists .accordion-head p{
  color: #005e9e;
  font-size: 16px;
}

.accordMenuContWrp.opened .faq-download .questionanswer .accordion-lists .open .accordion-head p{
  color: #ed1c24;
}

@media screen and (max-width: 1500px) {
  .faq .leftImg{
    left: 23px;
  }
}

@media screen and (max-width: 768px) {
  .faq .leftImg{
    display: none;
  }
  .faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox textarea{
    height: 150px;
  }
  .faq .tabAccordSection .accordMenuContWrp .tabAccordContent .textBox p span {
    font-size: 12px;
}
}

.haveQuesSec .tabAccordSection .tabAccordContent {
  padding: 0 85px 40px 75px;
}
.haveQuesSec .viewMoreBtnWrp {
  margin-top: 40px;
}
.viewMoreBtnWrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/*.mainTitle {
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  color: #233253;
  position: relative;
  z-index: 1;
  text-align: center;
}*/
.viewMoreBtn {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #233253;
  text-transform: uppercase;
}
.viewMoreBtn:hover {
  color: #233253;
}
.viewMoreBtn span {
  display: inline-flex;
  position: relative;
  top: 1px;
  margin-left: 8px;
}
.cornerBg {
  position: absolute;
  width: 4px;
  height: 100px;
  background: #ed1c24;
  left: 0;
  top: -1px;
}
.opened .cornerBg {
  height: 100px !important;
  transition: height 0.5s;
}


.closed .toggleIcon {
  background-color: #fff;
}
.closed .toggleIcon svg path {
  stroke: #ed1c24;
}
.opened .toggleIcon {
  background-color: #ed1c24;
}
.opened .toggleIcon svg path {
  stroke: #fff;
}


.accordion-content li:nth-child(3){
  padding-top: unset;
}

.accordion-content li:nth-child(4){
  padding-top: unset;
}


@media screen and (device-width: 1024px) {
  .mainTitle {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 5px;
  }
  .haveQuesSec {
    padding: 40px 0;
  }
  .haveQuesSec .tabAccordSection {
    max-width: 97%;
  }
  .haveQuesSec .tabAccordSection .tabAccordContent {
    padding: 0px 30px 20px 70px !important;
  }
}
@media screen and (min-width: 100px) and (max-width: 768px) {
  .accordion-content li:nth-child(3){
    padding-top: unset;
  }
  
  .accordion-content li:nth-child(4){
    padding-top: unset;
  }
  .viewMoreBtn {
    font-size: 14px;
  }
  .tabAccordSection .tabAccordMenu a {
    height: 70px;
  }
  .tabAccordSection .tabAccordMenu a .counter,
  .tabAccordSection .tabAccordMenu .counter {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .tabAccordSection .tabAccordMenu.opened a strong {
    font-weight: 600;
  }
  .tabAccordSection .tabAccordMenu a strong {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  
  .tabAccordSection .tabAccordMenu a .toggleIcon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }
  .tabAccordSection .tabAccordContent {
    padding: 0 20px 20px;
  }
  .haveQuesSec .mainTitle {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .catSectionSubTitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 32px;
  }
  
  .faq .haveQuesSec {
    padding-block: 20px;
  }
  .haveQuesSec .catSectionSubTitle {
    margin-bottom: 32px;
  }
  .tabAccordSection .tabAccordMenu a {
    padding: 0 16px;
    height: auto;
    min-height: 74px;
  }
  .tabAccordSection .tabAccordMenu a .counter,
  .tabAccordSection .tabAccordMenu .counter {
    width: 46px;
    height: 46px;
    margin-right: 8px;
  }
  .tabAccordSection .tabAccordMenu a strong {
    width: calc(100% - 79px);
  }
}

.tabAccordSection table {
  width: 100%
}

.tabAccordSection table th,.tabAccordSection table td {
  min-width: 100px;
  padding: 10px
}

.tabAccordSection table tr {
  background: #eaf1f8
}

.tabAccordSection table th {
  vertical-align: middle;
  background: #005e9e;
  border: 1px solid #fff;
  color: #fff
}

.tabAccordSection table td {
  vertical-align: top;
  border: 1px solid #fff;
  color: #5a5a5a
}

.tabAccordSection table tr:nth-child(even) {
  background-color: #f2f2f2
}


@media screen and (min-width: 100px) and (max-width: 1023px){
.haveQuesSec .tabAccordSection .tabAccordContent, .tabAccordSection .tabAccordContent {
    padding: 10px 40px 40px 70px;
}
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.tabAccordSection .tabAccordMenu a .toggleIcon {
    /* width: unset;
    height: 24px; */
    border-radius: 50%;
}
}
.mainTitle{
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: #233253;
    position: relative;
    z-index: 1;
    text-align: center;
}
.reducepaddingforfaq {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
@media screen and (max-width:767px) {
  .reducepaddingforfaq {
    padding: 20px 25px !important;
  }
}
/*# sourceMappingURL=style.css.map */

/*
*****************************************************************************category faq component css end******************************************************
*/
/* .haveQuesSec {
  margin-top: 20px;
} */
@media only screen and (max-width: 767px) {
.individual-tab-contents-wrappers .haveQuesSec {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}
@media screen and (min-width: 100px) and (max-width: 768px) {
.tabAccordSection .tabAccordMenu a {
    padding: 0 16px !important;
    height: auto;
    min-height: 74px;
}
}
@media only screen and (max-width: 1024px){
.individual-tab-contents-wrappers .haveQuesSec .tabAccordSection .tabAccordContent {
    padding: 0 25px 40px 25px !important;
}
}
@media only screen and (max-width: 767px) {
.faq .accordion-head {
    padding-left: 24px !important;
    padding-right: 20px !important;
}
}
.tabAccordSection table td {
  vertical-align: top;
  border: 1px solid #fff;
  color: #5a5a5a;
}
.tabAccordSection table td, .tabAccordSection table th {
  min-width: 100px;
  padding: 10px;
}
.tabAccordSection table tr {
  background: #eaf1f8;
}
@media screen and (min-width: 100px) and (max-width: 1023px){
.haveQuesSec .tabAccordSection .tabAccordContent {
    padding: 0 20px 20px 20px;
}
.faq .haveQuesSec .tabAccordSection .faq-download {
  padding: 0 25px 40px 70px;
}
}
.claim-online-wrapper .haveQuesSec {
  margin-top: 0px;
}
.innerClaimTabs .contact-section-wrapper .tabAccordContent {
  padding-bottom: 20px !important;
}
.claim-online-wrapper .haveQuesSec {
  padding: 74px 0px;
}
.aboutTabWrap .Documentation .haveQuesSec {
  margin-top: unset;
}
.tabAccordSection table tr:nth-child(2n) {
  background-color: #f2f2f2;
}
.tableResp b {
  font-weight: bold;
}
.accordMenuContWrp.opened .faq-download p {
  /* margin-bottom: 18px !important; */
  font-weight: 400;
}
.tabAccordContent ul li {
  font-weight: 400;
  padding-bottom: unset !important;
  margin-left: 15px !important;
}
.aboutTabWrap .haveQuesSec {
  margin-top: 0px;
}
.tabAccordSection .tabAccordMenu a .dis-none {
  display: none !important;
}
#rural .accordMenuContWrp.opened .faq-download .questionanswer p{
  font-weight: 600;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 640px){
h1 {
    /* font-size: 24px !important;
    line-height: 50px !important; */
  }
    .claim-online-wrapper .haveQuesSec {
      /* padding: 55px 0px; */
      padding-block: 20px;
    }

}
.tableResp td, .tableResp th {
  font-weight: 400;
}
.tabAccordContent ul {
  margin-left: 35px;
}
#HealthFAQ .tabAccordSection .tabAccordContent a,#special .tabAccordSection .tabAccordContent a,#rural .tabAccordSection .tabAccordContent a, #GrievanceFAQ .tabAccordSection .tabAccordContent a,#CancerFAQ .tabAccordSection .tabAccordContent a, #FAQscontainer .tabAccordSection .tabAccordContent a{
  font-size: 14px;
}
.tabAccordSection .tabAccordContent {
  font-weight: 400 !important;
}
@media only screen and (max-width: 640px){
#special .claim-online-wrapper .haveQuesSec {
    padding: 0px 0px;
}
}

.faq .removepaddingtop{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* @media screen and (max-width: 768px){
  .faq .tabAccordSection .tabAccordContent.faq-download {
    padding: 0 25px 40px 15px !important; 
  }
  .faq .tabAccordContent ul {
    margin-left: -5px;
  } 
} */

/* 28232 - Change font size 48px to 32px START*/
.faq .haveQuesSec h2.mainTitle {
  font-size: 32px !important;
  margin-bottom: 20px;
}
/* in mobile there was an impact for the same */
@media screen and (min-width: 100px) and (max-width: 768px){
.faq .haveQuesSec h2.mainTitle {
    font-size: 24px !important;
}
.faq .haveQuesSec .tabAccordContent p a {
  word-break: break-word;
}

}
/* 28232 - Change font size 48px to 32px END*/

/* FAQ opening closing Icon CSS */

  .faq .tabAccordSection .tabAccordMenu.opened .toggleIcon {
    background-image: url('https://stg1-website.hdfclife.tech/content/dam/hdfc-life-insurance/Arrow_White_Image.svg');
    background-repeat: no-repeat;
    background-position: center;
  }
.FaqArrow.toggleIcon{
    background-image: url('https://stg1-website.hdfclife.tech/content/dam/hdfc-life-insurance/Arrow_red_Image.svg');
    background-repeat: no-repeat;
    background-position: center;
}
/* FAQ closing opening icon css end here */

.faq .viewMoreButton {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #233253;
  text-transform: uppercase;
  border: none;
  background-color: transparent;
}
.faq .tabAccordSection .tabAccordMenu {
     display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #c7cacc;
    line-height: 22px;
    cursor: pointer;
    height: 86px;
    padding: 0 28px 0 24px;
    background: #fff;
    color: #233253;
}
.faq .tabAccordSection .tabAccordMenu.opened {
  border-bottom: 0 !important;
}
.faq .tabAccordSection .tabAccordMenu .faq-heading {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #233253;
  display: flex;
}
.faq .tabAccordSection .tabAccordMenu .toggleIcon {
    flex: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(237, 28, 36, 0.6);
    margin-left: auto;
    transform: rotate(0);
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
  }
  @media screen and (max-width: 767px) {
    .faq .tabAccordSection .tabAccordMenu .faq-heading {
    font-size: 14px;
    line-height: 20px;
    width: calc(100% - 80px);
  }
    .faq .tabAccordSection .tabAccordMenu {
      padding: 0 16px !important;
        height: auto;
        min-height: 74px;
    }
    .faq .tabAccordSection .tabAccordMenu .toggleIcon {
      width: 20px;
      height: 20px;
      flex: none;
    }
  }

/* version 2 */
.faq .version-2.haveQuesSec h2.mainTitle {
  color: #374254;
  font-size: 28px !important;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 25px;
}

.faq .version-2 .tabAccordSection .tabAccordMenu{
  background: #F3F4F6;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;

}

.faq .version-2 .tabAccordSection .tabAccordContent {
  color: #374254;
  background: #F3F4F6;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.faq .version-2 .tabAccordSection .tabAccordMenu .toggleIcon {
  background: transparent;
  background-image: url(../../../content/dam/hdfc-life-insurance/Arrow_red_Image.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
}

.faq .version-2 .tabAccordSection .tabAccordMenu:not(.opened) {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.faq .version-2 .tabAccordSection .tabAccordMenu .faq-heading {
  color: #0C111D;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.faq .version-2 .viewMoreButton {
  color: #186CF2;
  text-decoration: underline;
  transition: all 0.3s ease;
}

.faq .version-2 .viewMoreButton img {
  transition: all 0.3s ease;
}

.faq .version-2 .viewMoreButton.viewLessBtn img {
  transform: rotate(180deg);
}

.faq .version-2 .tabAccordSection .tabAccordMenu,
.faq .version-2 .tabAccordSection .tabAccordContent {
  border: none;
}


@media screen and (max-width:767px) {
  .faq .version-2 .tabAccordSection .tabAccordMenu .faq-heading {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
}

/***********************************************************category faq css start************************************************/
.tabAccordSection .tabAccordMenu a .togglearrow,
.faq .tabAccordSection .tabAccordMenu .togglearrow {
	margin-left: 0px;
	margin-right: 24px;
}
.tabAccordContent .fontsizesmall {
    font-size:11px!important;
}
.tabAccordSection .tabAccordMenu a .dis-none,
.faq .tabAccordSection .tabAccordMenu .dis-none {
	display: none;
}
.tabAccordContent ul li {
	font-size: 14px;
	line-height: 22px;
	color: #5a5a5a;
	list-style: disc;
	margin-left: 15px;
	word-break: break-word;
	/* background: url(../../../content/dam/hdfclifeinsurancecompany/images/product/trust.png) no-repeat 0 5px;
	padding-bottom: 20px;
    position: relative;
	background-size: 15px 15px;
	padding-left: 22px; */
}
.tabAccordContent .aboutSectionTabMenu li{
  list-style:none;
}
.tabAccordContent .accordionAnswer ul li {
	list-style: none;
}
.tabAccordContent ol li {
	font-size: 14px;
	line-height: 22px;
	color: #5a5a5a;
	/* margin-left: 15px; */
}
.tabAccordContent ol {
	margin-left: 16px;
	padding-left: 0px;
}
@media screen and (max-width: 767px) {
	.tabAccordSection .tabAccordMenu a .dis-none {
		display: block;
		padding-top: 10px;
	}
	.tableResp {
		max-width: 100%;
		overflow-x: scroll;
	}
	.tabAccordSection .tabAccordMenu a .togglearrow,
	.faq .tabAccordSection .tabAccordMenu .togglearrow {
		position: absolute;
		right: 0;
	}
	.padt40 {
		text-align: center;
		padding-top: 10px;
	}
}
.tabAccordSection .tabAccordContent {
	font-weight: 400;
}

.contactUs section {
    padding: 50px 0px;
}
.contactUs .color-blue-txt{
    color: #005E9E;

}
.contactUs .contactUsNriSection{
    scroll-margin-top: 50px;
}

.contactUs h2 {
    color: #233253;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    margin-bottom: 26px;
}

.contactUs .subHeading {
    color: #233253;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin-bottom: 18px;
}

.contactUs .contactUsWrapper {
    display: flex;
    gap: 30px;
}

.contactUs .contactUsWrapper.btnMarginBottom {
    margin-bottom: 35px;
}

.contactUs .contactUsImage {
    width: 15%;
    flex: none;
}

.contactUs .contactUsImage > img {
    width: 100%;
    height: auto;
}

.contactUs .pointsList {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    row-gap: 30px;
}

.contactUs .pointsList .pointCard {
    max-width: 350px;
    width: 100%;
    flex: none;
    display: flex;
    gap: 18px;
}

.contactUs .pointsList .pointCard .pointCard__img {
    width: 30px;
    flex: none;
}

.contactUs .pointsList .pointCard .pointCard__img img {
    width: 100%;
    height: auto;
}

.contactUs .pointsList .pointCard .pointCard__content {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contactUs .blue-text {
    color: #005E9E;
}

.contactUs .red-text {
    color: #ED1C24;
}

.contactUs .pointsList .pointCard .pointCard__content .pointCard__description {
    word-break: break-word;
}

.contactUs .pointsList .pointCard .pointCard__content .pointCard__description p,
.contactUs .pointsList .pointCard .pointCard__content .pointCard__description a {
    color: #005E9E;
}

.contactUs .pointsList .pointCard .pointCard__content .pointCard__description a:hover {
    color: #005E9E;
}

.contactUs .pointsList .pointCard__content .pointCard__button a {
    display: block;
    width: max-content;
    background-color: #ED1C24;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 8px;
    border-radius: 5px;
    cursor: pointer;
}

.contactUs .pointsList .pointCard__content .pointCard__button a:hover{
    box-shadow: 0 8px 12px rgba(237, 28, 36, 0.2);
    background: #ff3038;
}

.contactUs .pointsList .pointCard__content .pointCard__qrImg {
    width: 80px;
}

.contactUs .pointsList .pointCard__content .pointCard__qrImg img {
    width: 100%;
    height: auto;
}

.contactUs .grievanceButton {
    display: flex;
    justify-content: center;
}

.contactUs .grievanceButton a {
    background-color: #ED1C24;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 8px 13px;
    border-radius: 5px;
    cursor: pointer;
}

.contactUs .grievanceButton a:hover{
    box-shadow: 0 8px 12px rgba(237, 28, 36, 0.2);
    background: #ff3038;
}

@media screen and (min-width: 768px) {
    .contactUs .desktop-only {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .contactUs section {
        padding: 20px 0px;
    }

    .contactUs h2 {
        font-size: 24px;
    }

    .contactUs .contactUsImage {
        display: none;
    }
    
    .contactUs .pointsList {
        width: 100%;
        flex-direction: column;
    }

    .contactUs .pointsList .pointCard {
        max-width: 100%;
    }

    .contactUs .pointsList .pointCard__content .pointCard__qrImg {
        /* display: none; */
    }

    .contactUs .mobile-only {
        display: none !important;
    }
}
/* .bannerAdSection .bannerAdContent h2, .bannerAdSection .bannerAdContent h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    color: #fff;
    margin-bottom: 11px;
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.bannerAdSection .bannerAdContent h2, .bannerAdSection .bannerAdContent h3 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 16px;
}
}

.bannerAdSection {
    margin: 0px auto 0!important;
}

.bannerAdSection .bannerAdBtn.siteButton:hover {
    background: #005e9e !important;
    border-color: #005e9e !important;
} */

.wrapper {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
  }

  .catBannerAdSection .illustratorImg img{
    width: auto;
    height: auto;
  }

  .bannerAdSection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1050px;
    width: 100%;
    min-height: 194px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0 40px 0 55px;
}

.bannerAdSection {
    margin: 40px auto 0;
}

.bannerAdSection .bannerAdContent {
    width: 550px;
    margin-left: 63px;
}

.bannerAdSection .bannerAdContent h2, .bannerAdSection .bannerAdContent h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 11px;
}

p {
    margin-bottom: 18px;
}

.bannerAdSection .bannerAdContent p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.bannerAdSection .bannerAdBtn {
    margin-left: auto;
}

.bannerAdSection .bannerAdBtn.siteButton {
    background: #0083c3;
    border: 1px solid #0083c3;
}

@media screen and (min-width: 100px) and (max-width: 768px){
    .bannerAdSection {
        padding: 45px 25px;
        margin: 30px 0 ;
        justify-content: center;
    }

    .contact-us .bannerAdSection .bannerAdContent {
        margin: 0 0 30px;
        text-align: center;
    }

    .bannerAdSection .bannerAdBtn {
        margin-left: 0;
    }

    .contact-us .bannerAdSection .illustratorImg {
        display: none;
    }

    .contact-us .bannerAdSection .bannerAdContent h2{
        font-size: 24px;
    }
}

/* BG COLOR CHANGES START */

.contact-us section{
    overflow: auto;
} 

/* BG COLOR CHANGES END */

.circular__wrapper {
    position: relative;
}

.circularBannerComponent .circular__border {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
}

.circle {
    width: 100%;
    height: 100%;
    border:2px dashed grey;
    border-radius: 50%;
    margin: 0 auto;
    animation: rotate 800ms linear infinite;
}

.circular__img {
    position: relative;
    z-index: 2;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) translateY(0px);
    }
    50% {
        transform: rotate(-180deg) translateY(2px);
    }
    100% {
        transform: rotate(-360deg) translateY(0px);
    }
}

/* @keyframes slide {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
} */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {
    max-width: 1060px;
    width: 100%;
}

.bgwhite {
    background-color: #fff !important;
}

@media only screen and (max-width:767px) {
    .banner .banner-mob {
        margin-top: 40px;
    }

    .cs-banner-section {
        margin-top: 56px !important;
    }
}

h1 .bgwhite,
h2 .bgwhite {
    background-color: #fff;
    line-height: 48px;
    height: 50px;
    display: inline-block;
}

.breadcrumbSection .homeIcon, .breadcrumbSection .arrowCaret {
    margin-right: 5px;
}

.breadcrumbSection .breadcrumb-item a{
    margin-left: 5px;
}

.cs-banner-section {
    margin-top: 98px;
    padding-top: 50px;
}

.cs-banner-section h1,
.cs-banner-section h2 {
    position: relative;
    line-height: 48px;
    font-weight: 700;
    font-size: 48px;
    color: #ed1c24;
    text-align: left;
}

.banner .cs-banner-section h1:before,
.banner .cs-banner-section h2:before {
    /* position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 82px;
    height: 82px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png) no-repeat 0 0;
    z-index: 1;
    left: -24px;
    top: -18px; */
    display: none;
}

.cs-banner-section h1 .bluetxt,
.cs-banner-section h2 .bluetxt {
    color: #233253;
}

.cs-banner-section h1+p,
.cs-banner-section h2+p {
    font-size: 14px;
    line-height: 20px;
    color: #233253;
    padding-top: 14px;
}

.cs-banner-section ul {
    display: block;
    margin-top: 15px;
}

.cs-banner-section ul li {
    display: inline-block;
    padding-right: 26px;
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 10px;
}

.cs-banner-section ul li:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png) no-repeat 0 -84px;
}

.cs-banner-section ul li.services:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 13px;
    left: 0;
    top: 4px;
    background: url(https://clay.consulting/hdfclife/dev/app/images/cs-messaging.png) no-repeat 0 0 !important;
}

.cs-banner-section ul li a,
.cs-banner-section ul li a:hover {
    color: #233253;
    text-decoration: none;
}

.cs-banner-section ul li a span {
    color: #005e9e;
    font-weight: 600;
}

.banner .breadcrumb-item+.breadcrumb-item:before{
    display: none;
}

.banner .redirectionText {
    font-size: 12px;
    line-height: 20px;
    color: #233253;
}

.banner .redirectionText .bluetxt {
    color: #005e9c;
}

.banner .customerServiceLink {
    font-size: 12px;
    line-height: 20px;
    color: #233253;
}

@media only screen and (max-width:1020px) {
    .banner .breadcrumbSection ul{
        display: flex !important;
        flex-wrap: wrap;
    }
    .banner .breadcrumbSection .breadcrumb-item{
        padding-top: 5px;
    }
    .banner-mob {
        display: block;
        text-align: center;
        padding-bottom: 40px;
    }

    .cs-banner-section h1,
    .cs-banner-section h2 {
        font-size: 24px;
        display: inline-block;
    }

    .cs-banner-section h1+p,
    .cs-banner-section h2+p {
        padding-top: 40px !important;
    }

    .mauto {
        display: block;
        margin: 0 auto 40px;
    }
    .banner .mauto.hdfc-life-mobile-appQrCode {
        display: none;
    }
}

.mauto {
    margin: 0 auto;
    text-align: center;
}

h1,
h2 {
    font-size: 38px;
    line-height: 48px;
    color: #233253;
    font-weight: 700;
}

@media only screen and (max-width:640px) {

    h1,
    h2 {
        font-size: 24px;
        line-height: 30px;
    }
}

.container {
    max-width: 1060px;
    width: 100%;
}

.bgwhite {
    background-color: #fff !important;
}

@media only screen and (max-width:767px) {
    .cs-banner-section {
        margin-top: 56px !important;
    }
}

@media only screen and (max-width:1020px) {
    .banner-mob {
        display: block;
        text-align: center;
        padding-bottom: 40px;
    }

    .cs-banner-section h1 {
        font-size: 24px;
        display: inline-block;
    }

    .cs-banner-section h1+p {
        padding-top: 40px !important;
    }

    .mauto {
        display: block;
        margin: 0 auto 40px;
    }
}

.mauto {
    margin: 0 auto;
    text-align: center;
}

.bluetxt {
    color: #233253;
}

.cs-banner-section ul li:before {
    background: unset !important;
}

@media screen and (min-width: 100px) and (max-width: 768px) {
    .breadcrumbSection {
        background: linear-gradient(0, #ebf5f9, rgba(235, 245, 249, 0)) !important;
        background: transparent;
    }
}

.hmbreadcrumb ul li {
    padding-left: 0px;
}

.callIcon {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
}

.banner-mob p {
    margin-bottom: 18px !important;
}

/* HEADING BOX DESIGN CSS FIXES START */

@media screen and (min-width:768px) {
    
    .banner h1, .banner h2{
        display: inline-block;
        background-color: white;
    }
}



.banner .box-design{
    position: relative;
}

.banner .box-design::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 82px;
    height: 82px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png) no-repeat 0 0;
    z-index: -1;
    left: -30px;
    top: -10px;
}

@media screen and (max-width:768px) {
    
    .banner h1, .banner h2{
        width: 80%;
    }

    .banner .box-design{
        line-height: 48px;
    }

    .banner .box-design::before{
        top: -30px;
        left: -25px;
    }

}


/* HEADING BOX DESIGN CSS FIXES END */
.banner .onlyBannerImgLink .redText {
    color: #ed1c24;
}

.banner .onlyBannerImgLink .blue {
    color: #005e9e;
}

.banner .onlyBannerImgLink .mob {
display: none;
}

.banner .onlyBannerImgLink img {
    width: 100%;
    height: auto;
}

.banner .onlyBannerImgLink .downloadApp,
.banner .mobileAppBtn .hdfc-life-mobile-appBtn.downloadApp {
    display: none;
    color: #fff;
    background-color: #ed1c24;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 5px 0px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}
.banner .mobileAppBtn .hdfc-life-mobile-appBtn.downloadApp {
    font-weight: 500;
}

.banner .onlyBannerImgLink .downloadApp:hover {
    background-color: #ed1c24;
}

.banner .onlyBannerImgLink .heading {
    font-size: 35px;
    font-weight: 600;
    line-height: 52.5px;
    margin-bottom: 15px;
}

.banner .onlyBannerImgLink .descp {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
}

.banner .onlyBannerImgLink  .blankLine {
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 15px;
}

.banner .onlyBannerImgLink .available {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}

.banner .onlyBannerImgLink .available a,
.banner .onlyBannerImgLink .available > img {
    width: 25%;
    height: auto;
}
.banner .mobileAppIconsWrapper {
    display: flex;
    align-items: center;
}
.banner .mobileAppIconsWrapper p {
    color: #958C8C;
    font-weight: 500;
    font-size: 18px;
}

.banner .mobileAppIcons {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    width: 15%;
    margin: 0 0 18px 10px ;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}
.banner .separator {
    border: 1px solid #CDCDCD;
    margin: 0 5px;
  }
.banner #carouselExampleIndicators .carousel-inner .carousel-item .container .row {
    align-items: center;
}
.banner .banner-mob p .whatsapp-img{
    width: 18px;
    height: 18px;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .banner .onlyBannerImgLink .desk {
        display: none;
    }
    
    .banner .onlyBannerImgLink .mob {
        display: block;
    }

    .banner .onlyBannerImgLink .mobImage {
        position: relative;
    }

    .banner .onlyBannerImgLink .downloadApp {
        display: block;
        width: 90%;
        position: absolute;
        left: 50%;
        bottom: 50px;
        transform: translateX(-50%);
    }
    .banner .mobileAppBtn {
        text-align: center;
        justify-content: center;
        display: flex; 
        margin-bottom: 15px;
    }
    .banner .mobileAppBtn .hdfc-life-mobile-appBtn.downloadApp {
        display: block;
        width: 60%;
    }
    .banner .mobileAppIconsWrapper {
        justify-content: center;
    }
    .banner .mobileAppIconsWrapper p {
        font-size: 12px;
    }
    .banner .mobileAppIcons {
        width: 27%;
        padding: 5px 15px 5px 15px;
    }
    .banner .separator {
        margin: 0 7px;
    }
}

/* .banner .blue__line {
    position: absolute;
    bottom: -20px;
    left: 0;
    display: block;
    width: 100%;
    height: 20px;
    background: linear-gradient(0, #ebf5f9, rgba(235, 245, 249, 0));
    transform: rotate(360deg);
    transform-origin: center;
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(360deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(0deg);
    }
} */

@media screen and (max-width:767px){
    .banner .carousel-indicators{
        position: static;
    }
    .banner .carousel-indicators li{
        margin-top: 10px;
        border: 1px solid #005e9e !important;
    }
    .banner .carousel-indicators li.active{
        background-color: #005e9e !important;
    }
}
.email-width {
    width: 100% !important;
    font-style: normal!important;
}
.annualReport .liAlign .newsActionBtn a:last-child {
    margin-left: 16px;
}

.annualReport .newsActionBtn{
    display: flex;
}

.annualReport .scroll-y{
    max-height: 285px;
    overflow-y: scroll;
    padding-right: 10px;
}

.success-form-5 {
    color: black;
    font-size:16px;
    display:none;
    text-align:center;
    padding:70px
}

@media screen and (min-width: 100px) and (max-width: 1023px){
    .product-reports-wrap .product-report {
        word-break: break-word;
    }
    .btnred {
        margin-top: 20px !important;
    }

    .products-wrapper .benefits-section .products-tab-content h1, .products-wrapper .benefits-section .products-tab-content h5{
        display:block!important;
        margin-left:0px!important;
    }
}
.tabAccordContent table {
    width: 100%;
}
.tabAccordContent table tr {
    background: #eaf1f8;
}
.tabAccordContent table th, .tabAccordContent table td {
    min-width: 80px;
    padding: 10px;
}
.tabAccordContent table th {
    vertical-align: middle;
    background: #005e9e;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
}
.tabAccordContent table td {
    vertical-align: top;
    border: 1px solid #fff;
    color: #5a5a5a;
}
.tabAccordContent table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.irTabSection .tabAccordContent ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(31, 34, 35, 0.1);
    margin-left: 0px;
}

.annualReport .modal-form-an-report .awesomplete ul li{
    padding: 0.2em 0.5em !important;
    justify-content: unset;
}

.annualReport .modal-body{
    overflow-y: unset;
}

.annualReport .modal-form-an-report .form-group{
    margin-bottom:unset !important;
}

.annualReport .modal-form-an-report .form-group label{
    font-size: 14px;
    color: #233253;
    font-weight: 400;
    line-height: 22px;
    margin-top: unset;
}

.annualReport .sac input{
    background-color: #f4f4f4;
    font-size: 12px;
    color: #767676;
    height: 47px;
    outline-style: none;
    outline-width: 0;
    border: 0 solid transparent;
    box-shadow: none !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.annualReport .modal-form-an-report .form-submit{
    text-transform: uppercase;
}


/***************************************************common toggle image with text css start******************************************/


.toggle-image-with-text .calculateSection{
  margin: 50px auto 50px;
} 


.btn {
  display: inline-block;
  font-weight: 400;
  color: #000;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.toggle-image-with-text section.section{
  overflow: unset;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #000;
  text-decoration: none;
}
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn:disabled {
  opacity: 0.65;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:focus,
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
button:active,
button:focus {
  outline: none;
}
img {
  max-width: 100%;
}
img {
  transition: transform 0.5s ease;
}
h3,
h5,
p {
  margin: 0;
}

.section.bggrey p,
.section.bggrey h2 {
  margin-bottom: 18px;
}
 
.container {
  max-width: 1060px;
  width: 100%;
}
.section {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.bggrey {
  background-color: #f9f9f9;
}
.greyheading {
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  color: #8a93a5;
  padding-bottom: 10px;
}
.toggle-image-with-text section h3.homeheader2 {
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  color: #233253;
}
h3.homeheader2 + span + p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #8a93a5;
  padding-bottom: 21px;
}
.btnred {
  background: #ed1c24;
  text-transform: uppercase;
}
.btnred,
.btnred:active,
.btnred:focus,
.btnred:hover {
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  border: 1px solid #ed1c24;
  height: 34px;
  padding: 7px 21px !important;
  min-width: 135px;
  outline: none !important;
}
.btnred:active,
.btnred:focus,
.btnred:hover {
  background: #ff3038 !important;
  box-shadow: 0 8px 12px rgba(237, 28, 36, 0.2);
  outline-style: none;
  outline-width: 0;
}
.padtopgrtxt {
  padding-top: 38px;
}
@media screen and (min-width:768px){

  .toggle-image-with-text .order2{
    order: 2;
  }
  .toggle-image-with-text .order1{
    order: 1;
  }
  .desk-block {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .modal-body {
    padding: 0px !important;
  }
  .mob-hide {
    display: none !important;
  }
  .desk-block {
    display: block !important;
  }
  .adv-pad {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .toggle-image-with-text .daterangepicker .btn {
    display: inline;
  }
}
@media (max-width: 767px) {
  .toggle-image-with-text .section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
  .reduceheightfortoggleimg {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padtopgrtxt {
    padding-top: 0;
  }
  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .greyheading {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 4px;
    text-align: center;
  }
  .toggle-image-with-text section h3.homeheader2 {
    font-size: 24px;
    text-align: center;
    line-height: 30px;
    padding-top: 4px;
    padding-bottom: 9px;
  }
  h3.homeheader2 + span + p {
    text-align: center;
    font-size: 14px !important;
    line-height: 22px;
    padding-top: 0;
    padding-bottom: 0 !important;
    width: 80%;
  }
  h3.homeheader2 + span + p + button {
    margin: 0 auto;
    display: block;
  }
  .btnred {
    width: 174px;
  }
}
.width100 {
  width: 100%;
}

.section .mob-hide .width100 img, .section .width100 .desk-block img{
  width: auto;
  height: auto;
}
.section-padding {
  padding-bottom: 70px;
  padding-top: 80px;
}
@media only screen and (max-width: 1024px) {
  .section {
    padding-left: 40px;
    padding-right: 40px;
  }
}
:focus {
  outline: 0 !important;
  outline: none !important;
}
button {
  outline: none !important;
}
button:focus {
  outline: 0 !important;
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.dticon {
  background: url(../../../content/dam/hdfclifeinsurancecompany/icons/date.png)
    no-repeat;
  background-position: 95%;
  cursor: pointer;
  width: 100% !important;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
input[type="date"].form-control {
  appearance: none;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translateY(-50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.chkbx {
  display: inline-block;
  width: 94%;
  padding-left: 8px;
  padding-top: 5px;
}
.modal.sac {
  width: 100% !important;
  margin-left: 0% !important;
}
.modal.sac .modal-dialog.modal-lg {
  margin: 100px auto 0;
}
.modal-content {
  border-radius: 0;
  padding: 40px 20px;
}
.sac input {
  font-size: 12px;
  font-style: italic;
  color: #767676;
  height: 47px;
  outline-style: none;
  outline-width: 0;
  border: 0 solid transparent;
  box-shadow: none !important;
}
.sac input,
.sac input:focus {
  background-color: #f4f4f4;
}
.sac label {
  font-size: 14px;
  color: #233253;
}
.select-holder {
  background-color: #f4f4f4;
  background: url(../../../content/dam/hdfclifeinsurancecompany/icons/select-arrow.png)
    no-repeat 100% #f4f4f4;
  height: 38px;
  width: 100%;
  overflow: HIDDEN;
  padding-top: 7px;
  padding-left: 10px;
  cursor: pointer;
}
.select-holder select {
  cursor: pointer;
  width: 116%;
  border: 0 solid transparent;
  background-color: transparent !important;
  font-size: 12px;
  font-style: italic;
  outline: none;
  color: #767676;
}
.sac .row {
  padding-bottom: 10px;
}
.sac p {
  padding-top: 10px;
  margin-bottom: 18px !important;
}
@media only screen and (max-width: 767px) {
  .sac .row {
    padding-bottom: 0;
  }
}
.modal-dialog.modal-lg {
  margin: 0;
}
.modal-dialog {
  pointer-events: unset;
}
.close-icon1 {
  position: absolute;
  top: 26px;
  right: 26px;
  cursor: pointer;
  font-size: 23px;
  z-index: 999;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../../../content/dam/hdfclifeinsurancecompany/images/home-images/pop-close.png)
    no-repeat 0 0;
}
.form-control,
input[type="text"] {
  font-style: italic !important;
}
.disc-text {
  line-height: 22px;
  font-size: 12px !important;
  font-weight: 400;
  color: #5a5a5a;
}
.disc-text {
  padding-bottom: 20px;
}
.info-form p {
  margin-bottom: 0;
}
.info-form .disc-text {
  padding-bottom: 10px;
}
.modal {
  z-index: 99999;
}
.contcaptcha {
  padding-bottom: 30px;
}
.chkdes {
  visibility: hidden;
}
.chkdes + label {
  position: absolute;
  top: 5px;
  z-index: 999;
  left: 15px;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.chkdes:checked + label:before {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #ed1c24;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 99999;
  position: absolute;
  content: "";
}
.dinblk {
  display: inline-block !important;
}
input:focus {
  outline: none;
  box-shadow: none !important;
}
:focus {
  outline: 0 !important;
  outline: none !important;
}
@media (hover: none) {
  select {
    font-size: 12px;
  }
}
p {
  margin-bottom: 18px;
}
.siteButton {
  background: #ed1c24;
  border: 1px solid #ed1c24;
  color: #fff;
  padding: 5px 20px;
  text-transform: uppercase;
  border-radius: 4px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.siteButton:hover {
  background: #ff3038;
}
.siteButton:active,
.siteButton:hover {
  color: #fff;
  box-shadow: 0 8px 12px rgba(237, 28, 36, 0.2);
}
.siteButton:active {
  background: #ff373f;
  border: 1px solid #ff373f;
}
body > div {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}
.modal {
  max-width: 100%;
}
span.message-success {
  color: #4bb543;
  font-size: 12px;
}
.geta-callback-component-popup {
  box-sizing: border-box;
}
.geta-callback-component-popup .geta-callback-inner {
  background: #fff;
  width: 100%;
  margin: 0 auto;
}
.geta-callback-component-popup h2 {
  font-size: 38px;
  line-height: 48px;
  text-align: center;
  font-weight: 700;
  color: #233253;
  margin-bottom: 24px;
}
.geta-callback-component-popup h4 {
  color: #233253;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 8px;
}
.geta-callback-component-popup p.subtext {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #8a93a5;
  margin-bottom: 46px !important;
}
.geta-callback-component-popup form .row {
  margin-bottom: 0px;
}
.geta-callback-component-popup .inputGroup label {
  color: #233253;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}
.geta-callback-component-popup .disc-text {
  padding-bottom: 0;
}
.geta-callback-component-popup small {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #5a5a5a;
}
.geta-callback-component-popup .inputGroup input {
  height: 40px;
  background-color: #f4f4f4 !important;
  border: none;
  font-size: 12px;
  line-height: 23px;
  color: #767676;
  font-weight: 300;
  padding: 0.375rem 0.75rem;
}
.geta-callback-component-popup .inputGroup input[type="date"] {
  cursor: pointer;
}
.geta-callback-component-popup .time-range {
  display: flex;
  margin-bottom: 46px;
}
.geta-callback-component-popup .time-range li {
  font-size: 11px;
  line-height: 14px;
  border: 1px solid #c7cacc;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  border-radius: 20px;
  padding: 6px 12px;
  color: #767676;
  cursor: pointer;
}
.geta-callback-component-popup .time-range li.active,
.geta-callback-component-popup .time-range li:hover {
  color: #005e9e;
  border-radius: 20px;
  padding: 6px 12px;
  background: rgba(0, 94, 158, 0.1);
  border: 1px solid rgba(0, 94, 158, 0.2);
}
.geta-callback-component-popup .disc-text .chkbx {
  padding-top: 0;
}
.geta-callback-component-popup .disc-text input[type="checkbox"] {
  margin-top: -1px;
}
@media only screen and (max-width: 1000px) {
  .geta-callback-component-popup {
    padding-top: 0;
    padding-bottom: 0;
  }
  .geta-callback-component-popup .geta-callback-inner {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 0;
  }
  .geta-callback-component-popup h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .geta-callback-component-popup p.subtext {
    font-size: 14px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
  }
  .geta-callback-component-popup .inputGroup {
    margin-bottom: 32px;
  }
  .geta-callback-component-popup .inputGroup input {
    width: 100%;
  }
  .geta-callback-component-popup .time-range {
    display: block;
    margin-bottom: 34px;
  }
  .geta-callback-component-popup .time-range li {
    width: 124px;
    display: block;
    margin-bottom: 16px;
    font-size: 11px;
  }
  .geta-callback-component-popup .disc-text {
    padding-bottom: 30px;
  }
  .geta-callback-component-popup .row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .geta-callback-component-popup small {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #5a5a5a;
    margin-top: 30px;
    float: left;
  }
}
.modal-body {
  padding: 0px;
  max-height: unset !important;
  overflow-y: unset !important;
}
.modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
.modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
#scdate {
  background: url(../../../content/dam/hdfclifeinsurancecompany/icons/date.png)
    no-repeat;
  background-position: 95%;
  cursor: pointer;
  width: 100% !important;
}
@media screen and (min-width: 100px) and (max-width: 1023px) {
  .disc-text {
    padding-bottom: 20px;
  }
}
@media (hover: none) {
  textarea {
    font-size: 12px;
  }
}
textarea {
  height: 100px;
  background-color: #f4f4f4 !important;
  border: none;
  line-height: 23px;
  color: #424040;
  font-weight: 300;
  resize: none;
  padding: 0.375rem 0.75rem;
}
#the-count,
textarea {
  font-size: 12px;
}
.geta-callback-component {
  padding-top: 40px;
}
.geta-callback-component label {
  color: #233253;
  font-size: 14px;
  line-height: 22px;
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  margin-top: 0 !important;
}
@media only screen and (max-width: 640px) {
  .geta-callback-component label {
    font-size: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .geta-callback-component {
    padding-top: 24px;
  }
}
.geta-callback-component {
  box-sizing: border-box;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f9f9f9;
}
.geta-callback-component .geta-callback-inner {
  padding: 56px 48px;
  background: #fff;
  width: calc(100% - 220px);
  max-width: 1060px;
  margin: 0 auto;
}
.geta-callback-component h2 {
  font-size: 38px;
  line-height: 48px;
  text-align: center;
  font-weight: 700;
  color: #233253;
  margin-bottom: 24px;
}
.geta-callback-component p.subtext {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #8a93a5;
  margin-bottom: 40px;
}
.geta-callback-component form .row {
  margin-bottom: 48px;
}
.geta-callback-component .inputGroup label {
  color: #233253;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}
@media only screen and (max-width: 820px) {
  .geta-callback-component {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .geta-callback-component .geta-callback-inner {
    width: calc(100% - 48px);
    padding: 40px 15px;
  }
  .geta-callback-component h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .geta-callback-component p.subtext {
    font-size: 14px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
  }
  .geta-callback-component .inputGroup {
    margin-bottom: 32px;
  }
  .geta-callback-component .row {
    margin-bottom: 0 !important;
  }
}

textarea {
  margin-bottom: 0px;
  width: 100% !important;
  margin: 0 auto;
  padding: 20px;
  height: 200px;
  color: #999;
  border: 1px solid #ccc;
}
.inputGroup textarea {
  height: 100px;
  background-color: #f4f4f4 !important;
  border: none;
  font-size: 12px;
  line-height: 23px;
  color: #424040;
  font-weight: 300;
  resize: none;
  padding: 0.375rem 0.75rem;
}
.popuptext {
  font-weight: 500;
  font-size: 80%;
  line-height: 20px;
  color: #0056b3;
  width: 100%;
  bottom: 0;
}
.paraset {
  text-align: center;
}
.arnNo {
  text-align: right;
}
.max1000 {
  max-width: 1060px !important;
}
.geta-callback-component-popup .disc-text .chkbx {
  padding-top: 0 !important;
}

.btnCenter{
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .modal.sac {
    width: 92% !important;
    margin-left: 5% !important;
  }
  .btnCenter{
    text-align: center;
    margin-top: 10px;
  }

  .scb-data-layer {
    display: block;
    margin: auto;
}
}
.reduceheightfortoggleimg {
    padding-top: 30px;
    padding-bottom: 35px;
}
/*************************************common toggle image with text css end****************************************************/

.toggle-image-with-text section#version-2 {
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 15px;
}

.toggle-image-with-text #version-2 h2.greyheading {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.toggle-image-with-text section#version-2 h3.homeheader2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 0px;
}

.toggle-image-with-text section#version-2 h3.homeheader2 + span + p {
  font-size: 14px;
  line-height: 20px;
  color: #1C2633;
}

.toggle-image-with-text section#version-2 .btn {
  margin-bottom: 30px
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.cs-workarea .cs-box-holder p {
    color: #233253;
}

.cs-workarea {
    max-width: 1090px;
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-top: 56px;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-md-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.cs-workarea .cs-box-holder {
    min-height: 425px;
}

.cs-newpge .cs-box-holder, .cs-workarea .cs-box-holder {
    border: 1px solid #c7cacc;
    padding: 32px;
    position: relative;
    margin-bottom: 24px;
    background: #fff;
}

.cs-newpge .cs-box-holder:before, .cs-workarea .cs-box-holder:before {
    width: 4px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    z-index: 1;
    background-color: #ed1c24;
}

a {
    outline: 0 !important;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a, a:hover {
    text-decoration: none;
}

img {
    transition: transform 0.5s ease;
}
img {
    max-width: 100%;
}

.escalation {
    background: none !important;
}

.cs-workarea .escalation img{
    width: auto;
    height: auto;
}

.escalation, .specimen {
    width: 56px;
    height: 56px;
    display: inline-block;
}

.cs-workarea .cs-box-holder h3 {
    font-family: Poppins, sans-serif;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    color: #005e9e;
    padding-bottom: 24px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cs-workarea .cs-box-holder ul {
    clear: both;
    overflow: hidden;
    min-height: 190px;
}

.cs-workarea .cs-box-holder ul li {
    position: relative;
    clear: both;
    font-size: 16px;
    color: #233253;
    line-height: 22px;
    padding-bottom: 16px;
    padding-left: 18px;
}

.cs-workarea .cs-box-holder ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/customer-services/cs-sprite.png) no-repeat -37px -88px;
    width: 6px;
    height: 10px;
    z-index: 9;
}

.cs-workarea .cs-box-holder ul li a, .cs-workarea .cs-box-holder ul li a:hover {
    color: #233253;
    text-decoration: none;
}

.cs-workarea .cs-box-holder ul li ::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/customer-services/app/images/cs-sprite.png) no-repeat -37px -88px;
    width: 6px;
    height: 10px;
    z-index: 9;
}

.cs-workarea .cs-box-holder ul li a, .cs-workarea .cs-box-holder ul li a:hover {
    color: #233253;
    text-decoration: none;
}

.btnwhite, .btnwhite:hover {
    line-height: 30px !important;
    padding: 0px 18px !important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.csworkarea .btnwhite {
    border-radius: 4px;
    border: 1px solid #ed1c24;
    padding: 4px 18px 5px;
}

.csworkarea .btnwhite, .csworkarea .btnwhite:hover {
    background: #fff;
    color: #ed1c24;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    height: 30px;
    min-width: 104px;
}

.rt-blue-bg {
    width: 100%;
    padding: 3px;
    background-color: #80c1e1;
}

.rt-blue-bg h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #233253;
    padding: 24px 0 21px 44px;
    position: relative;
}

.rt-blue-bg h5:before {
    position: absolute;
    left: 18px;
    top: 27px;
    content: "";
    background: url(../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png) no-repeat -157px -90px;
    width: 17px;
    height: 16px;
}

.policy-layer h2 {
    font-size: 32px;
    line-height: 46px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 15px;
    padding-top: 0px;
}


.quick-icon {
    position: absolute;
    left: 18px;
    top: 27px;
    width: 17px;
    height: 16px;
}

.rt-blue-bg ul, .rt-blue-bg ul .range-limit {
    clear: both;
    overflow: hidden;
}

.rt-blue-bg ul li a {
    clear: both;
    background-color: #fff;
    padding: 19px 30px 19px 22px;
    font-size: 14px;
    line-height: 18px;
    color: #2c6698;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-top: 3px;
    position: relative;
}

.rt-blue-bg ul li a:after {
    background: url(../../../content/dam/hdfclifeinsurancecompany/customer-services/cs-sprite.png) no-repeat -178px -92px;
    height: 11px;
}

.rt-blue-bg ul li a:after, .rt-blue-bg ul li a:hover:after {
    position: absolute;
    right: 18px;
    top: 22px;
    content: "";
    width: 6px;
}

.pb24 {
    padding-bottom: 24px !important;
}

.policy-bg {
    position: relative;
    height: 100%;
    background: url(../../../content/dam/hdfclifeinsurancecompany/customer-services/Log-in-to-pay-premiums-and-manage-your-policy.jpg) no-repeat 0 0;
    background-size: 100% 100%;
    margin-bottom: 24px;
}

.policy-layer {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 30px;
    text-align: center;
}

.cs-profile {
    background: none !important;
    width: 73px;
    height: 70px;
    display: inline-block;
}

.cs-profile {
    background: url(../../../content/dam/hdfclifeinsurancecompany/customer-services/cs-sprite.png) no-repeat -87px 0;
    width: 73px;
    min-height: 70px;
    height: auto;
    display: inline-block;
}

.cs-profile {
    background: url(../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png) no-repeat -87px 0;
    width: 73px;
    height: 70px;
    display: inline-block;
}

.policy-layer h2 {
    font-size: 32px;
    line-height: 46px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 15px;
}

.info-blue-button {
    padding: 9px 18px;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #fff;
    background: #0083c3;
    border-radius: 4px;
    border: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}

.rt-blue-bg1 {
    width: 100%;
    padding: 3px;
    background-color: #0083c3;
    margin-top: 26px;
}

.rt-blue-bg1 h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    padding: 24px 0 0 44px;
    position: relative;
}

.rt-blue-bg1 h5:before {
    position: absolute;
    left: 18px;
    top: 27px;
    content: "";
    background: url(../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png) no-repeat -204px -94px;
    width: 18px;
    height: 18px;
}

.rt-blue-bg1 ul, .rt-blue-bg1 ul .range-limit {
    clear: both;
    overflow: hidden;
}

.rt-blue-bg1 ul li a {
    clear: both;
    overflow: hidden;
    padding: 19px 30px 19px 34px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-top: 3px;
    border-bottom: 1px solid #fff;
    position: relative;
}

.rt-blue-bg1 ul li a:before {
    position: absolute;
    left: 18px;
    top: 22px;
    content: "";
    background: url(../../../content/dam/hdfclifeinsurancecompany/customer-services/cs-sprite.png) no-repeat -188px -92px;
    width: 6px;
    height: 11px;
}

.modalOverLayBg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
    z-index: 9999;
    backdrop-filter: blur(15px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.modalPopUp {
    background: #fff;
    position: relative;
    transition: all .3s ease-out;
}

.customerVideoPopup, .termPlansVideoPopUp {
    width: 800px;
    padding: 60px 40px 40px;
    position: relative;
}

.modalPopUp .modalCloseBtn {
    position: absolute;
    top: 26px;
    right: 26px;
    cursor: pointer;
    font-size: 23px;
    z-index: 999;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../../../content/dam/hdfclifeinsurancecompany/pop-close.png) no-repeat 0 0;
}

.modalPopUp .modalCloseBtn svg {
    display: none;
}

.btnred {
    background: #ed1c24;
    text-transform: uppercase;
}

.btnred, .btnred:active, .btnred:focus, .btnred:hover {
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    border: 1px solid #ed1c24;
    height: 34px;
    padding: 7px 21px;
    min-width: 135px;
}

@media only screen and (max-width: 767px){
.cs-workarea {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px;
}
}

@media only screen and (max-width: 767px){
.cs-workarea .cs-box-holder {
    min-height: auto;
}
}

@media only screen and (max-width: 767px){
.cs-workarea .cs-box-holder {
    padding: 16px 24px;
    margin-bottom: 14px;
    clear: both;
    overflow: hidden;
    box-shadow: 0 2px 8px rgb(0 94 158 / 5%), 1px 2px 4px rgb(50 130 196 / 8%);
}
}

@media only screen and (max-width: 767px){
.cs-workarea .cs-box-holder span {
    float: left;
}
}

@media only screen and (max-width: 767px){
.cs-workarea .cs-box-holder h3 {
    float: left;
    padding-top: 17px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    width: 70%;
    padding-bottom: 0;
}
}

@media only screen and (max-width: 767px){
.cs-workarea .cs-box-holder:before, .cs-workarea .cs-box-holder ul, .cs-workarea .cs-box-holder ul+div {
    display: none;
}
}

@media only screen and (max-width: 767px){
.cs-workarea .cs-box-holder:after {
    position: absolute;
    content: "";
    right: 38px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../../../content/dam/hdfclifeinsurancecompany/customer-services/cs-sprite.png) no-repeat -137px -88px;
    display: inline-block;
    width: 8px;
    height: 14px;
}
}

@media only screen and (max-width: 767px){
.help-bg, .policy-bg {
    height: 315px;
    margin-top: 20px;
}
}

@media only screen and (max-width: 767px){
.cs-help, .cs-profile {
    display: none;
}
.cs-workarea .cs-box-holder p, .cs-workarea .cs-box-holder div, .cs-workarea .cs-box-holder ol {
    display: none;
}
}

.cs-workarea .rt-blue-bg a span {
    font-size: 9px;
    line-height: 14px;
    border: 1px solid #ed1c24;
    border-radius: 20px;
    padding: 1px 8px;
    color: #ed1c24;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}


.tabAccordContent ul li, .tabAccordContent ol li {
    padding-bottom: 10px;
    padding-top: unset !important;
}
.questionanswer p {
    margin-bottom: unset !important;
}
.claims-accord {
    margin-top: 10px;
}
.questionanswer .claims-accord .accordion-lists .cust-accordion .accordion-content{
    display: none;
}
.questionanswer .accordion-lists .accordion-content ul li, .questionanswer .accordion-lists .accordion-content ol li {
    font-weight: 400;
    padding-bottom: 10px !important;
}
.claims-accord .accordion-lists .cust-accordion .accordion-head h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #005e9e;
    padding-bottom: 10px;
}
#Death .accordMenuContWrp.opened .faq-download .questionanswer p, #Health .accordMenuContWrp.opened .faq-download .questionanswer p{
    font-weight: 600;
    margin-bottom: 0px !important;
  }
  .cust-accordion .accordion-content b {
      font-weight: bold;
  }
  .claims-accord .accordion-lists .cust-accordion.open h3 {
    color: #ed1c24;
}

@media screen and (max-width:768px){
    .questionanswer .cust-accordion p a{
        word-break: break-all !important;
    }
    }
/**********************************************common disclaimer css start*************************************/
h4,
p {
    margin: 0;
}
body,
html {
    font-family: Poppins, sans-serif;
}
.container {
    max-width: 1060px;
    width: 100%;
}

.section {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding-top: 85px;
    padding-bottom: 72px;
}
.btnred:not(:disabled):not(.disabled).active:focus,
.btnred:not(:disabled):not(.disabled):active:focus,
.show > .btnred.dropdown-toggle:focus:not(:disabled):not(.disabled).active:focus {
    background: #ff3038 !important;
    outline: none;
    outline-style: none;
    outline-width: 0;
}
.panel-title a {
    background-image: url(../../../content/dam/hdfclifeinsurancecompany/home/icons/arrow-up.png);
    margin-top: 78px;
    text-decoration: none;
}
.panel-title a,
.panel-title a.collapsed {
    font-size: 22px !important;
    line-height: 22px;
    font-weight: 400;
    color: #767676;
    display: block;
    background-repeat: no-repeat;
    background-position: 100%;
}
.panel-title a.collapsed {
    background-image: url(../../../content/dam/hdfclifeinsurancecompany/home/icons/arrow-down.png);
}
.panel.panel-default {
    padding-bottom: 16px;
}
.panel.panel-default .panel-collapse {
    padding-top: 20px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #5a5a5a;

}
.panel-collapse p {
    position: relative;
    margin-top: 12px;
    padding-left: 7px;
    word-wrap: break-word;
}
.panel-collapse p:first-child {
    margin-top: 0;
}

.disclaimer .disclaimer-pb .panel-title a:hover{
    color: #767676;
}

.panel ol li::marker {
    font-weight: 500;
}
@media (max-width: 767px) {
    
    .disclaimer .section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .disclaimers-sec .panel-title a,
    .panel-title a.collapsed {
        
        margin-top:0px;
    }

    .disclaimer-pb .panel-title a.collapsed{
        font-size: 22px !important;
    }

    /* .section.disclaimer-pb {
        padding: 0 0 80px !important;
    } */
    
}
@media (min-width: 1025px) {
    .container.aboutus-sec {
        padding: 0;
    }
}
body,
html {
    height: 100%;
}
@media only screen and (max-width: 767px) {
    .disclaimers-sec .panel-group {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.disclaimers-sec .panel.panel-default {
    border-bottom: 0.5px solid #c7cacc;
}
html {
    scroll-behavior: smooth;
}

.disclaimer .panel-title a:hover{
	text-decoration: none !important;
	color: #767676;
}
/*# sourceMappingURL=style.css.map */
.disclaimer .disclaimerViewhere {
    font-size: 12px;
}
.wrapper{max-width:1060px;width:100%;margin:0 auto;}
.disclaimer-wrap{padding:80px 0;}
.disclaimer-wrap .disclaimer-sec{border-bottom:.5px solid #c7cacc;padding:0 0 20px;}
.disclaimer-wrap .disclaimer-head{position:relative;cursor:pointer;}
.disclaimer-wrap .disclaimer-head span{position:absolute;top:5px;right:5px;display:block;width:17px;height:9px;}
.disclaimer-wrap .disclaimer-head h3{font-weight:400;font-size:22px;line-height:22px;color:#767676;}
.disclaimer-wrap .disclaimer-cont{display:none;padding:22px 20px 0 5px;}
.disclaimer-wrap .disclaimer-cont p{font-size:12px;line-height:22px;color:#5a5a5a;margin:15px 0 0;position:relative;padding-left:7px;}
.disclaimer-wrap .disclaimer-cont p:first-child{margin-top:0;}
.disclaimer-wrap .disclaimer-cont p .disclaimer-count{font-size:8px;line-height:6px;color:#5a5a5a;position:absolute;top:8px;left:0;font-weight:700;} 
.disclaimerSec .disclaimer-wrap{display:block!important;padding-top:15px!important;} 
.disclaimerSec .disclaimer-wrap{padding-top:0;}
.disclaimer-wrap .disclaimer-sec .disclaimer-head span{transform:rotate(0deg);-webkit-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out;-ms-transition:transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;width:auto;height:auto;} 
.panel.panel-default .panel-collapse {
    padding-top: 10px !important;
}
.panel-collapse p:first-child {
    padding-top: 0;
}
@media only screen and (max-width:768px){
    .disclaimertext {font-size:14px}
.products-wrapper .disclaimers-section .disclaimer-wrap{padding-bottom:64px;}
}
@media screen and (min-width:100px) and (max-width:1023px){
.wrapper{width:100%!important;padding-left:34px!important;padding-right:34px!important;}
}
@media screen and (max-width:1024px){
.disclaimer-wrap .wrapper{padding-left:40px;padding-right:40px;}
.wrapper{width:100%;}
}
@media screen and (min-width:100px) and (max-width:1023px){
.disclaimer-wrap{display:none;}
}
.disclaimer-wrap .disclaimer-sec.open .disclaimer-head span {
    transform: rotate(180deg);
}
.disclaimer-wrap .disclaimer-sec.open .disclaimer-head span path {
    stroke: #ed1c24;
}
/* .reduceheightfordisclaimer {
    margin-top: -25px !important;
} */
.disclaimer ol li{
    list-style: decimal;
}

/*************************************************************common disclaimer css end************************************************/
/******************************************************************common blank rte css start******************************************************/

.termpageRTE section{
  padding-block: 50px;
}
.termpageRTE section.reducepaddingforsection {
  padding-block: 20px;
}
.termpageRTE section.reducetoppaddingforsection {
  padding: 0 0 50px;
}
.termpageRTE section.reducebottompaddingforsection {
  padding: 50px 0 0;
}

.term-page-rte h2{
  font-size: 32px;
  font-weight: 700;
  color: #233253;
  margin-bottom: 16px;
}

.term-page-rte h2:nth-child(n+2){
  margin-top: 2rem;
}

.termpageRTE  p{
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 18px;
  color: #5a5a5a;
  font-weight: 400;
  margin: 0;
}

.single-knowledge-center-page {
  /* padding-top: 65px !important; */
  color: #000;

  /* color: #000; */
  color: #5a5a5a;

  margin-bottom: 18px;
}
.termpageRTE  li{  
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #5a5a5a;
  margin: 0 10px 20px;
} 
.BlueHeading {
  color: #233253;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
}

.termpageRTE  ul li{ list-style: disc;}

.termpageRTE  .blankpadding{
  padding-top:30px !important;
  padding-bottom: 30px !important;
}

.termpageRTE  .setdisc{
  max-width:1060px;
  margin:0 auto;
}

.flexBoxIcons{
  display: flex;
}
.flexBoxIcons .iconBox{
  text-align: center;
  flex: 1 1 auto;
}
.flexBoxIcons .iconBox img{
  margin-bottom:15px;
}
.single-knowledge-center-page {
  padding-top: 65px!important;
}
.wrapper {
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}


@media screen and (max-width: 480px) {
  .flexBoxIcons{
    flex-wrap: wrap;
  }
  .flexBoxIcons .iconBox{
    margin-bottom:40px;
  }
}

@media screen and (min-width: 100px) and (max-width: 1023px){
  .single-knowledge-center-page {
      padding-top: 50px !important;
  }
  .wrapper {
      width: 100% !important;
      padding-left: 34px !important;
      padding-right: 34px !important;
  }
  }

.single-knowledge-center-page.wrapper h2{
  font-size: 38px;
  line-height: 48px;
  color: #233253;
  font-weight: 500;
}

.single-knowledge-center-page.wrapper h3{
  font-size: 28px;
  color: #233253;
  font-weight: 500;
}

.forh5tag{
  font-weight: 400;
  font-size: 16px;
  line-height: 60px;
  color: #233253;
  margin: 0 0 32px;
}

.BlueHeading{
color: #233253;
font-size: 48px;
line-height: 48px;
font-weight: 700;
}

.bluesubheading{
color: #233253;
font-weight: 600;
}

.setdisc table{
  margin: auto;
}

.setdisc table td p{
  color: #000 !important;
  margin-bottom: 0 !important;
}

.setdisc table td{
  padding: 6px;
}

/* .setdisc table tr:nth-child(1),.setdisc table tr:nth-child(2){
  background-color: #e8f5fc;
} */

.setdisc table tr:nth-child(1),
.setdisc table tr:nth-child(2){
  background-color: #005e9e;
}

.setdisc table tr:nth-child(1) td p,
.setdisc table tr:nth-child(2) td p{
  color: #fff !important;
}

.setdisc table tr:not(:first-child):not(:nth-child(2)) td:first-child {
  background-color: #eaf1f8;
}
.setdisc table tr:not(:first-child):not(:nth-child(2)) td:first-child p{
  color: #005e9e !important;
}
.termpageRTE .sec-title {
  font-size: 32px;
  font-weight: 700;
  color: #233253;
  margin-bottom: 26px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .single-knowledge-center-page.wrapper h2{
    font-size: 26px;
    line-height: 30px;
  }
  .BlueHeading{
    color: #233253;
    font-size: 24px;
    line-height: 30px;
 }
 .setdisc table{
   display: block;
   overflow-x: scroll;
 }
 .setdisc table td{
  padding: 2px;
}
.termpageRTE .sec-title {
  text-align: center;
  font-size: 24px;
  margin-top: 25px;
}
.termpageRTE section {
  padding-block: 20px;
}
.termpageRTE section.reducepaddingforsection,
.termpageRTE section.reducetoppaddingforsection,
.termpageRTE section.reducebottompaddingforsection{
  padding-block: 20px;
}
.termpageRTE .mob-txt-center {
  text-align: center;
}

}
table.customtable tr {
  background: #eaf1f8;
}
table.customtable tr:nth-child(2n) {
  background-color: #f2f2f2;
}
table.customtable td, table.customtable th {
  border: 1px solid #fff;
}
table.customtable td p {
  margin-top: 15px;
  /* margin-bottom: 23px; */
  margin-bottom: 0px !important;
  margin-left: 16px;
}

@media only screen and (max-width: 820px){
.table-freeze-wrapper {
    overflow-x: scroll;
}
}
/* .single-knowledge-center-page p {
   margin-bottom: 18px !important; 
} */

.setbggray{
  background-color: #f9f9f9;
}

.insurance-knowledge-center-header-para{
  color: #005e9e !important;
  margin-bottom: 0 !important;
  font-weight: bold !important;
  padding-top: 10px;
  text-align: center;
  display: block;
}

.insurance-knowledge-center-header-back{
  background-color: #f9f9f9;
  width: 100%;
  padding: 5px 0 1px;
  margin-top: 10px;
}

.insurance-knowledge-center-header-secondpara{
  display: block;
  margin: 0!important;
  text-align: center !important;
}

  @media only screen and (max-width: 767px){
    /* .insurance-knowledge-center-header-back{
      margin-bottom: -45px;
    } */
    .insurance-knowledge-center-header-back p{
      margin-bottom: 0 !important;
    }
  }


/*ADDED TO PICK BG-COLORS USING RADIO BUTTONS */

.skyblue{
  background-color: #F2FBFF;
}

.lightgrey{
  background-color: #f9f9f9;
}

.termpageRTE .fontsizesmall{
  font-size: 13px;
  color: #5a5a5a;
}
.termpageRTE .font14 p{
  font-size: 14px;
}
.termpageRTE .rtegrey{
  color: #5a5a5a;
}

.termpageRTE .container ul li h3 {
  font-size: 16px;
  font-weight: bolder;
  line-height: 20px;
  color: #233253;
}
.termpageRTE h3 {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
}
.termpageRTE h4 {
  line-height: 1.2;
  font-size: 16px;
  font-weight: 500;
}
.termSectionCommon .addAccordion .termpageRTE section {
  padding-block: 20px;
}
.termpageRTE .btnWrapper {
  padding: 10px;
}

.termpageRTE .explorePlanBtn {
  background: #ed1c24;
  border: 1px solid #ed1c24;
  border-radius: 4px;
  width: 120px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.termpageRTE .explorePlanBtn a {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.termpageRTE .explorePlanBtn a:hover {
  box-shadow: 0 8px 12px rgba(237, 28, 36, .2);
}
.termpageRTE .marginBtm-18 {
  margin-bottom: 18px;
}
/******************************************************************common blank rte css start******************************************************/

.blankRTE p{
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 18px;
  color: #5a5a5a;
  font-weight: 400;
  margin: 0 0 32px;
}
.blankRTE h2{
  margin-bottom: 20px;
}

.blankRTE .thin-a-font table tbody tr td a{
  font-weight: 300;
}


.blankRTE .paddingBlock0{
  padding-block: 0 !important;
}


.single-knowledge-center-page {
  /* padding-top: 65px !important; */
  color: #000;

  /* color: #000; */
  color: #5a5a5a;

  margin-bottom: 18px;
}
.blankRTE li{  
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #5a5a5a;
  margin: 0 10px 20px;
} 
.BlueHeading {
  color: #233253;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
}

.blankRTE ul {
  padding-inline: 15px;
}

.blankRTE ul li{ list-style: disc;}

.blankRTE .blankpadding{
  padding-block: 20px !important;
}

.blankRTE .setdisc{
  max-width:1060px;
  margin:0 auto;
}

.flexBoxIcons{
  display: flex;
}
.flexBoxIcons .iconBox{
  text-align: center;
  flex: 1 1 auto;
}
.flexBoxIcons .iconBox img{
  margin-bottom:15px;
}
.single-knowledge-center-page {
  padding: 50px 0 50px !important;
}
.wrapper {
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}

.blankRTE .single-knowledge-center-page p .blueSpan{
  color : #025f9e;
  font-weight: 600;
}

.blankRTE .single-knowledge-center-page p .skyblueSpan{
  color : #1f81c3;
  font-weight: 500;
}


.blankRTE .aggregator-table.single-knowledge-center-page{
  width : 100%;
  max-width: 100%;
}

.blankRTE .wrapper table{
  border: 1px solid #fff; 
  border-collapse: collapse;
}

.blankRTE .aggregator-table .blankRTETable table{
  border: 1.0px solid #c7cacc; border-collapse: collapse; width: 1200px !important;
  box-shadow: 0 4px 20px rgba(0,94,158,.05), 3px 6px 10px rgba(50,130,196,.08);
  margin: 0 auto 5px;
}

.blankRTE .blankRTETable table thead{
  border: 1.0px solid #c7cacc; background: rgb(0,94,158); color: rgb(255,255,255);
}

.blankRTE .blankRTETable table thead tr th{
  border: 1.0px solid #c7cacc; text-align: center; height: 88.4px;
  font-weight: unset;
}

.blankRTE .blankRTETable table tbody tr td{
  border: 1.0px solid #c7cacc; color: rgb(0,94,158); text-align: center; width: 360.0px;
  color: #000;
}

.blankRTE .blankRTETable table tbody tr td:first-child{
  background-color: rgb(234, 241, 248);
    /* font-weight: 500; */
    color: rgb(0, 94, 158);
     text-align: center;
     width: 240px;
}

@media screen and (max-width: 480px) {
  .flexBoxIcons{
    flex-wrap: wrap;
  }
  .flexBoxIcons .iconBox{
    margin-bottom:40px;
  }
}

@media screen and (min-width: 100px) and (max-width: 1023px){
  .single-knowledge-center-page {
      padding-top: 50px !important;
  }
  .blankRTE .wrapper {
      width: 100% !important;
      padding-left: 7px !important;
      padding-right: 7px !important;
  }
  }

  .blankRTE .single-knowledge-center-page.wrapper h2{
  font-size: 32px;
  line-height: 48px;
  color: #233253;
  font-weight: 700;
}

.blankRTE .single-knowledge-center-page.wrapper h3,
.blankRTE .single-knowledge-center-page.wrapper h4{
  font-size: 16px;
  color: #233253;
  font-weight: 500;
}
.blankRTE .single-knowledge-center-page.wrapper h4 {
  font-size: 14px;
}

.forh5tag{
  font-weight: 400;
  font-size: 16px;
  line-height: 60px;
  color: #233253;
  margin: 0 0 32px;
}

.BlueHeading{
color: #233253;
font-size: 48px;
line-height: 48px;
font-weight: 700;
}

.bluesubheading{
color: #233253;
font-weight: 600;
}

.setdisc table{
  margin: auto;
}

.blankRTE .setdisc table tr:nth-child(1) td p, 
.blankRTE .setdisc table tr:nth-child(2) td p{
  color: #000 !important;
  margin-bottom: 0 !important;
}

.setdisc table td{
  padding: 6px;
}

/* .setdisc table tr:nth-child(1),.setdisc table tr:nth-child(2){
  background-color: #e8f5fc;
} */

.setdisc table tr:nth-child(1),
.setdisc table tr:nth-child(2){
  background-color: #005e9e;
}

.setdisc table tr:nth-child(1) td p,
.setdisc table tr:nth-child(2) td p{
  color: #fff !important;
}

.blankRTE .colorBlack p, .blankRTE .colorBlack ul li, .blankRTE .colorBlack ol li, .blankRTE .colorBlack div{
  color: #000 !important;
}

.setdisc table tr:not(:first-child):not(:nth-child(2)) td:first-child {
  background-color: #eaf1f8;
}
.setdisc table tr:not(:first-child):not(:nth-child(2)) td:first-child p{
  color: #005e9e !important;
}

@media screen and (max-width: 768px) {
  .blankRTE .single-knowledge-center-page.wrapper h2{
    font-size: 24px;
    line-height: 30px;
  }
  .BlueHeading{
    color: #233253;
    font-size: 24px;
    line-height: 30px;
 }
 .setdisc table{
   display: block;
   overflow-x: scroll;
 }
 .setdisc table td{
  padding: 2px;
}
.blankRTE .single-knowledge-center-page {
  padding-block: 20px !important;
}
}
table.customtable tr {
  background: #eaf1f8;
}
table.customtable tr:nth-child(2n) {
  background-color: #f2f2f2;
}
table.customtable td, table.customtable th {
  border: 1px solid #fff;
}
table.customtable td p {
  /* margin-top: 15px;
  margin-bottom: 23px;
  margin-left: 16px; */
  margin: 0 auto;
  padding: 15px 10px;
}

@media only screen and (max-width: 820px){
.table-freeze-wrapper {
    overflow-x: scroll;
}
}
/* .single-knowledge-center-page p {
   margin-bottom: 18px !important; 
} */

.setbggray{
  background-color: #f9f9f9;
}

.insurance-knowledge-center-header-para{
  color: #005e9e !important;
  margin-bottom: 0 !important;
  font-weight: bold !important;
  padding-top: 10px;
  text-align: center;
  display: block;
}

.insurance-knowledge-center-header-back{
  background-color: #f9f9f9;
  width: 100%;
  padding: 5px 0 1px;
  margin-top: 10px;
}

.insurance-knowledge-center-header-secondpara{
  display: block;
  margin: 0!important;
  text-align: center !important;
}

.blankRTE .colorBlack p, .blankRTE .colorBlack ul li, .blankRTE .colorBlack ol li{
  margin-bottom: 0;
}

  @media only screen and (max-width: 767px){
    /* .insurance-knowledge-center-header-back{
      margin-bottom: -45px;
    } */
    .insurance-knowledge-center-header-back p{
      margin-bottom: 0 !important;
    }
    
    .blankRTE .blankpadding{
      padding-top:20px;
      padding-bottom: 20px;
    }
  }


  .blankRTE table tbody tr:nth-child(odd) {
    background-color: #eaf1f8;
  }
  
  .blankRTE table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
  }

  .blankRTE .tableHeadingCenter {
    text-align: center;
  }
  .blankRTE .marginBtm {
    margin-bottom: 30px;
}
.blankRTE .marginBtm-18 {
  margin-bottom: 18px;
}
.blankRTE .single-knowledge-center-page.wrapper .fontW-700 {
  font-weight: 700;
}
.blankRTE .single-knowledge-center-page.wrapper .fontW-900 {
  font-weight: 900 !important;
}

.blankRTE:has(.formHeading) {
  width: 555px;
}

.blankRTE .formHeading {
  padding: 10px 20px !important;
  width: fit-content !important;
  margin: 0 auto;
  background-color: #E9F8FF;
  border: 1px solid #9B93FF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.blankRTE .formHeading h1 {
  margin-bottom: 0px;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .blankRTE:has(.formHeading) {
    width: auto;
  }

  .blankRTE .formHeading h1 {
    font-size: 18px;
    line-height: 18px;
  }
} 
.termSectionCommon .addAccordion .blankRTE .single-knowledge-center-page{
padding-block: 20px !important ;

}
.blankRTE .numText {
  display: flex;
  align-items: center;
}
.blankRTE .numText span {
  margin-right: 8px;
  font-size: 16px;
  color: #233253;
}
.blankRTE .numText h3 {
  text-align: left;
}
.blankRTE .keyTakeAwayPopup {
  padding: 15px 10px 0 25px;
  margin-bottom: 5px;
  height: 211px;
  overflow-y: scroll;
}
.blankRTE .keyTakeAwayPopup p {
  font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 18px;
    color: #5a5a5a;
    font-weight: 400;
    margin: 0 0 11px;
}

.blankRTE .article-orderList {
  padding-inline-start: 14px;
}

.blankRTE .article-orderList li::marker, .blankRTE .article-orderList li h3 {
  font-weight: bolder !important;
  font-size: 16px;
  line-height: 20px;
  color: #233253;
}

.blankRTE .formHeading2 {
  width: 100% !important;
  margin: 0;
  border: 1px solid #BFE6FB;
  border-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.blankRTE .formHeading2 h1 {
  text-align: left;
}

.blankRTE .formHeading2 p {
  margin-bottom: 0px !important;
}

.blankRTE .tooltip {
  position: relative;
  opacity: 1;
  z-index: 1;
}

.blankRTE .tooltip-image {
  cursor: pointer;
}

.blankRTE .tooltip-content {
  display: none;
  position: absolute;
  bottom: 36px;
  right: -50%;
  width: max-content;
  padding: 10px 7px;
  background-color: #eaf4fd;
  border: 1px solid #bddcf8;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-size: 11px;
  line-height: 15px;
  font-weight: 300;
  transform: translateX(50%);
  max-width: 245px;
  color: #000;
}

.blankRTE .tooltip-content::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -8px;
  left: 39%;
  background-color: #eaf4fd;
  border-bottom: 1px solid #bddcf8;
  border-right: 1px solid #bddcf8;
  transform: rotate(45deg);
  z-index: 0;
}

.blankRTE .tooltip-image:hover + .tooltip-content {
  display: block;
}

@media screen and (max-width: 768px) {
  .blankRTE .tooltip-content {
    right: 0px;
    transform: unset;
    z-index: 20;
  }

  .blankRTE .tooltip-content::before {
    left: unset;
    right: 5px;
  }
}
.keybenefits .haveQuesSec.benefits-container{
    padding:0px !important;
}

.keybenefits .content-section .tabAccordContent .key {
    font-size: 14px;
    line-height: 22px;
    color: #005e9e;
    font-weight: 500;
    padding-bottom: 12px;
    padding-top: 20px;
}

.keybenefits .content-section .tabAccordContent .keyul {
    clear: both;
    overflow: hidden;
    list-style: non;
    margin: 0;
    padding: 0;
}

.keybenefits .content-section .tabAccordContent .keyul li {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0 0 18px 30px;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #5a5a5a;
    font-weight: 400;
    text-align: left;
}

.keybenefits .content-section .tabAccordContent .keyul li:before {
    background: url(../../../content/dam/hdfclifeinsurancecompany/customer-services/trust.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
}

.keybenefits .content-section .tabAccordContent p {
    font-size: 14px;
    line-height: 22px;
    color: #5a5a5a;
    font-weight: 400;
    padding-bottom: 20px;
}

.keybenefits .haveQuesSec .tabAccordContent p {
    word-break: unset;
}

.keybenefits .content-section .keybenefits .note {
    font-size: 12px;
    color: #989898;
}
footer .wrapper.disclaimerTxtParent p {
	font-size: 15px !important;
	color: #1f2223;
	margin-bottom: 18px;
}

.hdfc-life-insurance-footer footer {
	content-visibility: auto;
	contain-intrinsic-size: auto 1532px;
	background: #FFF6F6;
}

.hdfc-life-insurance-footer .disclaimerTxtParent {
	padding-inline: 12px !important;
}

/* .hdfc-life-insurance-footer .wrapper.footerMenuSec .menuSecList {
	margin-bottom: 20px;
} */

.hdfc-life-insurance-footer .wrapper.footerMenuSec .menuSecList a {
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .menuSecList.open a {
	color: #FF3C43;
}

.hdfc-life-insurance-footer p {
	margin-bottom: 0;
}

.hdfc-life-insurance-footer .popularMenuList {
	border-right: none;
	padding-right: unset;
}

/* popularMenuList collapsable panel — hidden by default on all screen sizes */
.hdfc-life-insurance-footer .popularMenuList ul {
	display: none;
	padding-left: 20px;
}

.hdfc-life-insurance-footer .popularMenuList.open ul {
	display: block;
}

.hdfc-life-insurance-footer .popularMenuList h3 {
	display: flex;
	align-items: center;
	gap: 4px;
}

.hdfc-life-insurance-footer .popularMenuList h3 a {
	color: #233253;
	font-weight: 500;
}

.hdfc-life-insurance-footer .popularMenuList.menuSecList.open .popularMenuList__heading-text,
.hdfc-life-insurance-footer .popularMenuList.menuSecList .popularMenuList__heading-text:hover {
	color: #FF3C43;
}

.hdfc-life-insurance-footer .popularLinks {
	border-right: 1px solid #cfd6d6;
	padding-right: 26px;
	max-width: 30%;
}

.hdfc-life-insurance-footer .productList {
	flex: 1;
	padding-left: 26px;
}

/* .hdfc-life-insurance-footer .wrapper.footerMenuSec {
	gap: 16px
} */

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec {
	margin-top: 20px;
	margin-left: 0px;
}


.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec:first-child {
	margin-top: 0;
}


/* .ewidth .stayUpdatedSec {
	max-width: 310px;
} */

.hdfc-life-insurance-footer .stayUpdatedSec {
	max-width: 100%;
}

.hdfc-life-insurance-footer .stayUpdatedSec .form-group {
	display: flex;
	width: 100%;
	margin-bottom: 0px;
}

.hdfc-life-insurance-footer .stayUpdatedSec .form-group .awesomplete {
	flex: 1;
}

.hdfc-life-insurance-footer .stayUpdatedSec .emailAddress {
	width: 100%;
}

.hdfc-life-insurance-footer .stayUpdatedSec .error-txt {
	line-height: 24px;
}

.hdfc-life-insurance-footer .stayUpdatedSec .recaptcha {
	margin-top: 16px;
	transform: scale(0.8);
	transform-origin: 0 0;
}

.ewidth .form-group>label {
	line-height: 16px;
}

.hdfc-life-insurance-footer .footerFormSec .footerFormBlk a img {
	width: auto;
	height: auto;
}

footer .footerFormSec .stayConnectedSec>div a.twitter img {
	width: 23px;
}

.hdfc-life-insurance-footer footer .footerMenuSec .productMenuSec .productMenuWrp .menuSecList a:hover {
	color: #FF3C43;
}

.hdfc-life-insurance-footer footer .footerMenuSec .productMenuSec .productMenuWrp .menuSecList .viewalllink:hover {
	margin-left: 5px;
}


.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	column-gap: 8px;

	padding-block: 16px;
}


.hdfc-life-insurance-footer .footerFormSec .stayConnectedSec>div a.twitter:hover {
	/* background: #50abf1; */
	/* border-color: #50abf1; */
	background: #000000;
	border-color: #000000;
}

/* menuSecList collapsable panel — hidden by default on all screen sizes */
.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList .menuSecListSection {
	display: none;
	padding-left: 20px;
	padding-bottom: 20px;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList.open .menuSecListSection {
	display: block;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList.noPlanName .menuSecListSection {
	padding-left: 0;
	padding-bottom: 0;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList.noPlanName .menuSecListSection a {
	color: #1F2223;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList.noPlanName .menuSecListSection a:hover {
	color: #ED1C24;
}

/* Toggle button */
.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList h3 {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	/* justify-content: space-between; */
}

.hdfc-life-insurance-footer .menuSecToggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	color: #233253;
	flex-shrink: 0;
	transition: color 150ms ease-in-out;
}

.hdfc-life-insurance-footer .menuSecToggle:hover {
	color: #FF3C43;
}

.hdfc-life-insurance-footer .menuSecToggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

/* Plus icon shown when collapsed, minus icon shown when expanded */
.hdfc-life-insurance-footer .menuSecToggle__icon-collapsed {
	display: inline-block;
}

.hdfc-life-insurance-footer .menuSecToggle__icon-expanded {
	display: none;
}

.hdfc-life-insurance-footer .menuSecList.open .menuSecToggle__icon-collapsed {
	display: none;
}

.hdfc-life-insurance-footer .menuSecList.open .menuSecToggle__icon-expanded {
	display: inline-block;
}

.hdfc-life-insurance-footer .menuSecList.open .menuSecToggle {
	color: #FF3C43;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList h3 a,
.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList h3 .nonLinkedProduct {
	color: #233253;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList h3 a:hover {
	color: #FF3C43;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList.open h3 a:hover {
	color: #233253;
}

.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList.open h3 a,
.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList.open h3 .nonLinkedProduct {
	color: #FF3C43;
}

.hdfc-life-insurance-footer .menuSecListSection .viewalllink {
	font-weight: 600;
	font-size: 10px;
	line-height: 20px;
	color: #233253;
	text-transform: uppercase;
	margin: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

@media screen and (min-width : 768px) {
	.hdfc-life-insurance-footer .paymentPartnersSec,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp {
		position: relative;
	}

	.hdfc-life-insurance-footer footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList {
		/* max-width: 25%; */
		width: 100%;
		/* padding-top: 15px;
		padding-right: 20px;
		border-bottom: 1px solid #8a93a5;
		padding-bottom: 20px; */
		margin-bottom: 0;
	}

	.hdfc-life-insurance-footer .paymentPartnersSec::after,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp::after {
		content: '';
		width: 100%;
		border-bottom: 1px solid #8a93a5;
		position: absolute;
		bottom: 0;
	}

	.hdfc-life-insurance-footer footer .wrapper.footerMenuSec .productMenuSec>h3 {
		margin-bottom: 0;
	}

}

@media screen and (max-width: 1024px) {
	footer {
		contain-intrinsic-size: auto 1270px;
	}
}

@media screen and (max-width : 768px) {

	.hdfc-life-insurance-footer .footerFormSec .stayUpdatedSec {
		display: block !important;
		padding-top: 16px;
		/* padding: 38px 0; */
	}

	.hdfc-life-insurance-footer .footerFormSec .stayUpdatedSec h3 {
		text-align: center;
	}

	.hdfc-life-insurance-footer .footerFormSec {
		padding: 0px !important;
	}

	.hdfc-life-insurance-footer .footerFormSec .footerFormBlk {
		display: none;
	}

	/* .hdfc-life-insurance-footer .wrapper {
		padding-inline: 24px !important;
	} */
}

@media screen and (max-width: 1024px) {
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList {
		max-width: 100%;
		width: 100%;
	}

	.ewidth form input {
		width: 68% !important;
	}

	.ewidth form button {
		width: 32% !important;
	}

	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec {
		width: auto;
	}
}

@media screen and (max-width: 768px) {

	.hdfc-life-insurance-footer .popularLinks {
		padding-right: 0;
		width: 100%;
		border-right: none;
	}

	.hdfc-life-insurance-footer .productList {
		flex: auto;
		padding-left: 0;
	}

	.hdfc-life-insurance-footer .popularMenuList ul,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp {
		padding: 12px;
	}

	/* footer .wrapper.footerMenuSec .menuSecList ul{
		padding-left: 20px;
	} */

	.hdfc-life-insurance-footer .popularLinks h3,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec h3 {
		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
		/* margin-bottom: 15px; */
		position: relative;
	}

	.hdfc-life-insurance-footer .wrapper.footerMenuSec .menuSecList h3 {
		font-size: 16px;
	}

	/* .hdfc-life-insurance-footer .popularLinks h3,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec>h3 {
		width: 95%;
	} */

	.hdfc-life-insurance-footer .footerMenuSec {
		padding-inline: 12px !important;
		gap: 8px;
	}

	.hdfc-life-insurance-footer .popularLinks .popularMenuList {
		margin-bottom: 0px !important;
	}

	.hdfc-life-insurance-footer .popularLinks .popularMenuList,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec {
		position: relative;
		margin-top: 0px;
		margin-left: 0px !important;
	}

	.hdfc-life-insurance-footer .popularMenuList .mobileAccordion,
	.hdfc-life-insurance-footer .productMenuSec .productMenuWrp {
		background: #FFE7E7;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.hdfc-life-insurance-footer footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList h3 {
		display: flex;
		/* justify-content: space-between; */
	}

	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList .planNameHead,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList .nonLinkedProduct {
		display: block;
		width: 80%;
	}

	.hdfc-life-insurance-footer .popularLinks .popularMenuList h3::after,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec>h3::after {
		content: "";
		position: absolute;
		right: 4px;
		width: 20px;
		height: 20px;
		background: url(../../../content/dam/hdfclifeinsurancecompany/images/home-images/dd-arrow-white.svg) no-repeat center;
		background-size: 60%;
		transform-origin: center;
	}

	.hdfc-life-insurance-footer .popularLinks .popularMenuList.open h3::after,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec.open>h3::after {
		transform: rotate(-180deg);
		/* top: 5px; */
	}

	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList .planNameHead,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec .productMenuSec .productMenuWrp .menuSecList .planNameHead h3 {
		display: inline;
	}

	.hdfc-life-insurance-footer .popularMenuList.menuSecList.open .popularMenuList__heading-text,
	.hdfc-life-insurance-footer .popularMenuList.menuSecList .popularMenuList__heading-text:hover {
		color: #fff;
	}

	.hdfc-life-insurance-footer .footerMobileAccordion {
		width: 100%;
		background: #025289;
		color: #fff !important;
		padding: 8px 12px;
		border-radius: 4px;
	}

	.hdfc-life-insurance-footer .popularMenuList.open .footerMobileAccordion,
	.hdfc-life-insurance-footer .productMenuSec.open .footerMobileAccordion {
		background: #ED1C24;
	}

	.hdfc-life-insurance-footer .popularMenuList .menuSecToggle {
		width: 100%;
		justify-content: flex-start;
	}

	.hdfc-life-insurance-footer .popularMenuList .menuSecList {
		margin-bottom: 0px;
	}

	.hdfc-life-insurance-footer .popularMenuList .menuSecToggle__icon {
		display: none;
	}

	.hdfc-life-insurance-footer .bewareAlert>div {
		padding: 24px 8px;
	}

	/* Mobile section ordering via display:contents + flex order */
	.hdfc-life-insurance-footer .wrapper.footerMenuSec {
		display: flex;
		flex-direction: column;
	}

	.hdfc-life-insurance-footer .wrapper.footerMenuSec>.popularLinks,
	.hdfc-life-insurance-footer .wrapper.footerMenuSec>.productList {
		display: contents;
	}

	.hdfc-life-insurance-footer .productMenuSec {
		order: 1;
	}

	.hdfc-life-insurance-footer .popularMenuList {
		order: 2;
	}

	.hdfc-life-insurance-footer .paymentPartnersSec {
		order: 3;
	}

	.hdfc-life-insurance-footer .footerFormSec {
		order: 4;
	}

	.hdfc-life-insurance-footer .mobileFooterMenu {
		font-weight: 600;
		order: 5;
		padding: 16px 0;
	}

	.hdfc-life-insurance-footer .mobileFooterMenu ul {
		justify-content: center;
		gap: 16px;
	}

	.hdfc-life-insurance-footer .footerInfo {
		order: 6;
	}

	.hdfc-life-insurance-footer .mobileFooterInfo {
		order: 7;
	}

	.hdfc-life-insurance-footer .bewareAlert {
		order: 8;
	}

	.hdfc-life-insurance-footer .externalLinks {
		order: 9;
	}

	.hdfc-life-insurance-footer .footerViewMore {
		order: 10;
	}
}

/* 29247 footer Regulatory Header Tag change START */
.hdfc-life-insurance-footer .footerInfo>div p {
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
}

.hdfc-life-insurance-footer .footerInfo {
	margin-top: 22px;
}

.hdfc-life-insurance-footer .footerInfo>div {
	margin-top: 22px;
	margin-bottom: 22px;
}

@media screen and (max-width: 768px) {
	.hdfc-life-insurance-footer .mobileFooterInfo>div {
		font-weight: 400;
		font-size: 12px;
		line-height: 17px;
		color: #666;
		margin: 0 0 15px;
	}
}

/* 29247 footer Regulatory Header Tag change END */

.hdfc-life-insurance-footer footer .footerFormSec {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-inline-start: 18px;
}

.hdfc-life-insurance-footer .appDwnldSec h3 {
	text-align: center;
}

.hdfc-life-insurance-footer .appDwnldSec .footerAppLinkWrapper,
.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerDownloadButton {
	display: none;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerDownloadButton a {
	min-width: 165px;
	font-size: 14px;
	color: rgb(255, 255, 255);
	background: rgb(237, 28, 36);
	padding: 13px;
	border-radius: 13px;
	text-align: center;
	cursor: pointer;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerQRCode {
	/* background-color: #DBDDDD; */
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	margin-top: 15px;
	padding: 12px 18px;
	border-radius: 20px;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerQRCode .qrCodeTitle {
	color: #F0202A;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerQRCode .qrCodeImgWrapper {
	position: relative;
	width: 100%;
	height: auto;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerQRCode img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink {
	justify-content: start;
	gap: 5px;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink .appleIcon img,
.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink .androidIcon img {
	position: absolute;
	bottom: 16px;
	width: 48px;
	height: 48px;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink .appleIcon img {
	left: 0;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink .androidIcon img {
	right: 0;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink .title {
	display: none;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0 !important;
}

.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec>div a.appleIcon {
	margin: 0px;
}

.hdfc-life-insurance-footer footer .footerFormSec .stayConnectedSec {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hdfc-life-insurance-footer footer .footerFormSec .stayConnectedSec>div {
	justify-content: center;
}

@media screen and (min-width: 768px) {
	.hdfc-life-insurance-footer footer .footerFormSec .stayConnectedSec>div {
		justify-content: center;
		max-width: 70%;
	}
}

@media screen and (max-width: 768px) {

	.hdfc-life-insurance-footer footer .footerFormSec {
		margin-inline-start: 0;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec {
		max-width: 100%;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerDownloadButton {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 25px;
		padding: 15px;
		border: 1px dashed #ED1C24;
		border-left: 0px;
		border-right: 0px;
		/* border-radius: 15px; */
		/* margin-bottom: 15px; */
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerDownloadButton .points {
		display: flex;
		justify-content: space-around;
		align-items: center;
		gap: 10px;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerDownloadButton .points img {
		object-fit: contain;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerDownloadButton .points p {
		font-size: 16px;
		font-weight: 500;
		color: #054E88;
		text-align: center;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerDownloadButton .points span {
		align-self: flex-end;
		display: block;
		width: 2px;
		height: 15px;
		background: #054E88;
		margin-bottom: 5px;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerDownloadButton .points span:last-child {
		display: none;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec,
	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink .title {
		display: block;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec {
		padding: 20px 0px;
		/* margin-inline: auto;
		border-top: 1px solid #9F9999;
		border-bottom: 1px solid #9F9999; */
	}

	.hdfc-life-insurance-footer footer .footerFormSec .stayConnectedSec h3,
	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec h3 {
		width: 100%;
		text-align: center;
	}

	.hdfc-life-insurance-footer .appDwnldSec .footerAppLinkWrapper {
		display: flex;
		flex-direction: column;
		gap: 18px;
	}

	.hdfc-life-insurance-footer .appDwnldSec .footerAppLinkWrapper .footerAppLink {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink .appleIcon img,
	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink .androidIcon img {
		position: static;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerQRCode {
		display: none;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .appDwnldSec .footerAppLink {
		justify-content: center;
		align-items: center;
		gap: 10px;
	}

	.hdfc-life-insurance-footer footer .footerFormSec .stayConnectedSec>div {
		max-width: 238px;
	}
}

/* Payment Partners Section */
.hdfc-life-insurance-footer .paymentPartnersSec {
	padding: 16px 0;
}

/* --- Single Image Styling --- */
.hdfc-life-insurance-footer .paymentPartnersSingle {
	display: flex;
	justify-content: center;
	/* Adjust to flex-start if you want it left-aligned */
	align-items: center;
	background: #fac3c3;
	border-radius: 12px;
	/* padding: 12px 16px; */
}

.hdfc-life-insurance-footer .paymentPartnersSingle img {
	max-width: 100%;
	height: auto;
	max-height: 44px;
	/* Matches the minimum height of the grid items */
	object-fit: contain;
}

/* --- Multiple Logos Grid Styling --- */
.hdfc-life-insurance-footer .paymentPartnersGrid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;
	align-items: center;
	background: #fac3c3;
	border-radius: 12px;
	padding: 12px 16px;
}

.hdfc-life-insurance-footer .paymentPartnersGrid .paymentPartnerItem {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 8px;
	padding: 8px 10px;
	min-height: 44px;
	text-decoration: none;
	/* Prevents underlines on the wrapper links */
	transition: transform 0.2s ease;
}

.hdfc-life-insurance-footer .paymentPartnersGrid .paymentPartnerItem:hover {
	transform: scale(1.02);
	/* Slight hover effect for interactive partner logos */
}

.hdfc-life-insurance-footer .paymentPartnersGrid .paymentPartnerItem img {
	max-width: 100%;
	height: 24px;
	width: auto;
	object-fit: contain;
}

/* --- Responsive Rules --- */
@media screen and (max-width: 768px) {
	.hdfc-life-insurance-footer .paymentPartnersGrid {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		padding: 12px;
	}
}
.aboutSectionTabMenu li a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #233253;
    padding: 12px 20px;
    margin: 0 10px;
    position: relative;
}

.haveQuesSec{
    padding-top: 50px;
}

.haveQuesSec .tabAccordSection .tabAccordContent {
    padding: 0 85px 40px 75px;
}

.haveQuesSec .content-section .keybenefits {
    padding: 0px 0px 0px 0px;
    border: none;
}

.haveQuesSec.pad0 {
    padding-top: 0px!important;
}

.tabAccordContent ul li {
    margin-left: 15px !important;
}

.accordMenuContWrp .tabAccordContent a {
    color: #005e9e;
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.header-section .header-section-left {
    float: none;
    width: 100%;
    padding: 32px 40px;
    text-align: center;
}
}


/* Banner css of salim  */
.cs-banner-section {
    margin-top: 98px;
    padding-top: 50px;
    padding-left: 60px;
    padding-right: 60px;
}

.csnewbanner {
    padding-top: 0 !important;
}

.cs-banner-section {
    margin-top: 0;
    padding-top: 50px;
}

.carousel {
    position: relative;
}

#carouselExampleIndicators {
    max-width: 1600px;
    margin: 0 auto;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#carouselExampleIndicators.cs-slide .carousel-item {
    min-height: 250px;
    height: auto !important;
    background: none !important;
}

#mtop0mob .banner-mob h1, #mtop0mob .banner-mob h2 {
    margin-top: 40px !important;
}

h1 .bgwhite, h2 .bgwhite  {
    display: flex !important;
    align-items: center;
}

.cs-banner-section h1 .bluetxt,.cs-banner-section h2 .bluetxt {
    color: #233253;
}

#carouselExampleIndicators .carousel-indicators {
    right: 80px !important;
    left: auto;
    bottom: auto;
    top: 23%;
    margin: 0;
    width: auto;
    display: block;
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.carousel-indicators li {
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin-bottom: 20px !important;
    border: 1px solid #005e9e !important;
}

.carousel-indicators li.active {
    background-color: #005e9e;
}

.carousel-indicators li.active {
    background-color: #005e9e;
}
.cs-banner-section h1:before ,.cs-banner-section h2:before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 82px;
    height: 82px;
    background: url(../../../content/dam/hdfclifeinsurancecompany/icons/cs-sprite.png) no-repeat 0 0;
    z-index: -1;
    left: -44px;
    top: -18px;
}
.cs-banner-section h1+p,.cs-banner-section h2+p {
    font-size: 14px;
    line-height: 20px;
    color: #233253;
    padding-top: 14px;
}

ul.customeliststyle {
    list-style-type: disc !important;
    display: flex !important;
    flex-wrap: wrap;
    padding-left: 18px;
}

.csnewbanner ul li {
    padding-right: 25px !important;
}

/* ::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
} */

#mtop0mob .banner-mob h1 {
    margin-top: 40px !important;
}
@media only screen and (max-width: 1020px){
.cs-banner-section h1,.cs-banner-section h2 {
    font-size: 24px;
    display: inline-block;
}
}

@media (max-width: 767px){
#carouselExampleIndicators .carousel-indicators {
    bottom: 0;
    top: auto;
    margin: 0;
    width: 100% !important;
    right: auto !important;
    text-align: center;
    display: block;
}
}

@media (max-width: 767px){
.carousel-indicators li {
    background-color: transparent;
    width: 6px;
    height: 6px;
    border-radius: 8px;
    border: 1px solid #fff !important;
    display: inline-block;
}
}

@media (max-width: 767px){
.carousel-indicators li.active {
    background-color: #fff;
}

/* me */
.banner-mob{
    margin-top: unset;
}

/* me */
.banner-mob p{
    margin-bottom: 0px !important;
}

/* me */
.cs-banner-section h1+p,.cs-banner-section h2+p{
    margin-bottom: 0px !important;
}
}

@media only screen and (max-width: 767px){
.cs-banner-section {
    padding-left: 0px!important;
    padding-right: 0px!important;   
}
}

@media only screen and (max-width: 767px){
ul.customeliststyle li {
    margin-left: 30px!important;
    flex: unset;
}
}

.cs-banner-section ul li:before {
    background: no-repeat 0 -84px !important;
}

ul.customeliststyle li {
    list-style-type: disc !important;
    display: list-item !important;
    /* float: left; */
    padding-left: 0px !important;
    flex: 0 0 30%;
    font-size: 13px !important;
    /* margin-left: 18px!important; */
}

@media only screen and (max-width: 767px){
ul.customeliststyle {
    text-align: left;
}
}

@media only screen and (max-width: 767px){
ul.customeliststyle li {
    margin-left: 30px!important;
    flex: unset;
}
}

@media only screen and (max-width: 1020px){
.cs-banner-section h1+p,.cs-banner-section h2+p {
    padding-top: 20px !important;
}
}


/* End of banner css */


/* customer service Csworkarea */
@media only screen and (max-width: 767px){
.toggle-image-with-text .setblock{
    display: block;
    text-align: center;
}
nav.aboutSectionTabMenuWrp {
    padding-top: 18px;
}
.haveQuesSec {
    padding: 20px 10px 20px 10px;
}

.questionanswer .claims-accord .accordion-lists .cust-accordion .accordion-head h3 {
    font-size: 12px;
    line-height: 18px;
}
}


/* Contact us  */
@media screen and (min-width: 100px) and (max-width: 1023px){
.bannerAdSection .bannerAdContent {
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}
.bannerAdSection {
    padding: 45px 25px;
    margin: 30px 0;
    justify-content: center;
}
.bannerAdSection .bannerAdBtn {
     margin-left: 0; 
}

.bannerAdSection .illustratorImg {
    display: none;
}
.bannerAdSection .bannerAdContent p {
    font-size: 14px;
    line-height: 20px;
}
}

main{
    margin-top: 98px;
}

.banner .banner-mob p{
    margin-bottom: 0px !important;
}


@media only screen and (min-width: 1024px){
nav.aboutSectionTabMenuWrp {
    padding-top: 45px;
    overflow: scroll;
    padding-left: 15px;
    padding-right: 15px;
}
}

.haveQuesSec .accordMenuContWrp .tabAccordContent p {
    margin-bottom: 10px !important;
}

.breadcrumbSection {
    padding: 8px 0 8px 29px !important;
}

.aboutTabWrap .tabAccordContent u a, .aboutTabWrap .tabAccordContent p a {
    word-break: break-word;
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.tabAccordSection .tabAccordMenu a .toggleIcon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.bannerAdSection .bannerAdContent h3, .bannerAdSection .bannerAdContent h2 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 16px;
}
}

@media (min-width: 1024px){
.aboutSectionTabMenu {
    min-width: max-content;
}
}

.questionanswer .accordion-content {
    display: none;
}

.questionanswer .claims-accord .accordion-lists .cust-accordion .accordion-head h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #005e9e;
    padding-bottom: 10px;
}

.questionanswer  .claims-accord .accordion-lists .cust-accordion .accordion-head {
    padding: 0 55px 0 24px;
}

.faq .tabAccordContent .questionanswer {
    padding: 0px 0px;
}

.questionanswer .claims-accord .accordion-lists .cust-accordion .accordion-content{
    padding-left:25px;
}

@media screen and (min-width: 100px) and (max-width: 480px){
.questionanswer .claims-accord .accordion-lists .cust-accordion .accordion-head h3 {
     padding-left:unset; 
}
}

.nominee .blankRTE p,.nominee .blankRTE ul li,.nominee .blankRTE ol li,.nominee .blankRTE div {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #5a5a5a !important;
    font-weight: 400 !important;
}

.nominee .blankRTE li,.nominee .single-knowledge-center-page p{
    margin:0 !important;
}

.nominee .blankRTE ul li{
    list-style-type: none;
}

@media screen and (max-width: 767px){
.faq .customerInnerPage  {
    text-align:left;
}
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.faq .customerInnerPage .tabAccordSection .faq-download {
    padding: 0 25px 40px 16px !important;
}
}

.btnContainer {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.form-download .tabAccordSection .tabAccordContent {
    padding: 0 60px 40px 25px !important;
}

.btnContainer .button{
    display: inline-block;
    margin: 0 auto;
}

.btnContainer .siteButton {
    height: 40px;
    line-height: 29px;
    min-width: 155px;
    text-align: center;
}

.bannerAdSection .bannerAdBtn.siteButton:hover{
    background-color: #005e9e !important;
}

.annualReport ul li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(31,34,35,0.1);
}

.single-knowledge-center-page {
    padding-top: 24px !important;
}

.annualReport p{
    margin-bottom:10px !important;
}

@media only screen and (max-width: 767px){
.faq .form-download .tabAccordSection .tabAccordContent {
    padding: 0 20px 20px !important;
}
}

.annualReport ul li a.docName {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #005e9e;
}

.annualReport ul li{
    padding-top:12px !important;
}

@media (max-width: 767px){
.annualReport ul {
    margin-left: 15px;
}
}

.blankRTE ul li, .blankRTE ol li, .blankRTE div{
    font-size: 14px !important;
    line-height: 22px !important;
}
.blankRTE ul li, .blankRTE ol li{
    margin:unset;
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.aboutSectionTabMenuWrp .aboutSectionTabMenu li a {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 15px;
}
}
@media screen and (min-width: 100px) and (max-width: 1023px){
.haveQuesSec .tabAccordSection .tabAccordContent {
    padding: 0 25px 40px 70px !important;
}
.faq .haveQuesSec .tabAccordSection .padunset{
    padding: 0 20px 20px 20px !important;
} 
}

.customerVideoPopup .modalCloseBtn, .termPlansVideoPopUp .modalCloseBtn {
    top: 20px;
    right: 0;
    padding-right: 0;
}

.modalPopUp p a {
    color: #005e9e !important;
    padding-left: 0 !important;
}

.modalPopUp p a:hover {
    color: #233253 !important;
}

.haveQuesSec.form-download {
    padding-bottom: 0;
}

.single-knowledge-center-page.wrapper h2.mainTitle{
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: #233253;
    position: relative;
    z-index: 1;
    text-align: center;
}

@media screen and (min-width: 100px) and (max-width: 1023px){
.single-knowledge-center-page.wrapper h2.mainTitle{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
}
}

a.modalCloseBtn::after {
    content: none !important;
}
.global-tooltip {
    bottom: 95%;
}
