@charset "UTF-8";

@-ms-viewport {
    width: device-width
}

*,
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    letter-spacing: 0;
    scroll-behavior: smooth
}

*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    outline: 0
}

.boxsizing,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.tcapply {
    display: block;
    text-align: right;
    font-size: 10px;
    color: #c4c4c4;
    clear: both;
    padding-right: 5px
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

.lazy-bg {
    background: 0 0 !important
}

.swap_dis_inv_for_nri {
    display: inherit
}

.lifeInsuranceHeading {
    display: none
}

.infoBannerslider {
    display: none !important
}

.fadeOutUp.remove {
    display: none !important
}

.fadeInUp.remove {
    display: block !important
}

.desktopshow {
    display: block !important
}

@media (max-width:568px) {
    .desktopshow {
        display: none !important
    }
}

.mobileshow {
    display: none !important
}

@media (max-width:568px) {
    .mobileshow {
        display: block !important
    }
}

body,
html {
    height: 100%
}

@-webkit-keyframes slideInFromLeft {
    0% {
        -webkit-transform: translatey(-50px);
        transform: translatey(-50px)
    }

    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
}

@keyframes slideInFromLeft {
    0% {
        -webkit-transform: translatey(-50px);
        transform: translatey(-50px)
    }

    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
}

.dotsLoader {
    display: inline-block;
    font-size: 0px;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.dotsLoader span {
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px 2px;
    -webkit-animation: loader1 .8s linear infinite alternate;
    animation: loader1 .8s linear infinite alternate
}

.dotsLoader span:first-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(103, 166, 245, .6)
}

.dotsLoader span:nth-child(2) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    background: rgba(103, 166, 245, .8)
}

.dotsLoader span:nth-child(3) {
    -webkit-animation-delay: -.26666s;
    animation-delay: -.26666s;
    background: #67a6f5
}

.dotsLoader span:nth-child(4) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    background: rgba(103, 166, 245, .6)
}

.dotsLoader span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(103, 166, 245, .4)
}

@keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1)
    }
}

body {
    padding: 0;
    margin: 0;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

.p0 {
    padding: 0 !important
}

.healthoffer,
.investmentoffer,
.motoroffer {
    display: none
}

.newsassion_info span {
    color: #fff;
    width: 80%;
    margin: 0 auto;
    display: block
}

.newsassion_info a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    text-decoration: underline;
    position: relative
}

.moreInsurance .stnc {
    color: #c6c5c5;
    font-size: 9px;
    text-align: right;
    width: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 25px 5px 5px
}

#noticeMassage {
    font-size: 12px;
    width: 100%;
    max-width: 1140px;
    margin: 30px auto 60px;
    color: rgba(255, 255, 255, .86);
    text-align: left;
    line-height: 22px;
    background: rgba(204, 204, 204, .2);
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: .5px
}

#noticeMassage span {
    font-weight: 500
}

.webp .newsassion_info .close {
    background-image: url(../../images/webp/spritesheet_home.webp?v=1)
}

.no-webp .newsassion_info .close {
    background-image: url(../../images/new-home/spritesheet_home.png?v=1)
}

.newsassion_info .close {
    width: 29px;
    height: 29px;
    position: absolute;
    cursor: pointer;
    right: 10px;
    border-radius: 50%;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    padding: 20px;
    top: 7px;
    background-color: rgba(56, 53, 53, .5);
    background-repeat: no-repeat;
    background-position: -958px -35px
}

.newsassion_info .close::after {
    background: 0 0
}

.grey-row {
    background: #f1f1f1
}

.grey-row .container {
    max-width: 1140px;
    margin: 0 auto
}

.grey-row .container ul {
    margin: 0;
    padding: 0
}

.grey-row .container ul li {
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 33%;
    padding: 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grey-row .container ul li p {
    color: #253858;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    float: left;
    margin: 0;
    padding: 0 0 0;
    width: 70%
}

.grey-row .container ul li p.rating {
    padding-top: 0
}

.grey-row .container ul li p span {
    color: #253858;
    font-weight: 400;
    font-size: 12px;
    display: block
}

.webp .grey-row .container ul li span.trophy {
    background-image: url(../../images/webp/insurers-icon.webp);
    background-repeat: no-repeat;
    background-size: 100%
}

.no-webp .grey-row .container ul li span.trophy {
    background-image: url(../../images/home-v1/insurers-icon.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.grey-row .container ul li span.trophy {
    width: 50px;
    height: 55px;
    margin-right: 10px
}

.webp .grey-row .container ul li span.sprite-img {
    background-image: url(../../images/webp/advantages-sprite.webp);
    width: 55px;
    height: 60px;
    margin-right: 10px;
    background-size: 100%;
    display: inline-block
}

.no-webp .grey-row .container ul li span.sprite-img {
    background-image: url(../../images/home-v1/advantages-sprite.png);
    width: 55px;
    height: 60px;
    margin-right: 10px;
    background-size: 100%;
    display: inline-block
}

.grey-row .container ul li span.happy-customer {
    background-position: 0 -470px
}

.grey-row .container ul li span.insurer {
    background-position: 0 -395px
}

.grey-row .container ul li span.tech-innovator {
    background-position: 0 -320px
}

.grey-row .container ul li span.rating {
    width: 50px;
    height: 50px;
    background: #5e6c84;
    border-radius: 50%;
    float: left;
    margin-right: 25px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: 600
}

.grey-row .container ul li span.ratings {
    position: relative;
    width: 190px;
    height: 26px;
    background-repeat: repeat-x;
    margin-bottom: 5px
}

.webp .grey-row .container ul li span.star {
    background-image: url(../../images/webp/star1.webp)
}

.no-webp .grey-row .container ul li span.star {
    background-image: url(../../images/home-v1/star1.png)
}

.grey-row .container ul li span.star {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 26px;
    background-repeat: repeat-x;
    margin-bottom: 5px
}

.grey-row .container ul li span.star1 {
    background-image: url(../../images/webp/star.webp)
}

.grey-row .container ul li span.star1 {
    background-image: url(../../images/home-v1/star.png)
}

.grey-row .container ul li span.star1 {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 26px;
    background-repeat: repeat-x
}

.webp .insuranceMadeEasy {
    background-image: url(../../images/webp/pointerFooter.webp)
}

.no-webp .insuranceMadeEasy {
    background-image: url(../../images/home-v1/pointerFooter.png)
}

.mid-row {
    background: #f7f9ff;
    padding: 5% 0
}

.mid-row .container {
    max-width: 1140px;
    margin: 0 auto
}

.mid-row .container h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 500;
    color: #253858
}

.mid-row .container {
    max-width: 1140px;
    margin: 0 auto
}

.mid-row .container h2 span {
    background: #0065ff;
    width: 70px;
    height: 4px;
    margin: 20px 0 0;
    display: block
}

.mid-row .container a.know {
    color: #0065ff;
    font-size: 16px;
    text-decoration: none
}

.mid-row .container p.text-header {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .26px;
    width: 55%;
    margin-bottom: 10px;
    color: #253858
}

.mid-row .container p.text-header.full {
    width: 100%
}

.popular-calculator {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 30px 0 20px
}

/* @media (max-width:980px) {
    .popular-calculator {
        overflow-x: auto
    }
} */

.popular-calculator .calc-box {
    width: 31%;
    margin: 0 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    min-width: 350px

}
.popular-calculator .calc-box.slick-slide{
    height: auto;
} 

.popular-calculator .calc-box .box-header {
    width: 100%;
    border: 10px solid #fff;
    border-radius: 20px;
    min-height: 110px;
    display: flex;
    padding: 20px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 500;
    flex-direction: column;
    text-align: left;
    position: relative;
    color: #253858
}
.popular-calculator .slick-dots{
    bottom: -40px;
}


.popular-calculator .slick-next, .popular-calculator .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top:inherit;
    bottom: -49px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    background:url(../../images/home/arrow-left.png) no-repeat 0 0;
    left: 45.5% ! IMPORTANT;
    background-size: contain;
    z-index: 1;
}
.popular-calculator .slick-next{
    left:52.5% !important;
    transform: rotate(180deg);
    bottom: -39px;

}
.popular-calculator .slick-next:focus, .popular-calculator .slick-prev:focus,.popular-calculator .slick-next:hover, .popular-calculator .slick-prev:hover {
    background:url(../../images/home/arrow-left.png) no-repeat 0 0  !important;
    
    background-size: contain !important;
    z-index: 1;
}

@media (max-width:767px) {
    .popular-calculator .calc-box .box-header {
        border-radius: 8px 8px 0 0;
        border: 0 solid #fff;
        min-height: 100px
    }
}

.popular-calculator .calc-box .box-header span {
    display: block
}

.popular-calculator .calc-box .box-header.in {
    background: #fff1ed
}

.popular-calculator .calc-box .box-header.in:before {
    content: "";
    background: url("../../images/home/investment-calc.svg") no-repeat 0 0;
    height: 80px;
    width: 80px;
    position: absolute;
    bottom: 0;
    right: 10px
}

.popular-calculator .calc-box .box-header.term {
    background: #e6fcff
}

.popular-calculator .calc-box .box-header.term:before {
    content: "";
    background: url("../../images/home/term-life-calc.svg") no-repeat 0 0;
    height: 90px;
    width: 100px;
    position: absolute;
    bottom: 0;
    right: 10px
}
.popular-calculator .calc-box .box-header.health {
    background: #E3FCEF;
}

.popular-calculator .calc-box .box-header.health:before {
    content: "";
    background: url("../../images/home/telehealth.png") no-repeat 0 0;
    height: 90px;
    width: 100px;
    position: absolute;
    bottom: 0;
    right: 10px;
    background-size: contain;
}

.popular-calculator .calc-box .box-header.pr {
    background: #f0edff
}

.popular-calculator .calc-box .box-header.pr:before {
    content: "";
    background: url("../../images/home/health-calc.svg") no-repeat 0 0;
    height: 70px;
    width: 90px;
    position: absolute;
    bottom: 0;
    right: 10px
}

@media (max-width:980px) {
    .popular-calculator .calc-box {
        min-width: 290px;
        max-width: 290px
    }
}

.popular-calculator .calc-box .listof {
    margin: 0;
    list-style: none;
    padding: 10px 20px
}

.popular-calculator .calc-box .listof li {
    border-bottom: 1px solid #dfe1e6
}

.popular-calculator .calc-box .listof li:last-child {
    border-bottom: none
}

.popular-calculator .calc-box .listof li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: #253858;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 16px 20px 16px 0;
    transition: all .3s ease-in
}

@media (max-width:980px) {
    .popular-calculator .calc-box .listof li a {
        font-size: 13px
    }
}

.popular-calculator .calc-box .listof li a:hover {
    color: #01458c
}

.popular-calculator .calc-box .listof li a:before {
    content: "";
    background: url("../../images/home/arrow-long.svg") no-repeat 0 0;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.view-all-wrapper {
    text-align: center;
    margin: 60px 0 50px;
    display: flex ;
	gap: 20px;
	justify-content: center;
}

.view-all-wrapper a {
    color: #0065ff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s ease-in;
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid #0065ff;
    display: inline-block;
    margin: 10px 0px;;
}

.view-all-wrapper a:hover {
    background: #0065ff;
    color: #fff
}
@media (min-width:768px){
    .view-all-wrapper a {
        margin: 0px 0px;;
    }
}

.mid-row .container .list ul {
    margin: 70px 0 0;
    padding: 0
}

.mid-row .container .list ul li {
    margin: 0;
    padding: 0;
    position: relative;
    width: calc(20% - 20px);
    background: #fff;
    border: 1px solid #dfe1e6;
    min-height: 220px;
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.mid-row .container .list ul li img {
    height: 90px;
    margin: 20px 0 0 10px
}

.webp .mid-row .container .list ul li span.sprite-image {
    width: 90px;
    background: url(../../images/webp/advantages-sprite.webp) no-repeat;
    height: 90px;
    display: inline-block;
    background-size: 105%;
    margin: 20px 0 0 10px
}

.no-webp .mid-row .container .list ul li span.sprite-image {
    width: 90px;
    height: 90px;
    display: inline-block;
    margin: 20px 0 0 10px;
    background: url(../../images/home-v1/advantages-sprite.png);
    background-size: 105%
}

.mid-row .container .list ul li span.sprite-image.lowest-price {
    background-position: 0 -315px
}

.mid-row .container .list ul li span.sprite-image.unbiased-advice {
    background-position: 0 -420px
}

.mid-row .container .list ul li span.sprite-image.reliable {
    background-position: 0 -102px
}

.mid-row .container .list ul li span.sprite-image.claim-support {
    background-position: 0 0
}

.mid-row .container .list ul li span.sprite-image.happy-help {
    background-position: 0 -206px
}

.mid-row .container .list ul li:last-child {
    margin: 0
}

.mid-row .container .list ul li:hover {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);
    border: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.mid-row .container .list ul li div {
    position: absolute;
    bottom: 35px;
    left: 30px;
    z-index: initial
}

.mid-row .container .list ul li div p.heading {
    font-size: 20px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #253858
}

.mid-row .container .list ul li div p.text {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0 0;
    margin: 0;
    color: #253858
}

.mid-row .container .list ul li:hover div p.heading {
    font-weight: 600
}

.mid-row .container .pointers {
    margin-bottom: 20px
}

.ptable {
    vertical-align: middle;
    display: table-cell
}

.madeEasy .madeEasyInsurance_title {
    display: block;
    margin: 2px 7px 10px 0
}

.madeEasy .madeEasyInsurance_title .h2 {
    font-size: 24px;
    color: rgba(0, 0, 0, .87);
    font-weight: 400
}

.madeEasy .madeEasyInsurance_title p {
    font-size: 18px;
    line-height: 30px;
    color: rgba(0, 0, 0, .36)
}

.testimonials .testiMonialSlider.card-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.responsiveGallery-btn_next,
.responsiveGallery-btn_prev {
    background: #ccc !important
}

.info a {
    color: #ccc;
    color: #989595;
    text-decoration: none
}

.moreInsurance {
    width: 100vw;
    background-size: 100%;
    background: #000;
    height: 70%;
    display: table;
    position: relative
}

.moreInsurance.disclaimer {
    height: auto;
    padding: 5px 5px 5px 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.moreInsurance.disclaimer .dtext {
    font-size: 10px;
    color: #b3b3b3;
    text-align: left;
    display: block
}

@media only screen and (max-width:480px) {
    .moreInsurance.disclaimer .dtext {
        text-align: center
    }
}

.moreInsurance.disclaimer .dtext p {
    line-height: 16px
}

.moreInsurance .h2 {
    font-size: 24px;
    font-family: inherit;
    font-weight: 600;
    color: #fff;
    margin-bottom: 50px;
    margin-top: 20px
}

.moreInsurance .allInsurance {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    width: 24%;
    position: relative;
    padding-left: 50px
}

.moreInsurance .allInsurance.blockbox {
    display: block;
    width: 100%;
    padding-left: 0
}

.moreInsurance .allInsurance .icons {
    position: absolute;
    top: -10px;
    left: 0
}

.moreInsurance .allInsurance.blockbox .icons {
    left: -50px
}

.moreInsurance .allInsurance.blockbox.head {
    margin-bottom: 20px
}

.moreInsurance .allInsurance li {
    color: #fff;
    font-size: 14px
}

.moreInsurance .allInsurance li.title {
    font-family: inherit;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px
}

.moreInsurance .allInsurance li a {
    text-decoration: none;
    line-height: 30px;
    padding: 5px 0;
    display: block;
    color: rgba(255, 255, 255, .86)
}

.moreInsurance .allInsurance li a:hover {
    text-decoration: underline
}

.ourpartner {
    width: 100vw;
    background-size: 100%;
    display: table;
    padding: 5% 0;
    background-color: #f7f9ff
}

.ourpartner .partner_title {
    margin: 0 0 30px
}

.ourpartner .partner_title .h2 {
    font-size: 24px;
    color: #253858;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ourpartner .partner_title p {
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    color: rgba(0, 0, 0, .36);
    padding: 10px 0 20px 0
}

.partnerLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -35px -20px 0;
    list-style: none;
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.partnerLogo.plr {
    padding: 0
}

.partnerLogo::after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 15%;
    max-width: 130px
}

.partnerLogo a {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 15%;
    flex: 1 0 15%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 130px;
    margin-top: 20px;
    margin-right: 35px;
    background: #fff;
    color: #000;
    display: block;
    position: relative
}

@media only screen and (max-width:1024px) {
    .partnerLogo {
        margin: 0 -25px -20px 0;
        justify-content: center
    }

    .partnerLogo::after {
        display: none
    }

    .partnerLogo a {
        margin-right: 25px
    }
}

@media only screen and (max-width:768px) {
    .partnerLogo {
        margin: 0 -15px -20px 0
    }

    .partnerLogo a {
        margin-right: 15px
    }
}

@media only screen and (max-width:480px) {
    .partnerLogo {
        margin: 0 -5px -20px 0;
        justify-content: space-evenly
    }

    .partnerLogo a {
        margin-right: 5px
    }
}

.partnerLogo .logo-icon {
    min-width: 130px;
    height: 68px;
    text-align: center;
    border-radius: 4px;
    border: solid .6px #dedfdf;
    background-color: #fff;
    width: 100%;
    transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    filter: grayscale(100%);
    opacity: .6;
    background-size: 1232px 918px;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.partnerLogo .logo-icon .tag {
    position: absolute;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    width: 100%;
    bottom: 0;
    background: #eeebeb;
    color: #918d8d;
    padding: 2px
}

.partnerLogo .logo-icon:before {
    content: "";
    width: 120px;
    height: 60px;
    text-align: center;
    border-radius: 4px;
    margin: 10px 1%;
    border: solid .6px #dedfdf;
    background-color: #fff;
    width: 11.5%;
    transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    background-size: 1232px 918px;
    position: relative;
    overflow: hidden;
    border: 0
}



.live_chat{
    bottom: 10px;
}
.live_chat .newchat iframe {
    height: 100%;
    width: 375px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 0 8px #7e7e7e;
}
@media (max-width:980px) {
    .live_chat .newchat iframe {
        width: 100%;
    }
}
.webp .logo-icon:before {
    background-image: url(../../images/home-v1/all-partner-logo_v1.png?v=15)
}

.no-webp .logo-icon:before {
    background-image: url(../../images/home-v1/all-partner-logo_v1.png?v=15)
}

.partnerLogo .logo-icon:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: 1200px 543px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left
}

.partnerLogo .logo-icon:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.partnerLogo .logo-icon.agon:before {
    background-position: -724px 6px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.icicipru:before {
    background-position: -114px -134px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.icicilombard:before {
    background-position: 8px -132px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.maxlife:before {
    background-position: -1090px -134px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.cigna:before {
    background-position: -965px -132px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.hdfclife:before {
    background-position: -1091px -67px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.hdfcargo:before {
    background-position: -966px -65px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.tataaig:before {
    background-position: -601px -272px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.kotak:before {
    background-position: -480px -134px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.bajajlife:before {
    background-position: -477px 7px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.bajajgen:before {
    background-position: -689px -5px;
    background-size: 1380px 767px
}

.partnerLogo .logo-icon.maxhealth:before {
    background-position: -236px -200px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.sbilife:before {
    background-position: -1088px -202px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.reliancegen:before {
    background-position: -722px -203px;
    background-size: 1200px 543px
}
.partnerLogo .logo-icon.reliancegen_indus:before {
    background-position: -735px -483px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.reliancelife:before {
    background-position: -633px -121px
}

.partnerLogo .logo-icon.tataaia:before {
    background-position: -480px -275px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.pnbmetlife:before {
    background-position: -360px -202px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.ab_health:before {
    background-position: 4px 10px
}

.partnerLogo .logo-icon.birlasunlife:before {
    background-position: -115px 10px
}

.partnerLogo .logo-icon.canerahsbc:before {
    background-position: -968px 6px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.apollo:before {
    background-position: -288px -170px
}

.partnerLogo .logo-icon.aviva:before {
    background-position: -357px 6px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.digit:before {
    background-position: -602px -63px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.digit_life:before {
    background-position: -723px -61px
}

.partnerLogo .logo-icon.religare:before {
    background-position: -1091px 7px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.ecgc:before {
    background-position: -117px -65px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.galaxy:before {
    background-position: -845px -62px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.star:before {
    background-position: -238px -273px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.star_union_dai_ichi:before {
    background-position: -359px -275px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.idbifedrel:before {
    background-position: -235px 10px
}

.partnerLogo .logo-icon.exidelife:before {
    background-position: -341px -134px;
    background-size: 1780px 917px
}

.partnerLogo .logo-icon.dhfl:before {
    background-position: -478px -202px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.dhflgen:before {
    background-position: -202px -688px
}

.partnerLogo .logo-icon.magmahdi:before {
    background-position: -1210px -184px;
    background-size: 1680px 721px
}

.partnerLogo .logo-icon.rahejaqbe:before {
    background-position: -600px -203px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.edelwisegen:before {
    background-position: -1080px -274px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.sbigen:before {
    background-position: -968px -203px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.liberty:before {
    background-position: -864px -185px;
    background-size: 1680px 721px
}

.partnerLogo .logo-icon.iffcotokio:before {
    background-position: -237px -134px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.bhartiaxa:before {
    background-position: -752px -297px
}

.partnerLogo .logo-icon.bhartiaxaredifining:before {
    background-position: -846px 11px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.futuregenerali:before {
    background-position: -477px -68px;
    background-size: 1200px 543px
}
.partnerLogo .logo-icon.futuregenerali-central:before {
    background-position: -839px -488px;
    background-size: 1200px 543px;
}

.partnerLogo .logo-icon.royalsundaram:before {
    background-position: -845px -201px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.orientalinsurance:before {
    background-position: -116px -200px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.unitedindiainsurance:before {
    background-position: -843px -274px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.newindiainsurance:before {
    background-position: -721px -274px
}

.partnerLogo .logo-icon.shriram:before {
    background-position: 5px -277px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.shriram_life:before {
    background-position: -116px -274px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.shriramlifeinsurance:before {
    background-position: 7px -204px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.edelwise:before {
    background-position: -236px -62px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.national:before {
    background-position: 8px -200px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.universalsomplo:before {
    background-position: -969px -274px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.indiafirst:before {
    background-position: -359px -135px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.kotakgeneral:before {
    background-position: 7px -342px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.adityabirla:before {
    background-position: -201px -783px;
    width: 120px
}

.partnerLogo .logo-icon.cholams:before {
    background-position: 3px -63px;
    background-size: 1200px 543px
}

.partnerLogo .logo-icon.lic:before {
    background-position: -723px -132px;
    background-size: 1200px 543px
}

.slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px
}

@media (max-width:568px) {
    .slider-container {
        width: 94%;
        margin: 0 auto
    }
}

.slider-container .sliderCarousel {
    display: flex;
    transition: transform .5s ease-in-out;
    will-change: transform;
    padding-bottom: 30px;
    padding: 20px 0
}

@media (max-width:568px) {
    .slider-container .sliderCarousel {
        padding-bottom: 22px
    }
}

.slider-container .sliderCarousel .carousel-slide {
    min-width: 100%
}

.slider-container .dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px
}

.slider-container .dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #efecec;
    border: none;
    padding: 0 !important
}

.slider-container .dots .dot.active {
    background: #1c69d3
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border: none;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
    transition: background .3s;
    border-radius: 50%;
    z-index: 10
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    user-select: none;
    flex-shrink: 0
}

.swiper-slide img {
    display: block;
    height: auto;
    max-width: 100%;
    border-radius: 10px
}

.swiper {
    overflow: hidden
}

.swiper-button-prev {
    left: 10px
}

.swiper-button-next {
    right: 10px
}

.webp .mobileApp {
    background-image: url(../../images/webp/bg_image.webp?v=1)
}

.no-webp .mobileApp {
    background-image: url(../../images/home-v1/bg_image.jpg?v=1)
}

.mobileApp {
    width: 100vw;
    height: auto;
    display: table;
    position: relative;
    background-size: cover;
    padding: 5% 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom right 15%
}

.mobileApp .f600 br {
    display: none
}

.webp .mobileApp:after {
    background-image: url(../../images/webp/mobileapp.webp)
}

.no-webp .mobileApp:after {
    background-image: url(../../images/home-v1/mobileapp.png)
}

.mobileApp:after {
    content: "";
    width: 529px;
    height: 444px;
    background-size: 529px 444px;
    position: absolute;
    right: 15%;
    bottom: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom right
}

.mobileApp .app_title {
    margin: 30px 0 10px
}

.mobileApp .app_title .h2 {
    font-size: 24px;
    color: rgba(0, 0, 0, .87);
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobileApp .app_title p {
    font-size: 18px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(0, 0, 0, .36);
    line-height: 36px
}

.appInfo {
    list-style: none
}

.appInfo li {
    font-size: 14px;
    font-family: inherit;
    font-weight: 400;
    color: rgba(0, 0, 0, .87);
    padding: 10px 0 10px 35px;
    position: relative
}

.no-webp .appInfo li:before,
.webp .appInfo li:before {
    background-image: url(../../images/home-v1/logos-new@1x.png?v=26)
}

.appInfo li:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    left: 7px;
    top: 30%;
    background-position: -1015px -635px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: -1015px -635px
}

.appIcon {
    width: 350px;
    display: block;
    margin-top: 30px
}

.no-webp .appIcon a,
.webp .appIcon a {
    background-image: url(../../images/home-v1/logos-new@1x.png?v=26)
}

.appIcon a {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: initial;
    background-size: 1115px 1025px
}

.appIcon a.google {
    display: inline-block;
    width: 150px;
    min-height: 44px;
    background-position: -310px -775px;
    font-size: 0
}

.appIcon a.ios {
    display: inline-block;
    width: 150px;
    min-height: 44px;
    background-position: -479px -775px;
    font-size: 0;
    margin-left: 30px
}

.groupCompanie {
    width: 100vw;
    background-size: 100%;
    padding: 5% 0;
    background: #fff;
    display: table;
    padding-bottom: 80px
}

.groupCompanie .group_title {
    margin: 0 0 30px
}

.groupCompanie .group_title .h2 {
    font-size: 24px;
    color: rgba(0, 0, 0, .87);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.groupCompanie .group_title p {
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    color: rgba(0, 0, 0, .36);
    padding: 10px 0
}

.groupCompanie .itemList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.groupCompanie .itemList .colom {
    width: 100%;
    height: auto;
    text-align: left
}

.groupCompanie .itemList .colom.intro {
    font-size: 30px;
    line-height: 48px;
    color: #2a2a2a;
    padding: 0 10px 0 0;
    font-family: inherit;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.no-webp .groupCompanie .itemList .colom .logo,
.webp .groupCompanie .itemList .colom .logo {
    background-image: url(../../images/home-v1/logos-new@1x.png?v=26)
}

.groupCompanie .itemList .colom .logo {
    margin: 0 auto;
    height: 67px;
    position: relative;
    width: 217px;
    font-size: 0;
    border: solid 1px #f2f2f2;
    padding: 10px;
    border-radius: 5px;
    background-size: 1115px 1025px;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

.row.textBox {
    margin: 50px 0;
    position: relative
}

.row.textBox strong {
    font-weight: 500
}

.row.textBox:last-child {
    margin-bottom: 0
}

.row.textBox:last-child:after {
    background: 0 0
}

.row.textBox:after {
    content: "";
    position: absolute;
    width: 94%;
    height: 1px;
    background-color: #f2f2f2;
    bottom: -25px;
    margin: 0 auto;
    left: 0;
    right: 0
}

.groupCompanie .itemList .colom .logo.pbae {
    background-position: -251px -669px
}

.groupCompanie .itemList .colom .logo.paisa {
    background-position: -492px -672px
}

.groupCompanie .itemList .colom .logo.doc {
    background-position: -942px -672px;
    width: 217px
}

.groupCompanie .itemList .colom .logo.quick {
    background-position: -742px -669px;
    -webkit-transform: scale(1);
    transform: scale(1);
    left: 0;
    width: 217px;
    height: 70px
}

.groupCompanie .itemList .colom .logo.etech {
    background-position: -33px -763px;
    width: 217px
}

.groupCompanie .itemList .colom .punchline {
    font-size: 16px;
    line-height: 25px;
    color: #2a2a2a;
    padding: 0 10px 0 0;
    font-family: inherit;
    font-weight: 300;
    margin-bottom: 0
}

.groupCompanie .itemList .colom:last-child p {
    margin-bottom: 10;
    padding-bottom: 0
}

.footerLink {
    width: 100vw;
    background-size: 100%;
    height: 13%;
    background: #202020;
    display: table;
    padding: 10px;
    max-height: 70px
}

.footerLink ul {
    list-style: none;
    display: block
}

.footerLink ul li {
    display: inline-block
}

.footerLink ul li a {
    opacity: .7;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    padding: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px
}

.footerLink .socialMedia {
    list-style: none;
    display: block;
    float: right
}

.footerLink .socialMedia li {
    display: inline-block
}

.footerLink .socialMedia li a {
    opacity: .7;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 0 7px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.footerLink .socialMedia li a.facebook svg {
    margin-left: 5px
}

.footerLink .socialMedia li a.facebook:hover {
    background: #01458c;
    opacity: 1
}

.footerLink .socialMedia li a.googleplus svg {
    margin-left: 5px
}

.footerLink .socialMedia li a.googleplus:hover {
    background: #d34836;
    opacity: 1
}

.footerLink .socialMedia li a.twitter:hover {
    background: #429cd6;
    opacity: 1
}

.footerLink .socialMedia li a.youtube svg {
    margin-left: -3px
}

.footerLink .socialMedia li a.youtube:hover {
    background: #cd2029;
    opacity: 1
}

.footerLink .socialMedia li a.linkedin:hover {
    background: #01458c;
    opacity: 1
}

.footerLink ul li:first-child a {
    padding-left: 0
}

.footerLink ul li:last-child a {
    padding-right: 0
}

.footerLegal {
    width: 100vw;
    background-size: 100%;
    background: #000;
    display: table;
    padding: 10px 0
}

.footerLegal .info {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: rgba(255, 255, 255, .36);
    text-align: center
}

.footerLegal .footer_title {
    margin: 10px 0 30px
}

.footerLegal .footer_title .h2 {
    font-size: 18px;
    color: #fff;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.secureWith p {
    font-size: 18px;
    color: #fff;
    text-align: right
}

.webp .pcidss {
    background-image: url(../../images/webp/pcidss.webp)
}

.no-webp .pcidss {
    background-image: url(../../images/new-home/pcidss.jpg)
}

.pcidss {
    width: 63px;
    height: 31px;
    margin: 22px 0 0;
    display: block;
    border-radius: 3px;
    font-size: 0;
    background-size: 100%;
    float: right;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0
}

.paymentOption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px auto 0;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.plr {
    padding: 0 70px
}

.paymentOption .logo-icon {
    width: 60px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    margin: 5px 2px;
    border: solid .6px #dedfdf;
    font-size: 0;
    max-width: 60px;
    background-size: 616px 459px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    overflow: hidden
}

.paymentOption .logo-icon:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: 616px 459px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left
}

.paymentOption .visa.logo-icon:before {
    background-position: -240px -309px
}

.paymentOption .logo-icon.american:before {
    background-position: -174px -308px
}

.paymentOption .logo-icon.master:before {
    background-position: -24px -354px
}

.paymentOption .logo-icon.paytm:before {
    background-position: -310px -309px
}

.paymentOption .logo-icon.rupay:before {
    background-position: -383px -306px
}

.paymentOption .logo-icon.netbanking:before {
    background-position: -455px -306px
}

.footerLegal .info-icon.mt15:before {
    margin: 15px 2px 7px 0
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(23, 43, 77, .8);
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 9999999
}

.overlay.open {
    visibility: visible;
    opacity: 1
}

.popup {
    margin: 5vh auto;
    padding: 20px;
    background: 0 0;
    border-radius: 5px;
    width: 96%;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    max-height: 1200px;
    height: auto
}

#moreMenu .moreInsurance {
    background-image: url(../../images/webp/bottomstriptslide.webp)
}

#moreMenu .moreInsurance {
    background-image: url(../../images/home-v1/bottomstriptslide.png)
}

#moreMenu .moreInsurance {
    height: auto;
    padding: 30px 30px 30px 30px;
    border-radius: 4px;
    background-size: contain;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left bottom
}

#moreMenu .moreInsurance .allInsurance li.title,
#moreMenu .moreInsurance .h2 {
    color: rgba(0, 0, 0, .87)
}

#moreMenu .moreInsurance .allInsurance li a {
    color: rgba(0, 0, 0, .36)
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.tax-slider-wrap.full_img .slick-slide {
    max-width: 450px;
    margin: 0 10px;
    display: inline-block;
    height: 100%;
    position: relative
}

.daysCounter {
    position: absolute;
    z-index: 1;
    bottom: 75px;
    right: 80px
}

@media screen and (max-width:1024px) {
    .daysCounter {
        bottom: 117px
    }
}

@media screen and (max-width:768px) {
    .daysCounter {
        bottom: 62px;
        right: 47px
    }
}

.daysCounter .leftitme {
    background: #fadcdd;
    padding-left: 40px;
    font-size: 10px;
    padding: 3px 7px 3px 20px;
    color: #cb3841;
    font-weight: 900;
    line-height: normal;
    text-align: left;
    display: flex;
    align-items: center;
    border-radius: 8px
}

.daysCounter .leftitme:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 17px;
    background: url(../../images/home-v1/time.gif) no-repeat 0 0;
    background-size: 100%;
    border-radius: 50%;
    left: 4px;
    top: 50%;
    transform: translate(0, -50%)
}

.nri .deskbanner {
    position: relative;
    display: block
}

.nri .daysCounter {
    bottom: 45px;
    right: 60px
}

@media screen and (max-width:768px) {
    .nri .daysCounter {
        right: 63px;
        bottom: 56px
    }
}

@media screen and (max-width:375px) {
    .nri .daysCounter {
        bottom: 60px;
        right: 56px
    }
}

@media screen and (max-width:360px) {
    .nri .daysCounter {
        bottom: 60px;
        right: 56px
    }
}

.nri .slideshow-container-wrapper {
    top: 19px
}

@media screen and (max-width:860px) and (min-width:800px) {
    .top-fold.nri .slick-dots {
        bottom: -20px
    }
}

.tax-slider-wrap.full_img .slick-slide.customBanner {
    position: relative;
    cursor: pointer
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner {
    background: url("../../images/home/max_nfo_desktop.png") no-repeat 0 0;
    width: 100%;
    height: 234px;
    border-radius: 16px;
    padding: 10px;
    background-size: cover
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .leftitme {
    background: #9a7e9c;
    position: absolute;
    width: 140px;
    padding-left: 40px;
    font-size: 12px;
    bottom: 26px;
    right: 0;
    border-radius: 12px 0 12px 0;
    padding: 4px 8px 3px 47px;
    color: #fff;
    font-weight: 500;
    height: 38px;
    text-align: left;
    border: 1px solid #ef8c89
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .leftitme:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: #fff url(../../images/home-v1/time.gif) no-repeat 0 0;
    background-size: 100%;
    border-radius: 50%;
    left: 13;
    top: 8px
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .timerWrapper {
    position: absolute;
    width: 135px;
    height: 26px;
    bottom: 70px;
    left: 145px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .timerWrapper span {
    width: 20%;
    margin: 0 .5%;
    background: #fff;
    border-radius: 8px;
    color: #0c69fa;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 14px;
    font-weight: 600
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .timerWrapper span:before {
    content: "";
    position: absolute;
    font-size: 11px;
    top: 28px;
    left: 2px;
    color: #fff;
    font-weight: 400;
    text-transform: lowercase
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .timerWrapper span.days:before {
    content: "Days";
    left: 2px
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .timerWrapper span.hour:before {
    content: "Hours";
    left: -1px
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .timerWrapper span.min:before {
    content: "Min";
    left: 6px
}

.tax-slider-wrap.full_img .slick-slide.customBanner .banner .timerWrapper span.sec:before {
    content: "Sec";
    left: 6px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    margin: 0;
    width: 100%
}

@media (max-width:1024px) {
    .slick-slide img {
        width: 100%
    }
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(../../images/home-v1/ajax-loader.gif) center center no-repeat
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: ''
}

[dir=rtl] .slick-prev:before {
    content: ''
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: ''
}

[dir=rtl] .slick-next:before {
    content: ''
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #253858;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #2f4efb
}

.case-overlay {
    position: fixed;
    background: #000;
    opacity: .6;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    display: none
}

.case-1 {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    border-radius: 4px;
    height: 90px;
    width: 100%;
    max-width: 1140px;
    background: #fff;
    position: fixed;
    bottom: -125px;
    left: 0;
    z-index: 100;
    right: 0;
    margin: 0 auto;
    border: 1px solid #ccc
}

.webp .case-1 .family {
    background-image: url(../../images/webp/family.webp)
}

.no-webp .case-1 .family {
    background-image: url(../../images/family.png)
}

.case-1 .family {
    width: 120px;
    float: left;
    height: 115px;
    margin: -25px 0 0 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: initial;
    background-size: 100%
}

.webp .case-1 .twowheeler {
    background-image: url(../../images/webp/twowheeler_returning.webp)
}

.no-webp .case-1 .twowheeler {
    background-image: url(../../images/twowheeler.png)
}

.case-1 .twowheeler {
    width: 120px;
    float: left;
    height: 115px;
    margin: -25px 0 0 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: initial;
    background-size: 100%
}

.case-1 .plan {
    float: left;
    margin: 0 5px 0 20px;
    width: 52%
}

.case-1 .plan p.head {
    font-size: 15px;
    color: #172b4d;
    line-height: 19px;
    margin: 0;
    padding: 22px 0 10px;
    font-weight: 400
}

.case-1 .plan ul {
    margin: 0;
    padding: 0
}

.case-1 .plan ul li {
    margin: 0 10px 0 0;
    padding: 0;
    font-weight: 100;
    line-height: 15px;
    float: left;
    list-style: none;
    border-right: 1px solid #97a0af;
    padding-right: 20px;
    color: #97a0af;
    font-size: 14px;
    vertical-align: top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.viewallplan,
.viewthisplan {
    display: inline-block;
    height: auto;
    width: auto
}

.viewallplan.spin,
.viewthisplan.spin {
    display: inline-block;
    height: auto;
    border: 1px solid #0364fc;
    border-radius: 5px
}

.viewallplan.spin a,
.viewthisplan.spin a {
    visibility: hidden
}

.continuepurchage.spin:before,
.startnewserch.spin:before,
.viewallplan.spin:before,
.viewthisplan.spin:before {
    -webkit-animation: 1.5s linear infinite spinner;
    animation: 1.5s linear infinite spinner;
    -webkit-animation-play-state: inherit;
    animation-play-state: inherit;
    border: solid 6px #dedede;
    border-bottom-color: #0766fc;
    border-radius: 50%;
    content: "";
    height: 30px;
    left: 50%;
    opacity: inherit;
    position: absolute;
    top: 25px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 30px;
    will-change: transform
}

.continuepurchage.spin a,
.startnewserch.spin a {
    text-indent: -5000px
}

.viewallplan,
.viewthisplan {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
    position: relative
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(0);
        transform: translate3d(-50%, -50%, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
        transform: translate3d(-50%, -50%, 0) rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(0);
        transform: translate3d(-50%, -50%, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
        transform: translate3d(-50%, -50%, 0) rotate(360deg)
    }
}

.loading-spinner.-paused {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    opacity: .2;
    -webkit-transition: opacity linear .1s;
    transition: opacity linear .1s
}

.case-1 .plan ul li:last-child {
    border: 0
}

.case-1 .plan ul li span {
    font-weight: 600;
    color: #172b4d;
    padding: 0 5px
}

.case-1 .plan ul li:first-child span {
    word-wrap: break-word;
    max-width: 220px
}

.case-1 .btn {
    float: left;
    width: 345px;
    margin-top: 20px
}

.continuepurchage,
.startnewserch,
.viewallplan,
.viewthisplan {
    width: 168px;
    position: relative
}

.continuepurchage,
.startnewserch {
    display: inline-block
}

.case-1 .btn .btn-border {
    text-align: center;
    width: 100%;
    display: block;
    border: 1px solid #0064ff;
    border-radius: 4px;
    font-size: 13px;
    color: #0064ff;
    padding: 14px 0;
    text-decoration: none;
    text-transform: uppercase
}

.case-1 .btn .btn-blue {
    text-align: center;
    width: 100%;
    display: block;
    background: #0064ff;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
    padding: 15px 10px;
    text-decoration: none;
    text-transform: uppercase
}

.case-1 .btn .continuepurchage .btn-border,
.case-1 .btn .startnewserch .btn-blue {
    padding: 15px 5px;
    font-size: 12px
}

.case-1 .btn .continuepurchage,
.viewthisplan {
    margin-right: 5px
}

.case-1 .btn .viewthisplan.spin .btn-blue {
    padding: 14px 0
}

.case-1 .btn .viewallplan.spin .btn-border {
    padding: 13px 0
}

.case-1 .close {
    position: absolute;
    right: -11px;
    top: -11px;
    background: #fff;
    width: 22px;
    height: 22px;
    border: 1px solid #253858;
    border-radius: 50%
}

.case-1 .close:hover {
    opacity: 1
}

.case-1 .close:before,
.close:after {
    position: absolute;
    left: 10px;
    top: 3px;
    content: ' ';
    height: 14px;
    width: 1px
}

.case-1 .close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.case-1 .close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slideTop {
    animation: slideTop .5s normal;
    animation-delay: 2s;
    -moz-animation: slideTop .5s normal;
    -webkit-animation: slideTop .5s normal;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@keyframes slideTop {
    from {
        bottom: -480px
    }

    to {
        bottom: 25px
    }
}

@-webkit-keyframes slideTop {
    from {
        bottom: -480px
    }

    to {
        bottom: 25px
    }
}

@media only screen and (min-width:1600px) {
    .akImg {
        background-size: 95%;
        right: 0
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {

    *,
    html {
        scroll-behavior: initial
    }

    .akImg_corona .globalInfo {
        top: 8px
    }

    .akImg_corona .sourceInfo {
        bottom: 38px
    }

    .case-overlay.block {
        display: block
    }

    .allInsurance_icon.forNRI .links .zeroC {
        display: block;
        font-weight: 600;
        font-size: 10px;
        line-height: 13px
    }

    .allInsurance_icon.forNRI .prdIcon.childplan svg,
    .allInsurance_icon.forNRI .prdIcon.termlife svg {
        margin-top: 0
    }

    .allInsurance_icon .prdIcon {
        padding: 0 0 0;
        margin: 25px auto 0
    }

    .allInsurance_icon .links:first-child .prdIcon {
        padding: 2px 0 0
    }

    .allInsurance_icon .links:nth-child(2) .prdIcon {
        padding: 2px 0 0
    }

    .allInsurance_icon .prdIcon.two_wheeler_insurance {
        background-position: -25px -19px;
        background-size: 125px 110px;
        height: 50px;
        margin-top: 25px
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI .sub-links .sbCateIcon.two_wheeler_insurance:before {
        content: "";
        position: absolute;
        width: 32px;
        height: 41px;
        background: url(../../images/home-v1/icons.svg?v=3) no-repeat;
        background-size: 348%;
        background-position: -27px 0;
        top: -3px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .no-webp .appIcon a,
    .no-webp .groupCompanie .itemList .colom .logo,
    .no-webp .investorLogo .logo:after,
    .no-webp .partnerLogo .logo:before,
    .webp .appIcon a,
    .webp .groupCompanie .itemList .colom .logo,
    .webp .investorLogo .logo:after,
    .webp .partnerLogo .logo:before {
        background-image: url(../../images/home-v1/logos-new@1x.png?v=26)
    }

    .appIcon a,
    .groupCompanie .itemList .colom .logo,
    .investorLogo .logo:after,
    .partnerLogo .logo:before {
        background-size: 1115px 1025px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: initial
    }

    .paymentOption .logo {
        background-size: 1115px 1100px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: initial
    }

    .alsoBuy {
        margin: 40px 7px 0 0
    }

    .infoBannerslider .slick-track {
        left: 0;
        top: 0
    }

    .webp .mobileApp {
        background-image: url(../../images/webp/bg_image.webp?v=1)
    }

    .no-webp .mobileApp {
        background-image: url(../../images/home-v1/bg_image.jpg?v=1)
    }

    .mobileApp {
        background-size: cover;
        background-color: #f3f5fd;
        background-repeat: no-repeat;
        background-position: bottom right 15%
    }

    .webp .appInfo li:before {
        background: url(../../images/webp/logos.webp?v=16)
    }

    .no-webp .appInfo li:before {
        background: url(../../images/home-v1/logos.png?v=16)
    }

    .appInfo li:before {
        background-size: 1115px 932px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: -1015px -537px
    }

    .allInsurance_icon .links {
        width: 108px;
        height: 108px
    }

    .webp .akImg {
        background-image: url(../../images/webp/aktermbanner.webp)
    }

    .no-webp .akImg {
        background-image: url(../../images/home-v1/aktermbanner.png)
    }

    .akImg {
        width: 255px;
        height: 218px;
        margin: 0 auto;
        background-size: 85%;
        right: 20px;
        bottom: -15px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 2px 0
    }

    .webp .akImg_corona {
        background-image: url(../../images/webp/akshay_corona.webp)
    }

    .no-webp .akImg_corona {
        background-image: url(../../images/home-v1/akshay_corona.png)
    }

    .akImg_corona {
        background-size: 100%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 2px -5px
    }
}

.policywarp nav.fixedh section {
    padding: 0
}

.policywarp nav.fixedh section .icon {
    width: 50px;
    height: 50px;
    position: absolute
}

.policywarp nav.fixedh section ul.nav li a {
    padding: 13px 0 13px;
    font-size: 12px;
    font-weight: 500;
    margin: 0 18px
}

.policywarp nav.fixedh section.desktopHeader_iconView ul.nav {
    float: right;
    padding-left: 0
}

.policywarp nav section ul.nav li a:last-child {
    padding: 20px 0 20px 0;
    margin: 0 0 0 46px
}

.policywarp nav.fixedh section ul.nav li a:last-child {
    padding: 10px 0 10px 0;
    margin: 0 0 0 30px
}

.policywarp nav section ul.nav li a.my_account:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(../../images/home-v1/icons.svg?v=3);
    background-repeat: no-repeat;
    background-position: -56px -71px;
    left: -36px;
    top: 13px;
    background-size: 186px 105px
}

.policywarp nav.fixedh section ul.nav li a.my_account:before {
    top: 5px
}

#dm1 {
    padding: 0 0 10px
}

#dm1 li a {
    padding: 11px 26px;
    font-size: 12px;
    font-weight: 600
}

.policywarp nav.fixedh section ul.nav li a .icon {
    width: 26px;
    height: 40px;
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 50%;
    display: none
}

.policywarp nav.fixedh section ul.nav li a .icon.more {
    top: 4px
}

.policywarp nav.fixedh section ul.nav li a .icon.more svg {
    margin-top: 16px
}

.policywarp nav section .policynav.menuslide {
    -webkit-animation: slide-left .7s;
    animation: slide-left .7s;
    opacity: 1;
    left: 0
}

.overlaybox {
    position: fixed;
    width: 100%;
    height: 100% !important;
    background: rgba(0, 0, 0, .8);
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    display: none
}

.fixedh .desktopHeader,
.fixedh .mob {
    display: none
}

.policywarp nav section.desktopHeader_iconView {
    display: none
}

.policywarp nav.fixedh section.desktopHeader_iconView {
    display: block
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.ribbonmenu.new {
    width: 30px;
    height: 14px;
    background: #12ad3e;
    display: inline-block;
    position: absolute;
    top: 13px;
    padding: 0 4px;
    text-align: left;
    right: 13px
}

.ribbonmenu.new:before {
    content: "New";
    padding: 0;
    margin: 0;
    position: absolute;
    font-size: 9px;
    font-style: normal;
    color: #fff;
    line-height: 13px;
    width: 30px;
    left: 0;
    text-align: center
}

@media only screen and (max-width:1366px) {
    .ft .allInsurance_icon {
        padding: 0
    }

    .case-1 {
        left: 11px
    }

    .allInsurance_icon>.container {
        height: 265px
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI_icon_band .sub-links .sbCateIcon.two_wheeler_insurance:before {
        width: 35px;
        height: 42px
    }

    #noticeMassage {
        margin: 30px auto 20px
    }

    .mid-row .container .list ul {
        margin: 35px 0 0;
        padding: 0
    }

    .ft .allInsurance_icon .h3 {
        opacity: 1;
        font-size: 30px;
        line-height: 24px;
        color: #f6ff52;
        margin: 10px 0 30px;
        font-weight: 400
    }

    .heartxy {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        left: -2px;
        top: -55px
    }

    .heartxy+.ribbon.new {
        top: -40px
    }

    .infoBannerslider {
        top: -5px
    }

    .insuranceMadeEasy .container {
        padding: 3px 0
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        padding: 32px 0 12px 0
    }

    .content_template {
        width: 1130px
    }

    .landingSlide {
        height: calc(100vh - 12%)
    }

    .partnerLogo .logo {
        height: 68px;
        text-align: center;
        border-radius: 4px;
        margin: 5px .5%;
        border: solid .6px #dedfdf;
        background-color: #fff;
        width: 15%;
        transition: all .1s;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .6;
        background-size: 1115px 932px;
        position: relative;
        display: inline-block
    }

    .partnerLogo .logo:before {
        height: 60px
    }

    .groupCompanie .group_title .h2,
    .investor .investor_title .h2,
    .ourpartner .partner_title .h2,
    .pointerWraper .h3,
    .testimonials .testimonials_title .h2 {
        font-weight: 500
    }

    .allInsurance_icon .links:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        z-index: 2
    }

    .insuranceMadeEasy {
        padding: 0
    }

    .insuranceMadeEasy .container {
        padding: 7px 0
    }

    .allInsurance_icon .links span {
        bottom: -40px;
        line-height: 16px;
        font-size: 13px;
        font-weight: 400
    }

    .allInsurance_icon .h1 {
        font-size: 30px;
        margin: 20px 0 25px 0
    }

    .ft .allInsurance_icon .h3 {
        font-size: 27px;
        margin: 16px 0 30px
    }

    .akImg {
        right: 0;
        background-size: 100%
    }

    .ft .akImg {
        background-size: 100%
    }

    .ft .restInsurance_icon .restInsurance_icon_band .sub-links {
        padding: 25px 0 10px 0
    }

    .ft .restInsurance_icon_band {
        margin: -30px 0 1.5%
    }

    .pointerWraper {
        padding: 5% 0 0 70px
    }

    .moreInsurance {
        padding: 3% 0
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links .sbCateIcon svg {
        width: 90%
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.childplan .sbCateIcon svg {
        width: 100%
    }
}

.groupCompanie,
.madeEasy,
.mobileApp,
.ourpartner,
.testimonials {
    opacity: 1
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

@media (min-width:576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:576px) {
    .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
        max-width: 100%
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px auto;
    flex: 2px 7px auto;
    width: auto
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 8.333333%;
    flex: 2px 7px 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 16.666667%;
    flex: 2px 7px 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 25%;
    flex: 2px 7px 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 33.333333%;
    flex: 2px 7px 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 41.666667%;
    flex: 2px 7px 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 50%;
    flex: 2px 7px 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 58.333333%;
    flex: 2px 7px 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 66.666667%;
    flex: 2px 7px 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 75%;
    flex: 2px 7px 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 83.333333%;
    flex: 2px 7px 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 91.666667%;
    flex: 2px 7px 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 2px 7px 100%;
    flex: 2px 7px 100%;
    max-width: 100%
}

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.333333%
}

.pull-2 {
    right: 16.666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.333333%
}

.pull-5 {
    right: 41.666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.333333%
}

.pull-8 {
    right: 66.666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.333333%
}

.pull-11 {
    right: 91.666667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.333333%
}

.push-2 {
    left: 16.666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.333333%
}

.push-5 {
    left: 41.666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.333333%
}

.push-8 {
    left: 66.666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.333333%
}

.push-11 {
    left: 91.666667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px auto;
        flex: 2px 7px auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 8.333333%;
        flex: 2px 7px 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 16.666667%;
        flex: 2px 7px 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 25%;
        flex: 2px 7px 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 33.333333%;
        flex: 2px 7px 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 41.666667%;
        flex: 2px 7px 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 50%;
        flex: 2px 7px 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 58.333333%;
        flex: 2px 7px 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 66.666667%;
        flex: 2px 7px 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 75%;
        flex: 2px 7px 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 83.333333%;
        flex: 2px 7px 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 91.666667%;
        flex: 2px 7px 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 100%;
        flex: 2px 7px 100%;
        max-width: 100%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.333333%
    }

    .pull-sm-2 {
        right: 16.666667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.333333%
    }

    .pull-sm-5 {
        right: 41.666667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.333333%
    }

    .pull-sm-8 {
        right: 66.666667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.333333%
    }

    .pull-sm-11 {
        right: 91.666667%
    }

    .pull-sm-12 {
        right: 100%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.333333%
    }

    .push-sm-2 {
        left: 16.666667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.333333%
    }

    .push-sm-5 {
        left: 41.666667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.333333%
    }

    .push-sm-8 {
        left: 66.666667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.333333%
    }

    .push-sm-11 {
        left: 91.666667%
    }

    .push-sm-12 {
        left: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px auto;
        flex: 2px 7px auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 8.333333%;
        flex: 2px 7px 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 16.666667%;
        flex: 2px 7px 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 25%;
        flex: 2px 7px 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 33.333333%;
        flex: 2px 7px 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 41.666667%;
        flex: 2px 7px 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 50%;
        flex: 2px 7px 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 58.333333%;
        flex: 2px 7px 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 66.666667%;
        flex: 2px 7px 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 75%;
        flex: 2px 7px 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 83.333333%;
        flex: 2px 7px 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 91.666667%;
        flex: 2px 7px 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 100%;
        flex: 2px 7px 100%;
        max-width: 100%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.333333%
    }

    .pull-md-2 {
        right: 16.666667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.333333%
    }

    .pull-md-5 {
        right: 41.666667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.333333%
    }

    .pull-md-8 {
        right: 66.666667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.333333%
    }

    .pull-md-11 {
        right: 91.666667%
    }

    .pull-md-12 {
        right: 100%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.333333%
    }

    .push-md-2 {
        left: 16.666667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.333333%
    }

    .push-md-5 {
        left: 41.666667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.333333%
    }

    .push-md-8 {
        left: 66.666667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.333333%
    }

    .push-md-11 {
        left: 91.666667%
    }

    .push-md-12 {
        left: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px auto;
        flex: 2px 7px auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 8.333333%;
        flex: 2px 7px 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 16.666667%;
        flex: 2px 7px 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 25%;
        flex: 2px 7px 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 33.333333%;
        flex: 2px 7px 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 41.666667%;
        flex: 2px 7px 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 50%;
        flex: 2px 7px 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 58.333333%;
        flex: 2px 7px 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 66.666667%;
        flex: 2px 7px 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 75%;
        flex: 2px 7px 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 83.333333%;
        flex: 2px 7px 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 91.666667%;
        flex: 2px 7px 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 100%;
        flex: 2px 7px 100%;
        max-width: 100%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.333333%
    }

    .pull-lg-2 {
        right: 16.666667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.333333%
    }

    .pull-lg-5 {
        right: 41.666667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.333333%
    }

    .pull-lg-8 {
        right: 66.666667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.333333%
    }

    .pull-lg-11 {
        right: 91.666667%
    }

    .pull-lg-12 {
        right: 100%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.333333%
    }

    .push-lg-2 {
        left: 16.666667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.333333%
    }

    .push-lg-5 {
        left: 41.666667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.333333%
    }

    .push-lg-8 {
        left: 66.666667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.333333%
    }

    .push-lg-11 {
        left: 91.666667%
    }

    .push-lg-12 {
        left: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px auto;
        flex: 2px 7px auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 8.333333%;
        flex: 2px 7px 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 16.666667%;
        flex: 2px 7px 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 25%;
        flex: 2px 7px 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 33.333333%;
        flex: 2px 7px 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 41.666667%;
        flex: 2px 7px 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 50%;
        flex: 2px 7px 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 58.333333%;
        flex: 2px 7px 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 66.666667%;
        flex: 2px 7px 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 75%;
        flex: 2px 7px 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 83.333333%;
        flex: 2px 7px 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 91.666667%;
        flex: 2px 7px 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 2px 7px 100%;
        flex: 2px 7px 100%;
        max-width: 100%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.333333%
    }

    .pull-xl-2 {
        right: 16.666667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.333333%
    }

    .pull-xl-5 {
        right: 41.666667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.333333%
    }

    .pull-xl-8 {
        right: 66.666667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.333333%
    }

    .pull-xl-11 {
        right: 91.666667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.333333%
    }

    .push-xl-2 {
        left: 16.666667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.333333%
    }

    .push-xl-5 {
        left: 41.666667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.333333%
    }

    .push-xl-8 {
        left: 66.666667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.333333%
    }

    .push-xl-11 {
        left: 91.666667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

@media only screen and (min-width:1366px) and (min-height:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .landingSlide {
        height: auto
    }

    *,
    html {
        scroll-behavior: initial
    }

    .case-overlay.block {
        display: block
    }

    .allInsurance_icon .links .zeroC {
        display: none
    }

    .allInsurance_icon .links .investment .zeroC {
        display: block;
        bottom: 12px
    }

    .mobhide {
        display: none
    }

    .allInsurance_icon .links .zeroC {
        display: none
    }

    .groupCompanie,
    .madeEasy,
    .mobileApp,
    .ourpartner,
    .testimonials {
        opacity: 1
    }

    .allInsurance_icon .links {
        margin: 0 8px 40px
    }

    .alsoBuy {
        margin: 0 7px 30px 0
    }

    .policywarp nav section ul.nav li a:first-child,
    .policywarp nav section ul.nav li a:last-child {
        margin: 0;
        padding: 14px 0 15px 18px
    }

    .webp .bannerSlider.imgItem2 {
        background-image: url(../../images/webp/hold_breath_mob.webp)
    }

    .no-webp .bannerSlider.imgItem2 {
        background-image: url(../../images/home-v1/hold_breath_mob.png)
    }

    .bannerSlider.imgItem2 {
        background-size: 100%;
        background-repeat: no-repeat
    }

    .bannerSlider.imgItem2 a {
        background-image: none
    }

    .webp .bannerSlider.corp_ins {
        background-image: url(../../images/webp/corporate-insurance.webp)
    }

    .no-webp .bannerSlider.corp_ins {
        background-image: url(../../images/home-v1/corporate-insurance.png)
    }

    .webp .bannerSlider.ghi_ins {
        background-image: url(../../images/webp/ghi_banner.webp)
    }

    .no-webp .bannerSlider.ghi_ins {
        background-image: url(../../images/home-v1/ghi_banner.jpg)
    }

    .bannerSlider.corp_ins {
        background-size: 100%;
        background-repeat: no-repeat
    }

    .bannerSlider.corp_ins a {
        background-image: none;
        height: 98px;
        display: block
    }

    .bannerSlider.ghi_ins {
        background-size: 100%;
        background-repeat: no-repeat
    }

    .bannerSlider.ghi_ins a {
        background-image: none;
        height: 98px;
        display: block
    }

    .testimonialItem.slick-slide.slick-current.slick-active.slick-center .name .city {
        font-size: 9px;
        line-height: 14px
    }

    .testimonialItem.slick-slide.slick-current.slick-active.slick-center .name .nameTitle {
        font-size: 12px
    }

    .allInsurance_icon,
    .ft .allInsurance_icon {
        padding: 0
    }

    .allInsurance_icon .container,
    .ft .allInsurance_icon .container {
        height: 290px
    }

    .allInsurance_icon .h1 {
        font-size: 24px;
        color: #fff;
        margin: 25px 0 15px
    }

    .allInsurance_icon .h1 .small-text,
    .allInsurance_icon h1.normaltext {
        padding-top: 5px
    }

    .allInsurance_icon h1.normaltext {
        display: inline-block;
        font-weight: 300
    }

    .ft .allInsurance_icon .h3 {
        margin: 30px 0 45px
    }

    .allInsurance_icon .links {
        width: 130px
    }

    .allInsurance_icon .links span {
        bottom: 7px;
        line-height: 13px;
        color: #737373;
        font-weight: 600;
        font-size: 12px
    }

    .allInsurance_icon .links span br {
        display: block
    }

    .allInsurance_icon .prdIcon .planTitle {
        bottom: 20%;
        color: rgba(65, 65, 65, .6);
        font-size: 9px
    }

    .allInsurance_icon .prdIcon.travel_insurance svg,
    .allInsurance_icon .prdIcon.two_wheeler_insurance svg {
        margin-left: 0
    }

    .allInsurance_icon .prdIcon svg {
        width: 100%;
        height: 40px
    }

    .allInsurance_icon .prdIcon.car_insurance svg {
        width: 100%;
        height: 40px;
        height: 28px
    }

    .allInsurance_icon.forNRI .prdIcon.car_insurance svg {
        height: 40px
    }

    .groupCompanie {
        height: 80%
    }

    .madeEasy,
    .ourpartner,
    .testimonials {
        height: auto;
        padding: 5vh 0
    }

    .moreInsurance {
        height: 50%
    }

    .footerLegal {
        height: 30%
    }

    .mobileApp {
        max-height: 551px
    }

    .pointerWraper {
        width: 50%;
        text-align: left;
        padding: 10% 0 20px 75px
    }

    .policywarp nav section.desktopHeader_iconView,
    .policywarp nav section.mobileHeader {
        display: none
    }

    .policywarp nav,
    .policywarp nav section.desktopHeader {
        display: block
    }

    .policywarp nav.fixedh .desktopHeader,
    .policywarp nav.fixedh .mob {
        display: none
    }

    .insuranceMadeEasy {
        position: static
    }
}

@media only screen and (max-width:1024px) {

    *,
    html {
        scroll-behavior: initial
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.arogya br {
        display: block
    }

    .ribbonmenu.new {
        top: 13px;
        right: 9px
    }

    .mid-row .container h2 {
        text-align: center;
        font-size: 18px
    }

    .mid-row .container h2 span {
        margin: 10px auto 0
    }

    .mid-row .container {
        width: calc(100% - 20px);
        margin: 0 10px
    }

    .mid-row .container .list ul li {
        width: 100%;
        margin-bottom: 16px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px
    }

    .mid-row .container p.text-header {
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        text-align: center;
        padding-top: 20px
    }

    .mid-row .container a.know {
        text-align: center;
        display: block
    }

    .mid-row .container .list ul {
        margin: 20px 0 30px 0;
        width: 100%
    }

    .mid-row .container .list ul li:hover {
        -webkit-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #dfe1e6
    }

    .mid-row .container .list ul li:hover div p.heading {
        font-weight: 400
    }

    .webp .mid-row .container .list ul li span.sprite-image {
        width: 65px;
        background: url(../../images/webp/advantages-sprite.webp) no-repeat;
        height: 70px;
        display: inline-block;
        background-size: 110%;
        margin: 10px 0 0 10px
    }

    .no-webp .mid-row .container .list ul li span.sprite-image {
        width: 65px;
        height: 70px;
        display: inline-block;
        background-size: 110%;
        margin: 10px 0 0 10px
    }

    .mid-row .container .list ul li span.sprite-image.lowest-price {
        background-position: 0 -238px
    }

    .mid-row .container .list ul li span.sprite-image.unbiased-advice {
        background-position: -3px -319px
    }

    .mid-row .container .list ul li span.sprite-image.reliable {
        background-position: 0 -76px
    }

    .mid-row .container .list ul li span.sprite-image.claim-support {
        background-position: 0 3px
    }

    .mid-row .container .list ul li span.sprite-image.happy-help {
        background-position: -3px -157px
    }

    .mid-row .container .list ul li div {
        position: absolute;
        top: 25px;
        left: 100px;
        z-index: initial
    }

    .mid-row .container .list ul li img {
        height: 60px;
        margin: 10px 0 0 20px
    }

    .mid-row .container .list ul li div p.heading {
        font-size: 14px
    }

    .mid-row .container .list ul li div p.text {
        font-size: 12px
    }

    .grey-row .container ul li {
        width: calc(100% - 30px);
        margin: 0 15px;
        border-bottom: 1px solid #dfe1e6
    }

    .grey-row .container ul li:last-child {
        border-bottom: 0
    }

    .grey-row .container ul li span.star {
        margin-bottom: 5px
    }

    .case-1 {
        border-radius: 0;
        border: none
    }

    .case-1 .family,
    .case-1 .twowheeler {
        display: none
    }

    .case-1 .plan {
        width: 100%;
        margin: 0 10px 0 0;
        text-align: center
    }

    .case-1 .plan p.head {
        text-align: left;
        padding: 0 0 12px;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }

    .case-1 .plan p.head span {
        font-weight: 600
    }

    .case-1 .plan ul {
        margin-left: 16px;
        display: block;
        margin: 0 0;
        text-align: left
    }

    .case-1 .plan ul li {
        border: 0;
        font-size: 12px;
        margin: 0;
        width: 33%;
        padding: 0
    }

    .case-1 .plan ul li span {
        display: block;
        font-size: 14px;
        padding: 5px 0;
        line-height: 20px
    }

    .case-1 .btn {
        width: 100%
    }

    .btn .viewallplan {
        margin-top: 5px
    }

    .case-1 .btn .continuepurchage .btn-border,
    .case-1 .btn .viewallplan .btn-border {
        border: none
    }

    .case-1 .btn .continuepurchage .btn-border,
    .case-1 .btn .startnewserch .btn-blue {
        font-size: 14px
    }

    .case-1 .close {
        right: 16px
    }

    .case-1 .btn .btn-blue,
    .case-1 .btn .btn-border {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: initial;
        margin: 0;
        height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .case-1 .btn .viewthisplan.spin .btn-blue {
        padding: 13px 23px
    }

    .case-1 .btn .viewallplan.spin {
        margin: 5px auto 0
    }

    .case-1 .btn .viewallplan.spin .btn-border {
        padding: 14px 23px
    }

    .viewallplan.spin:before,
    .viewthisplan.spin:before {
        top: 22px
    }

    .case-1 .plan ul li span {
        padding: 0
    }

    #returninguser {
        height: 240px;
        overflow-y: scroll;
        width: 500px;
        margin: 0 auto
    }

    .case-1 .plan ul li {
        display: block
    }

    .case-overlay.block {
        display: block
    }

    .slideTop {
        margin: 0;
        left: 0;
        bottom: -300px;
        height: 230px;
        animation: slideTop .5s normal;
        animation-delay: 2s;
        -moz-animation: slideTop .5s normal;
        -webkit-animation: slideTop .5s normal;
        -webkit-animation-delay: 2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        padding: 20px
    }

    .continuepurchage,
    .startnewserch,
    .viewallplan,
    .viewthisplan {
        width: 100%;
        margin: 0 auto 0;
        display: block
    }

    .continuepurchage.spin,
    .startnewserch.spin,
    .viewallplan.spin,
    .viewthisplan.spin {
        display: block;
        height: auto;
        width: 100%;
        margin: 0 auto 0;
        border: 1px solid #0364fc;
        border-radius: 5px;
        height: 50px
    }

    .startnewserch.spin,
    .startnewserch.spin a {
        border: none
    }

    @keyframes slideTop {
        from {
            bottom: -480px
        }

        to {
            bottom: 0
        }
    }

    @-webkit-keyframes slideTop {
        from {
            bottom: -480px
        }

        to {
            bottom: 0
        }
    }

    .bannerSlider.dynamic {
        background-image: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .bannerSlider.dynamic img {
        display: block;
        width: 100%;
        height: -webkit-fill-available
    }

    .groupCompanie,
    .madeEasy,
    .mobileApp,
    .ourpartner,
    .testimonials {
        opacity: 1
    }

    .heartxy {
        left: 0;
        top: 20px
    }

    .heartxy+.ribbon.new {
        top: 45px
    }

    .alsoBuylink li a.alsobuy-cvi,
    .restInsurance_icon .restInsurance_icon_band .sub-links.ghp {
        display: inline-block
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.ci {
        display: none
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri+a.sub-links {
        display: none
    }

    .policywarp nav section ul.nav li a {
        text-transform: capitalize;
        padding: 14px 0 14px 25px;
        margin: 0
    }

    .infoBannerslide_bike_banner,
    .infoBannerslide_car_banner {
        background: 0 0;
        height: auto
    }

    .newsassion_info a {
        width: 87%;
        margin: 0 auto;
        display: inline
    }

    .footerLink .socialMedia {
        float: initial
    }

    .bannerSlider.imgItem4 .infoBannerslide_protectkarbefikar,
    .bannerSlider.imgItem5 .infoBannerslide_protectkarbefikar,
    .bannerSlider.imgItem6 .infoBannerslide_protectkarbefikar {
        background: 0 0;
        height: auto
    }

    .bannerSlider.imgItem4 .infoBannerslide_protectkarbefikar .bewareContent,
    .bannerSlider.imgItem5 .infoBannerslide_protectkarbefikar .bewareContent,
    .bannerSlider.imgItem6 .infoBannerslide_protectkarbefikar .bewareContent {
        font-size: 0
    }

    .alsoBuylink li:nth-child(4) {
        display: inline-block
    }

    .alsoBuylink li:nth-child(5) {
        display: none
    }

    .alsoBuylink li:last-child {
        display: inline-block
    }

    .alsoBuylink li {
        display: inline-block;
        margin-bottom: 5px
    }

    .alsoBuylink li:first-child {
        margin-bottom: 0
    }

    .alsoBuylink li a {
        padding: 5px 7px
    }

    .policywarp nav.fixedh section {
        padding: 0
    }

    .content_template,
    .popup {
        width: 100%
    }

    .allInsurance_icon .h1 {
        font-size: 24px;
        margin: 15px 0 20px;
        width: 65%;
        line-height: 30px;
        display: block
    }

    .promotioncards {
        display: inline-block;
        width: 300px;
        float: right;
        bottom: 324px;
        position: absolute;
        right: 37px
    }

    .bannerSlider {
        width: 300px;
        display: block;
        min-height: 95px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 9px 0 rgba(0, 11, 56, .15);
        box-shadow: 0 0 9px 0 rgba(0, 11, 56, .15);
        border: solid .7px #e7ebf6;
        margin: 10px
    }

    .promotioncards .bannerSlider {
        height: auto
    }

    .promotioncards .slick-list {
        height: 130px
    }

    .promotioncards .slick-dots li button:before {
        font-size: 30px
    }

    .webp .bannerSlider.imgItem1 {
        background-image: url(../../images/webp/car.webp)
    }

    .no-webp .bannerSlider.imgItem1 {
        background-image: url(../../images/home-v1/car.png)
    }

    .bannerSlider.imgItem1 {
        background-size: 155PX 60PX;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right -23px top
    }

    .webp .bannerSlider.imgItem2 {
        background-image: url(../../images/webp/hold_breath_mob.webp)
    }

    .no-webp .bannerSlider.imgItem2 {
        background-image: url(../../images/home-v1/hold_breath_mob.png)
    }

    .bannerSlider.imgItem2 {
        background-size: 100%;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 10px 12px
    }

    .webp .bannerSlider.imgItem3 {
        background-image: url(../../images/webp/fraud.webp)
    }

    .no-webp .bannerSlider.imgItem3 {
        background-image: url(../../images/home-v1/fraud.png)
    }

    .bannerSlider.imgItem3 {
        background-size: 129px 90px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right -32px top
    }

    .bannerSlider.imgItem3 a {
        display: inline-block;
        height: 98px;
        padding: 2px 0 0 0
    }

    .webp .bannerSlider.imgItem3_defence {
        background-image: url(../../images/webp/defence-mobile.webp)
    }

    .no-webp .bannerSlider.imgItem3_defence {
        background-image: url(../../images/home-v1/defence-mobile.png)
    }

    .bannerSlider.imgItem3_defence {
        background-size: 86px 76px;
        background-color: #f0f7f7;
        background-repeat: no-repeat;
        background-position: 0 22px
    }

    .bannerSlider.imgItem3_defence a {
        display: inline-block;
        padding: 2px 0 0 0
    }

    .webp .bannerSlider.imgItem3-india {
        background-image: url(../../images/webp/made-india-mobile.webp)
    }

    .no-webp .bannerSlider.imgItem3-india {
        background-image: url(../../images/home-v1/made-india-mobile.png)
    }

    .bannerSlider.imgItem3-india {
        background-size: 170px 120px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: -70px center
    }

    .bannerSlider.imgItem3-india a {
        display: inline-block;
        height: 98px;
        padding: 2px 0 0 0
    }

    .webp .bannerSlider.imgItem4 {
        background-image: url(../../images/webp/tax-saving-banner.webp)
    }

    .no-webp .bannerSlider.imgItem4 {
        background-image: url(../../images/home-v1/tax-saving-banner.png)
    }

    .bannerSlider.imgItem4 {
        background-size: contain;
        background-color: #f4fcfe;
        background-repeat: no-repeat;
        background-position: center
    }

    .webp .bannerSlider.imgItem5 {
        background-image: url(../../images/webp/bike-banner-mobile.webp)
    }

    .no-webp .bannerSlider.imgItem5 {
        background-image: url(../../images/home-v1/bike-banner-mobile.png)
    }

    .bannerSlider.imgItem5 {
        font-size: 0;
        background-size: 100%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    .webp .bannerSlider.makeinindia-mobile {
        background-image: url(../../images/webp/made-india-mobile.webp)
    }

    .no-webp .bannerSlider.makeinindia-mobile {
        background-image: url(../../images/home-v1/made-india-mobile.png)
    }

    .bannerSlider.makeinindia-mobile {
        font-size: 0;
        background-size: 100%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    .webp .bannerSlider.imgItem6 {
        background-image: url(../../images/webp/car-banner-mobile.webp)
    }

    .no-webp .bannerSlider.imgItem6 {
        background-image: url(../../images/home-v1/car-banner-mobile.png)
    }

    .bannerSlider.imgItem6 {
        font-size: 0;
        background-size: 100%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    .infoBannerslide_health_banner {
        background: 0 0;
        position: relative;
        height: auto
    }

    .webp .bannerSlider.corp_ins {
        background-image: url(../../images/webp/corporate-insurance.webp)
    }

    .no-webp .bannerSlider.corp_ins {
        background-image: url(../../images/home-v1/corporate-insurance.png)
    }

    .bannerSlider.corp_ins {
        font-size: 0;
        background-size: 100% auto;
        background-color: #e4efff;
        background-repeat: no-repeat;
        background-position: -1px center
    }

    .webp .bannerSlider.ghi_ins {
        background-image: url(../../images/webp/ghi_banner.webp)
    }

    .no-webp .bannerSlider.ghi_ins {
        background-image: url(../../images/home-v1/ghi_banner.jpg)
    }

    .bannerSlider.ghi_ins {
        font-size: 0;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: -1px center
    }

    .webp .bannerSlider.imgItem7 {
        background-image: url(../../images/webp/health-banner-mob.webp)
    }

    .no-webp .bannerSlider.imgItem7 {
        background-image: url(../../images/home-v1/health-banner-mob.png)
    }

    .bannerSlider.imgItem7 {
        font-size: 0;
        background-size: 100% auto;
        background-color: rgba(211, 241, 253, .9);
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background-color: rgba(211, 241, 253, .9);
        background-repeat: no-repeat;
        background-position: -1px center
    }

    .promotioncards .bewareContent {
        padding-top: 32px
    }

    .promotioncards .imgItem3_defence .defenceContent {
        padding-top: 2px
    }

    .promotioncards .imgItem3_defence .defenceContent p.secure-yourself {
        font-size: 12px;
        color: #505f79;
        line-height: 16px;
        padding-bottom: 5px
    }

    .promotioncards .imgItem3_defence .defenceContent p.defence-personal-plans {
        font-size: 16px;
        font-weight: 700;
        color: #172b4d;
        line-height: 16px;
        padding-bottom: 5px
    }

    .promotioncards .imgItem3_defence .defenceContent span.know-more {
        font-size: 12px;
        color: #006cfd;
        font-weight: 400;
        line-height: 16px;
        position: relative
    }

    .promotioncards .imgItem3_defence .defenceContent span.know-more:after,
    .promotioncards .imgItem3_defence .defenceContent span.know-more:before {
        content: "";
        display: block;
        position: absolute;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .promotioncards .imgItem3_defence .defenceContent span.know-more:before {
        top: 11px;
        right: -1.5em;
        width: 8px;
        height: 8px;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: translate(0, -.5em) rotate(45deg);
        transform: translate(0, -.5em) rotate(45deg);
        -webkit-box-shadow: inset -.1em .1em 0 0 #006cfd;
        box-shadow: inset -.1em .1em 0 0 #006cfd;
        border-radius: 0 0 0 0
    }

    .promotioncards .imgItem3_defence .defenceContent span.know-more:after {
        top: 10px;
        right: -1.5em;
        width: 11px;
        height: 1px;
        -webkit-transform: translate(0, -.1em);
        transform: translate(0, -.1em);
        background-color: #006cfd
    }

    .promotioncards .imgItem3-india .bewareContent {
        padding-top: 12px
    }

    .bannerSlider .imgItem7 .infoBannerslide_health_banner,
    .bannerSlider.imgItem2 .infoBannerslide_health_banner,
    .bannerSlider.imgItem4 .infoBannerslide_health_banner,
    .bannerSlider.imgItem5 .infoBannerslide_bike_banner,
    .bannerSlider.imgItem6 .infoBannerslide_car_banner {
        background: 0 0;
        height: auto
    }

    .bannerSlider.imgItem4 .infoBannerslide_health_banner .bewareContent,
    .bannerSlider.imgItem5 .infoBannerslide_bike_banner .bewareContent,
    .bannerSlider.imgItem6 .infoBannerslide_car_banner .bewareContent {
        font-size: 0
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: cover;
        background-position: 0 0;
        position: relative
    }

    .bannerSlider a {
        color: #191919;
        text-decoration: none
    }

    .bannerSlider.imgItem5 .content .bewareContent,
    .bannerSlider.imgItem6 .content .bewareContent,
    .bannerSlider.imgItem7 .content .bewareContent {
        padding-top: 4px;
        text-align: center;
        color: #fff
    }

    .bannerSlider.imgItem6 .content .bewareContent,
    .bannerSlider.imgItem7 .content .bewareContent {
        color: #333
    }

    .bannerSlider.imgItem5 .content .buynow,
    .bannerSlider.imgItem6 .content .buynow,
    .bannerSlider.imgItem7 .content .buynow {
        background: #0463f6;
        padding: 1px 4px;
        border-radius: 5px;
        color: #fff;
        font-size: 9px;
        letter-spacing: .3;
        display: block;
        margin: 0 auto;
        width: 124px;
        margin-top: 5px;
        text-align: center
    }

    .bannerSlider .content {
        font-weight: 500;
        width: 173px;
        font-size: 13px;
        padding: 5px 13px;
        line-height: 20px
    }

    .bannerSlider.imgItem3_defence .content {
        font-weight: 500;
        width: 220px;
        font-size: 13px;
        padding: 7px 13px;
        line-height: 20px;
        margin-left: 75px
    }

    .bannerSlider.imgItem3-india .content {
        font-weight: 500;
        width: 190px;
        font-size: 13px;
        padding: 7px 13px;
        line-height: 20px;
        margin-left: 110px
    }

    .bannerSlider.imgItem5 .content,
    .bannerSlider.imgItem6 .content,
    .bannerSlider.imgItem7 .content {
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 15px 0
    }

    .bannerSlider.imgItem7 .content {
        padding-left: 50px;
        padding-right: 10px
    }

    .bannerSlider.imgItem1 .content span.red {
        color: #d0021b
    }

    .bannerSlider.imgItem2 .content span.blue {
        color: #2684ff
    }

    .partnerLogo .logo {
        width: 18%
    }

    .ribbon.new {
        top: 45px
    }

    .investorLogo .logo,
    .investorLogo .logo:hover,
    .partnerLogo .logo,
    .partnerLogo .logo:hover {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        opacity: .7
    }

    .allInsurance_icon .links:hover .tiptool {
        display: none
    }

    .allInsurance_icon .links:hover {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }

    .mobhide {
        display: none
    }

    img.more_icon {
        display: none
    }

    .policywarp nav.fixedh section.desktopHeader_iconView {
        display: none
    }

    .allInsurance_icon .h3 {
        margin: 0 0 45px;
        line-height: 30px
    }

    .ft .allInsurance_icon .h3 {
        margin: 0 0 45px
    }

    .allInsurance_icon .links span {
        bottom: 7px;
        line-height: 15px;
        color: #4f4f4f;
        font-weight: 500;
        font-size: 12px
    }

    .allInsurance_icon .links .zeroC {
        display: none
    }

    .allInsurance_icon.forNRI .links .zeroC {
        display: block;
        font-weight: 500;
        font-size: 12px
    }

    .allInsurance_icon .links .investment .zeroC {
        display: block;
        bottom: 12px
    }

    .allInsurance_icon .prdIcon .planTitle {
        bottom: 22%;
        color: rgba(65, 65, 65, .6);
        font-size: 9px
    }

    .allInsurance_icon .prdIcon.two_wheeler_insurance {
        background-position: -25px 15px;
        background-size: 125px 110px
    }

    .allInsurance_icon .prdIcon.travel_insurance {
        background-position: 10px -4px;
        background-size: 135px 121px
    }

    .restInsurance_icon_band .group:last-child {
        display: none
    }

    .restInsurance_icon_band.forNRI_icon_band .group:last-child {
        display: block
    }

    .restInsurance_icon_band.forNRI_icon_band .group:last-child a:last-child {
        display: none
    }

    .restInsurance_icon_band {
        padding: 0 15px;
        display: table;
        width: 100%;
        margin: -60px auto 25px
    }

    .restInsurance_icon_band.forNRI_icon_band .group:last-child {
        display: block
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 113px;
        padding: 62px 0 22px 0
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.heart .sbCateIcon {
        width: 40px;
        height: 40px
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri {
        padding: 62px 0 22px 0;
        height: 120px;
        display: inline-block
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri .sub-links {
        height: auto;
        padding: 40px 0 25px
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri .sub-links .sbCateIcon.two_wheeler_insurance:before {
        top: 0
    }

    .restInsurance_icon .restInsurance_icon_band .group .grouptext {
        top: 10px
    }

    .allInsurance_icon .prdIcon.travel_insurance svg,
    .allInsurance_icon .prdIcon.two_wheeler_insurance svg {
        margin-left: 0
    }

    .allInsurance_icon .prdIcon svg {
        width: 100%;
        height: 40px
    }

    .allInsurance_icon .prdIcon.car_insurance svg {
        width: 100%;
        height: 40px;
        height: 28px
    }

    .allInsurance_icon.forNRI .prdIcon.car_insurance svg {
        margin-top: 5px;
        height: 40px
    }

    .allInsurance_icon .links span br {
        display: none
    }

    .alsoBuy .viewChange {
        display: none
    }

    .moreInsurance {
        padding: 40px 0
    }

    .akImg {
        display: none
    }

    .akImg.changeView {
        display: block;
        position: absolute;
        top: -56px;
        right: 0;
        height: 182px;
        background-position: center bottom;
        background-size: 85%;
        width: 189px;
        display: none
    }

    .allInsurance_icon .links {
        width: 130px
    }

    .allInsurance_icon,
    .ft .allInsurance_icon {
        padding: 0;
        height: 265px
    }

    .allInsurance_icon.forNRI .prdIcon {
        padding: 22px 0 0;
        margin: 0 auto 0
    }

    .allInsurance_icon .links {
        height: 105px;
        margin: 0 15px 0
    }

    .allInsurance_icon .prdIcon.two_wheeler_insurance {
        background-position: -25px -19px;
        background-size: 125px 110px;
        height: 50px;
        margin: 25px auto 0;
        padding: 0
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links span {
        line-height: 16px
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI_icon_band .sub-links.twowheeler_link {
        position: relative
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI_icon_band .sub-links .sbCateIcon.two_wheeler_insurance:before {
        top: 20px;
        width: 30px;
        height: 35px;
        background-position: -27px 1px
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI_icon_band .ribbon.new.twowheeler {
        top: 5px;
        left: -6px
    }

    .landingSlide {
        height: auto
    }

    .insuranceMadeEasy {
        position: static
    }

    .alsoBuy {
        margin: 0 7px 30px 0
    }

    .landingSlide .col-lg-3 {
        display: none
    }

    .footerLegal,
    .groupCompanie,
    .investor,
    .madeEasy,
    .mobileApp,
    .moreInsurance,
    .ourpartner,
    .testimonials {
        height: auto;
        padding: 5% 0 7%
    }

    .groupCompanie .group_title {
        margin: 20px 0
    }

    .knowmore_wrap+.col-6 {
        display: none
    }

    .madeEasy {
        background-image: none;
        background-color: #f3f5fd
    }

    .madeEasy .knowmoreSeo {
        margin: 60px auto 0
    }

    .pointerWraper {
        width: 33%;
        padding: 15% 0 0 0;
        text-align: center
    }

    .pointerWraper .icons {
        position: absolute;
        left: 15px;
        height: 40px;
        width: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 45%
    }

    .footerLink ul {
        text-align: center
    }

    .madeEasy .madeEasyInsurance_title {
        text-align: center
    }

    .webp .mobileApp:after {
        background-image: url(../../images/webp/mobile.webp)
    }

    .no-webp .mobileApp:after {
        background-image: url(../../images/home-v1/mobile.png)
    }

    .mobileApp:after {
        background-size: cover;
        height: 81%;
        width: 280px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: bottom right
    }

    .insuranceMadeEasy {
        display: none !important
    }

    .case-1 .btn .btn-border {
        border: none
    }
}

@media only screen and (max-width:1015px) {
    .allInsurance_icon {
        background-image: none
    }

    .akImg.changeView {
        height: 162px
    }

    .allInsurance_icon,
    .ft .allInsurance_icon {
        height: 230px
    }

    .allInsurance_icon.forNRI .prdIcon {
        padding: 22px 0 0
    }

    .allInsurance_icon.forNRI .links .zeroC {
        bottom: 5px;
        font-size: 11px
    }

    .landingSlide {
        background-color: #3d6bf6
    }

    .allInsurance_icon .links {
        width: 105px;
        height: 85px
    }

    .allInsurance_icon.forNRI .prdIcon.car_insurance svg {
        margin-top: 0;
        height: 28px
    }

    .allInsurance_icon .prdIcon.investment svg {
        margin-top: 7px
    }

    .alsoBuylink li:last-child {
        display: inline-block
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.heart .sbCateIcon {
        width: auto;
        height: auto
    }

    .heartxy {
        left: -18px;
        top: -22px
    }

    .heartxy+.ribbon.new {
        top: -11px
    }

    .ribbon.new {
        right: -5px
    }

    .pointerWraper .h3 .live,
    .pointers .itemCenter .live {
        bottom: 50%
    }

    .allInsurance_icon .links {
        margin: 0 7px 40px
    }

    .knowmore_wrap {
        display: none
    }

    .promotioncards {
        background: #fff;
        padding-bottom: 15px;
        display: block
    }

    .promotioncards {
        display: block;
        width: auto;
        float: none;
        top: 0;
        bottom: 0;
        position: static;
        right: 0
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: 122%;
        background-position: -70px 0
    }

    .akImg.changeView {
        top: -47px;
        display: none
    }

    .allInsurance_icon .h1 {
        width: 100%;
        margin: 15px 0 20px;
        font-size: 24px;
        letter-spacing: 1px;
        line-height: 30px;
        position: relative;
        left: -15px
    }

    .promotioncards .procards {
        width: 720px;
        margin: 0 auto
    }

    .procards .slick-list.draggable {
        padding: 0 !important
    }

    .titleLink {
        color: #d0021b;
        border: 1px solid #d0021b;
        padding: 0 2px;
        border-radius: 20px;
        display: block;
        text-align: center;
        font-size: 10px;
        text-decoration: none;
        width: 66%;
        margin-bottom: 5px
    }

    .promotioncards .slick-dots {
        bottom: -10px
    }

    .bannerSlider {
        width: 400px;
        width: 100%;
        min-height: 100px;
        display: block;
        height: 100%;
        max-height: 100px;
        overflow: hidden;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 9px 0 rgba(0, 11, 56, .15);
        box-shadow: 0 0 9px 0 rgba(0, 11, 56, .15);
        border: solid .7px #e7ebf6
    }

    .bannerSlider .bewareContent {
        padding: 15px 0
    }

    .bannerSlider .defenceContent {
        padding: 15px 0
    }

    .webp .bannerSlider.imgItem1 {
        background-image: url(../../images/webp/car.webp)
    }

    .no-webp .bannerSlider.imgItem1 {
        background-image: url(../../images/home-v1/car.png)
    }

    .bannerSlider.imgItem1 {
        background-size: 222px 85px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right -23px top
    }

    .webp .bannerSlider.imgItem2 {
        background-image: url(../../images/webp/hold_breath_mob.webp)
    }

    .no-webp .bannerSlider.imgItem2 {
        background-image: url(../../images/home-v1/hold_breath_mob.png)
    }

    .bannerSlider.imgItem2 {
        background-size: 100%;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 10px 12px
    }

    .webp .bannerSlider.imgItem3 {
        background-image: url(../../images/webp/fraud.webp)
    }

    .no-webp .bannerSlider.imgItem3 {
        background-image: url(../../images/home-v1/fraud.png)
    }

    .bannerSlider.imgItem3 {
        background-size: 184px 128px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right -32px top
    }

    .webp .bannerSlider.imgItem3-india {
        background-image: url(../../images/webp/made-india-mobile.webp)
    }

    .no-webp .bannerSlider.imgItem3-india {
        background-image: url(../../images/home-v1/made-india-mobile.png)
    }

    .bannerSlider.imgItem3-india {
        background-size: 184px 128px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: -70px center
    }

    .webp .bannerSlider.imgItem4 {
        background-image: url(../../images/webp/tax-saving-banner.webp)
    }

    .no-webp .bannerSlider.imgItem4 {
        background-image: url(../../images/home-v1/tax-saving-banner.png)
    }

    .bannerSlider.imgItem4 {
        background-size: contain;
        background-color: #f4fcfe;
        background-repeat: no-repeat;
        background-position: center
    }

    .slick-dots li {
        margin: 0 0
    }

    .bannerSlider.slick-slide {
        margin: 0 10px;
        width: 400px
    }

    .procards.slick-dotted.slick-slider {
        margin-bottom: 0
    }

    .bannerSlider .content {
        font-weight: 500;
        width: 173px;
        font-size: 13px;
        padding: 20px 13px;
        line-height: 20px
    }

    .procards .slick-track {
        padding: 10px 0 15px
    }

    .bannerSlider a {
        color: #191919;
        text-decoration: none
    }

    .bannerSlider.imgItem1 .content span.red {
        color: #d0021b
    }

    .bannerSlider.imgItem2 .content span.blue {
        color: #2684ff
    }

    .insuranceMadeEasy {
        display: none
    }

    .groupCompanie,
    .madeEasy,
    .mobileApp,
    .ourpartner,
    .testimonials {
        opacity: 1
    }

    .policywarp nav.fixedh section {
        padding: 0
    }

    .allInsurance_icon .prdIcon {
        padding: 22px 0 0
    }

    .allInsurance_icon .links:first-child .prdIcon {
        padding: 24px 0 0
    }

    .allInsurance_icon .links:nth-child(2) .prdIcon {
        padding: 24px 0 0
    }

    .alsoBuy {
        background: #fff;
        margin: 0;
        padding: 20px 0 10px
    }

    .alsoBuylink li {
        display: inline-block
    }

    .madeEasyheading .h2 {
        font-size: 16px;
        line-height: 26px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links:nth-child(7),
    .restInsurance_icon .restInsurance_icon_band .sub-links:nth-child(8),
    .restInsurance_icon .restInsurance_icon_band .sub-links:nth-child(9) {
        display: none
    }

    .testiMonialSlider .slick-list {
        padding: 20px 0 50px !important;
        margin-left: 0 !important
    }

    .moreProducts {
        position: static;
        font-size: 12px;
        right: initial;
        top: inherit;
        padding: 7px;
        text-align: center;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
        text-decoration: none;
        color: #2684ff;
        display: block;
        margin: 0 auto 15px;
        width: 100px;
        width: 61px;
        border-radius: 3px;
        border: solid .5px #2684ff
    }

    .moreProducts svg {
        display: none
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        padding: 53px 0 10px
    }

    .restInsurance_icon .restInsurance_icon_band .group .grouptext {
        top: 3px
    }

    .ribbon.new {
        top: 30px
    }

    .restInsurance_icon .restInsurance_icon_band .group .grouptext span {
        top: 2px
    }

    .restInsurance_icon .restInsurance_icon_band .group .grouptext span.sm {
        width: 65px
    }

    .allInsurance_icon .prdIcon svg,
    .allInsurance_icon .prdIcon.car_insurance svg {
        width: 100%;
        height: 40px
    }

    .allInsurance_icon .prdIcon.car_insurance svg {
        height: 28px
    }

    .restInsurance_icon>.container {
        padding: 0
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 76px;
        font-size: 10px;
        font-weight: 500
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri {
        padding: 40px 0 10px;
        height: 120px;
        display: inline-block
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri .sub-links {
        height: auto;
        padding: 40px 0 15px
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri .sub-links .sbCateIcon.two_wheeler_insurance:before {
        width: 30px;
        height: 46px;
        background: url(../../images/home-v1/icons.svg?v=3) no-repeat;
        background-size: 348%;
        background-position: -21px 12px
    }

    .restInsurance_icon .restInsurance_icon_band .group .grouptext {
        font-size: 10px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links .sbCateIcon svg {
        width: 100%;
        height: 25px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links .sbCateIcon.car_insurance svg {
        width: 26px
    }

    .allInsurance_icon .prdIcon .planTitle {
        bottom: 25%
    }

    .allInsurance_icon .links span {
        line-height: 12px
    }

    .partnerLogo .logo {
        height: 68px;
        text-align: center;
        border-radius: 4px;
        margin: 5px .5%;
        border: solid .6px #dedfdf;
        background-color: #fff;
        width: 15.5%;
        transition: all .1s;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .7;
        background-size: 1115px 932px;
        position: relative
    }

    .partnerLogo .logo:before {
        min-width: 24%
    }

    .moreInsurance .allInsurance {
        width: 49%;
        margin-bottom: 30px
    }

    .moreProducts {
        right: -20px;
        display: none
    }

    .madeEasy .madeEasyInsurance_title {
        text-align: center
    }

    .pointerWraper .icons {
        top: 35%
    }

    .allInsurance_icon .prdIcon svg {
        width: 100%;
        height: 28px
    }

    .allInsurance_icon .prdIcon.car_insurance svg {
        height: 20px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 85px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.grp br {
        display: none
    }

    .allInsurance_icon .prdIcon.two_wheeler_insurance {
        background-position: -21px -19px;
        background-size: 95px 92px;
        width: 30px;
        height: 30px
    }

    .allInsurance_icon .prdIcon.car_insurance svg {
        margin-top: 5px
    }

    .allInsurance_icon .prdIcon.travel_insurance {
        background-position: 4px -11px;
        background-size: 105px 121px;
        width: 30px;
        height: 52px
    }

    .allInsurance_icon .links span {
        font-size: 11px
    }

    .restInsurance_icon_band {
        width: 98%
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links span br {
        display: block
    }

    .testiMonialSlider.slider {
        max-width: 450px
    }

    .testiMonialSlider .slick-slide {
        margin: 0 20px
    }

    .testiMonialSlider .slick-center {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    .webp .mobileApp:after {
        background-image: url(../../images/webp/mobile.webp)
    }

    .no-webp .mobileApp:after {
        background-image: url(../../images/home-v1/mobile.png)
    }

    .mobileApp:after {
        background-size: 100%;
        height: 100%;
        width: 230px;
        right: 5%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: bottom right
    }
}

@media only screen and (max-width:760px) {
    .promotioncards .procards {
        width: 640px;
        margin: 0 auto
    }

    .bannerSlider.imgItem3_defence .content {
        margin-left: 85px
    }

    .allInsurance_icon.forNRI .prdIcon.car_insurance svg {
        margin-top: 0;
        height: 34px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links .sbCateIcon.travel {
        width: 40px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links:before {
        display: none
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI_icon_band .ribbon.new.twowheeler {
        top: -25px;
        left: -6px
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI_icon_band .sub-links .sbCateIcon.two_wheeler_insurance:before {
        top: -10px
    }

    .footerLegal .footer_title .h2,
    .paymentOption,
    .secureWith p {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .secureWith {
        margin: 10px 0 0 0
    }

    .footerLegal .footer_title {
        margin: 10px 0 0
    }

    .pcidss {
        margin: 10px auto;
        float: initial
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.grp br {
        display: block
    }

    .bannerSlider.imgItem1 {
        background-size: 172px 67px
    }

    .p0 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .heartxy {
        left: 20px;
        top: -55px
    }

    .heartxy+.ribbon.new {
        top: -34px
    }

    .ribbon.new {
        top: 5px
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: cover;
        background-position: -90px 0
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 154px
    }

    .restInsurance_icon .restInsurance_icon_band .group .grouptext {
        top: -14px
    }

    .bannerSlider.imgItem2 {
        background-size: 100%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center
    }

    .container {
        width: 90%;
        max-width: 100%
    }

    .allInsurance_icon .links {
        width: 30%;
        height: 90px;
        margin: 0 0 15px
    }

    .allInsurance_icon .swap_dis_inv_for_nri {
        display: inherit;
        width: 100%;
        margin: 0 0 15px
    }

    .allInsurance_icon .swap_dis_inv_for_nri a {
        width: 100%;
        display: block
    }

    .allInsurance_icon .links span,
    .allInsurance_icon.forNRI .links span {
        font-size: 13px
    }

    .allInsurance_icon.forNRI .links .zeroC {
        line-height: 12px;
        font-size: 13px
    }

    .pointerWraper .h3 .live,
    .pointers .itemCenter .live {
        bottom: 60%;
        right: 16%
    }

    .allInsurance_icon .prdIcon.two_wheeler_insurance {
        background-position: -26px -18px;
        background-size: 128px 110px;
        height: 40px;
        width: 40px;
        margin: 20px auto 0
    }

    .testiMonialSlider.slider {
        max-width: 630px
    }

    .allInsurance_icon .prdIcon.travel_insurance {
        background-position: 0 -6px;
        background-size: 135px 121px;
        height: 60px
    }

    .allInsurance_icon .links:nth-child(2),
    .allInsurance_icon .links:nth-child(5) {
        margin: 0 5% 15px
    }

    .allInsurance_icon .prdIcon svg {
        width: 100%;
        height: 35px
    }

    .allInsurance_icon .prdIcon.car_insurance svg {
        height: 25px
    }

    .allInsurance_icon .links span {
        bottom: 5px
    }

    .webp .mobileApp:after {
        background-image: url(../../images/webp/mobile.webp)
    }

    .no-webp .mobileApp:after {
        background-image: url(../../images/home-v1/mobile.png)
    }

    .mobileApp:after {
        content: "";
        background-size: 100%;
        height: 100%;
        width: 230px;
        right: 5%;
        position: absolute;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: bottom right
    }

    .restInsurance_icon_band {
        margin: 0;
        padding: 20px 10px 0 10px
    }

    .insuranceMadeEasy {
        display: none
    }

    .akImg.changeView {
        top: -27px;
        display: none
    }

    .pointers p {
        font-size: 9px
    }

    .madeEasyheading .h2 {
        font-size: 12px;
        font-weight: 600
    }

    .madeEasyheading p {
        font-size: 9px
    }

    .pointerWraper .h3 {
        font-size: 14px
    }

    .pointerWraper p {
        font-size: 11px
    }

    .footerLegal .info {
        line-height: 20px
    }

    .allInsurance_icon .h3 {
        font-size: 26px
    }

    .groupCompanie .itemList .colom:last-child p {
        text-align: center
    }

    .landingSlide {
        height: auto;
        background: #3687f0
    }

    .allInsurance_icon {
        background: 0 0
    }

    .allInsurance_icon .links span br {
        display: none
    }

    .restInsurance_icon_band .row a:nth-child(8),
    .restInsurance_icon_band .row a:nth-child(9) {
        display: none
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        padding: 20px 0 20px 0
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri {
        padding: 40px 0 10px;
        height: 120px;
        display: inline-block
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri .sub-links {
        height: auto;
        padding: 20px 0 20px
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri .sub-links .sbCateIcon.two_wheeler_insurance:before {
        width: 30px;
        height: 40px;
        background: url(../../images/home-v1/icons.svg?v=3) no-repeat;
        background-size: 348%;
        background-position: -26px 3px;
        top: -19px
    }

    .allInsurance_icon,
    .ft .allInsurance_icon {
        padding: 0
    }

    .landingSlide .restInsurance_icon {
        margin-bottom: 30px;
        margin-top: 70px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links .sbCateIcon svg {
        width: 100%;
        height: 30px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links span {
        font-size: 11px;
        line-height: 14px
    }

    .mobileApp .app_title .h2 {
        font-size: 28px;
        color: rgba(0, 0, 0, .87);
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 320px;
        line-height: 42px
    }

    .mobileApp .appInfo {
        display: none
    }

    .appIcon a.ios {
        margin-left: 5px
    }

    .mobileApp .app_title p {
        font-size: 23px;
        line-height: 36px;
        width: 320px;
        margin-top: 30px
    }

    .moreProducts svg {
        display: none
    }

    .investorLogo .logo:after {
        min-width: 120px
    }

    .plr {
        padding: 0 0
    }

    .pointerWraper .icons {
        top: 28%
    }

    .investorLogo .logo {
        width: 32%;
        margin: .5%
    }

    .restInsurance_icon_band {
        width: 100%
    }

    .testimonials .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 2px
    }

    .testimonials .slick-dots li {
        width: 15PX
    }

    .testimonials .slick-dots li button:before {
        font-size: 30px
    }

    .restInsurance_icon .restInsurance_icon_band .group:nth-child(3) .grouptext:before {
        width: 95%
    }
}

@media only screen and (max-width:667px) {
    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 140px
    }

    .heartxy {
        left: 11px;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }

    .landingSlide .restInsurance_icon {
        margin-top: 0
    }

    .allInsurance_icon,
    .ft .allInsurance_icon {
        height: 360px
    }
}

@media only screen and (max-width:640px) {
    .pointerWraper .h3 {
        font-size: 14px
    }

    .pointerWraper .h3 .live,
    .pointers .itemCenter .live {
        bottom: 60%;
        right: 8%
    }

    .allInsurance_icon,
    .ft .allInsurance_icon {
        height: 360px
    }

    .allInsurance_icon .h1 {
        width: 56%;
        font-size: 26px
    }

    section.moreInsurance .allInsurance:last-child {
        margin-bottom: 0
    }

    .promotioncards .procards {
        width: 540px;
        margin: 0 auto
    }

    .testiMonialSlider.slider {
        max-width: 520px
    }

    .bannerSlider.imgItem1,
    .bannerSlider.imgItem2 {
        background-size: 222px 88px
    }

    .bannerSlider.imgItem2 {
        background-size: 74%
    }

    .pointerWraper .icons {
        top: 20%
    }

    .bannerSlider .content {
        width: 250px;
        padding: 26px 13px 0
    }

    .bannerSlider.imgItem3-india .content {
        width: 250px;
        padding: 16px 13px 0;
        margin-left: 110px
    }

    .pointerWraper .icons.pushtop {
        top: 12%
    }

    .mobileApp:after {
        width: 180px
    }

    .pointerWraper p {
        font-size: 11px
    }

    .groupCompanie .itemList .colom {
        margin-bottom: 20px
    }

    .groupCompanie .itemList .colom .punchline {
        text-align: center
    }

    .groupCompanie .group_title {
        margin: 0 0 0
    }

    .pointerWraper .h3 {
        font-size: 14px
    }

    .pointerWraper p {
        font-size: 10px
    }

    .investorLogo .logo {
        margin: 10px 8px
    }

    .investorLogo .logo {
        width: 31%;
        margin: 1%;
        min-width: 150px
    }

    .restInsurance_icon_band .row a:nth-child(6),
    .restInsurance_icon_band .row a:nth-child(7),
    .restInsurance_icon_band .row a:nth-child(8),
    .restInsurance_icon_band .row a:nth-child(9) {
        display: none
    }

    .webp .testimonials .testimonialItem .content:before {
        background-image: url(../../images/webp/logos.webp?v=16)
    }

    .no-webp .testimonials .testimonialItem .content:before {
        background-image: url(../../images/home-v1/logos.png?v=16)
    }

    .testimonials .testimonialItem .content:before {
        content: "";
        width: 34px;
        height: 56px;
        position: absolute;
        left: -18px;
        top: -6px;
        background-size: 665px 518px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: -606px -260px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 135px
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: cover;
        background-position: -80px -53px;
        background-size: 117%
    }

    .bannerSlider.imgItem5 .content .bewareContent,
    .bannerSlider.imgItem6 .content .bewareContent,
    .bannerSlider.imgItem7 .content .bewareContent {
        padding-top: 0;
        text-align: center;
        font-size: 16px;
        margin-bottom: 0
    }

    .bannerSlider.imgItem5 .content,
    .bannerSlider.imgItem6 .content {
        padding: 19px 13px 0
    }

    .bannerSlider.imgItem7 .content {
        padding-left: 40px
    }
}

@media only screen and (max-width:568px) {
    .heartxy {
        left: 0
    }

    .allInsurance_icon .h1 {
        font-size: 24px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 118px
    }

    .investorLogo .logo:after {
        background-size: 781px 770px
    }

    .investorLogo .logo:after {
        width: 120px
    }

    .investorLogo .logo {
        min-width: 120px
    }

    .investorLogo .logo.temasek:after {
        background-position: -425px -341px
    }

    .investorLogo .logo.premji:after {
        background-position: -283px -344px
    }

    .investorLogo .logo.infoedge:after {
        background-position: -146px -341px
    }

    .investorLogo .logo.tiger:after {
        background-position: -9px -342px
    }

    .investorLogo .logo.steadview:after {
        background-position: -564px -343px
    }

    .investorLogo .logo.ribbit:after {
        background-position: -9px -417px
    }

    .investorLogo .logo.chirate:after {
        background-position: -143px -417px
    }

    .investorLogo .logo.ipc:after {
        background-position: -287px -420px
    }

    .investorLogo .logo.turenorth:after {
        background-position: -424px -424px
    }

    .investorLogo .logo.softbank:after {
        background-position: -562px -419px
    }
}

@media only screen and (max-width:480px) {
    .alsoBuylink li:first-child {
        font-size: 12px
    }

    #returninguser {
        width: 100%
    }

    .landingSlide .restInsurance_icon {
        margin-bottom: 30px;
        margin-top: 20px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links .sbCateIcon.car {
        width: 28px
    }

    .case-1 .plan p.head {
        text-align: left;
        font-size: 14px;
        line-height: 24px;
        font-weight: 400
    }

    .case-1 .plan ul li {
        font-weight: 600
    }

    .viewallplan,
    .viewthisplan {
        margin: 0 auto 0
    }

    #returninguser {
        height: 260px;
        overflow-y: scroll;
        padding-bottom: 20px
    }

    .case-1 .plan ul li {
        display: block;
        display: block;
        padding: 0 5px;
        width: 33%
    }

    .case-1 .btn .viewthisplan.spin .btn-blue {
        padding: 12px 23px
    }

    .case-1 .btn .viewallplan.spin {
        margin: 5px auto 0
    }

    .case-1 .btn .viewallplan.spin .btn-border {
        padding: 13px 23px;
        margin: 0
    }

    .heartxy {
        left: -8px
    }

    #noticeMassage {
        margin: 30px auto 0
    }

    .heartxy+.ribbon.new {
        top: -35px
    }

    .alsoBuylink li a {
        font-size: 11px;
        padding: 4px 7px
    }

    .pointerWraper {
        width: 49%;
        padding: 15% 0 5% 0
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.grp br {
        display: none
    }

    .container {
        width: 432px;
        max-width: 100%
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 99px
    }

    .bannerSlider .content {
        width: 210px
    }

    .promotioncards .slick-dots {
        bottom: -5px
    }

    .pointerWraper .h3 .live,
    .pointers .itemCenter .live {
        bottom: 55%;
        right: 8%
    }

    .akImg {
        width: 70px
    }

    .madeEasy .knowmoreSeo {
        margin: 40px auto 0
    }

    .testiMonialSlider.slider {
        max-width: 410px
    }

    .partnerLogo .logo {
        min-width: 32%
    }

    .testimonialItem.slick-slide.slick-current.slick-active.slick-center .content {
        font-size: 13px;
        line-height: 20px
    }

    .testimonialItem.slick-slide,
    .testimonialItem.slick-slide.slick-active,
    .testimonialItem.slick-slide.slick-cloned {
        height: 310px
    }

    .promotioncards .procards {
        width: 410px;
        margin: 0 auto
    }

    .testimonials .testimonialItem .content {
        min-height: 216px
    }

    .moreInsurance .allInsurance {
        width: 100%;
        margin-bottom: 30px
    }

    .investorLogo .logo {
        width: 32%;
        margin: .5%
    }

    .groupCompanie .group_title,
    .testimonials .testimonials_title {
        margin: 0 0 0
    }

    .mobileApp .app_title {
        margin: 0 0 10px
    }

    .akImg.changeView {
        top: -17px
    }

    .allInsurance_icon .h1 {
        width: 56%;
        margin: 25px 0 16px;
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 26px
    }

    .akImg.changeView {
        background-size: 100%;
        width: 129px
    }

    .pointerWraper p {
        font-size: 10px;
        width: 70%;
        margin: 6px auto 0
    }

    .testiMonialSlider .slick-slide {
        margin: 0 20px;
        padding: 20px 20px 20px 50px
    }

    .paymentOption .logo {
        width: 60px
    }

    .mobileApp .app_title .h2 {
        font-size: 33px;
        color: rgba(0, 0, 0, .87);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 90%;
        line-height: 42px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        margin: 0 auto 0
    }

    .mobileApp .app_title p {
        font-size: 19px;
        line-height: 26px;
        width: 90%;
        margin-top: 30px;
        text-align: center;
        margin: 20px auto 0
    }

    .mobileApp:after {
        width: 120px
    }

    .allInsurance_icon .links span {
        font-size: 11px
    }

    .allInsurance_icon.forNRI .links .zeroC,
    .allInsurance_icon.forNRI .links span {
        font-size: 10px
    }

    .mobileApp {
        height: 100%;
        padding: 5% 0 0
    }

    .mobileApp:after {
        display: none
    }

    .appIcon {
        width: 310px;
        display: block;
        margin: 30px auto;
        text-align: center
    }

    .mobileApp .ptable {
        display: block
    }

    .webp .mobileApp .mobileIcon {
        background-image: url(../../images/webp/mobile.webp)
    }

    .no-webp .mobileApp .mobileIcon {
        background-image: url(../../images/home-v1/mobile.png)
    }

    .mobileApp .mobileIcon {
        width: 280px;
        margin: 0 auto;
        height: 440px;
        background-size: 100%;
        margin-top: 0;
        left: 0;
        right: 0;
        position: relative;
        bottom: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: bottom left
    }

    .testiMonialSlider .slick-slide {
        margin: 0 30px;
        padding: 20px 20px 20px 50px
    }

    .footerLegal,
    .groupCompanie,
    .investor,
    .madeEasy,
    .mobileApp,
    .moreInsurance,
    .ourpartner,
    .testimonials {
        height: auto;
        padding: 10% 0 10%
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0
    }

    .testimonials .testimonialItem .name .pic {
        left: 11px
    }

    .testimonials .testimonialItem .name {
        padding-left: 80px
    }

    .testimonials .testimonialItem .content {
        font-size: 16px;
        line-height: 23px;
        padding: 30px 10px 0 26px;
        position: relative
    }

    .akImg.changeView {
        height: 115px
    }

    .groupCompanie .group_title p {
        text-align: center;
        line-height: 26px
    }

    .countryselection {
        width: 360px;
        padding: 10px 35px;
        height: 283px
    }

    .countryselection .h4 {
        font-size: 14px
    }

    .countryselection .h4 br {
        display: block
    }

    .countryselection .h4+p {
        margin-bottom: 0
    }

    .countryselection .box {
        margin-top: 15px;
        width: 100%;
        padding: 0;
        float: right;
        height: 73px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .countryselection .box span {
        width: 30%;
        position: relative;
        float: left;
        background: #fff;
        padding-top: 34px;
        margin-bottom: 0
    }

    .countryselection .box .htmltext {
        height: 71px;
        width: 70%;
        float: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        line-height: 22px;
        padding: 0 10px;
        margin-left: 30%;
        border-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .countryselection .box.uae span:before {
        background-position: -1383px -100px
    }

    .countryselection .box.india span:before {
        background-position: -1469px -100px
    }

    .countryselection .box span:before {
        margin: 0 15px;
        width: 52px;
        top: 0
    }

    .countryselection .box.active:after {
        top: 27%
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: 109% 115%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background-color: transparent
    }

    .newsassion_info a {
        width: 80%;
        margin: 0 auto;
        display: inline
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: 157%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background-position: -140px -53px
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri .sub-links {
        height: auto;
        padding: 26px 0 20px
    }

    .webp .bannerSlider.imgItem7 {
        background-image: url(../../images/webp/health-banner-mob.webp)
    }

    .no-webp .bannerSlider.imgItem7 {
        background-image: url(../../images/home-v1/health-banner-mob.png)
    }

    .bannerSlider.imgItem7 {
        background-size: 100% auto;
        background-color: rgba(211, 241, 253, .9);
        background-repeat: no-repeat;
        background-position: -5px center
    }

    .allInsurance_icon,
    .ft .allInsurance_icon {
        height: 360px
    }
}

@media only screen and (max-width:440px) {
    .akImg.changeView {
        height: 125px;
        display: none
    }

    .container {
        width: 100%;
        max-width: 100%
    }

    .allInsurance_icon.forNRI .prdIcon.childplan+span {
        bottom: 6px
    }

    .heartxy {
        top: -46px;
        left: -15px
    }

    .heartxy+.ribbon.new {
        top: -25px
    }

    .ribbon.new {
        top: 12px
    }

    .pointerWraper {
        width: 48%
    }

    .allInsurance_icon .h1 {
        font-size: 24px;
        width: 70%;
        margin: 15px 0 20px;
        position: relative;
        left: -15px;
        display: block
    }

    .allInsurance_icon .h1 .small-text,
    .allInsurance_icon h1.normaltext {
        font-size: 14px;
        padding-top: 5px
    }

    .allInsurance_icon h1.normaltext {
        display: inline-block;
        font-weight: 300
    }

    .pointerWraper .h3 .live,
    .pointers .itemCenter .live {
        bottom: 75%;
        right: 8%
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI_icon_band .sub-links .sbCateIcon.two_wheeler_insurance:before {
        top: -4px
    }

    .countryselection .countryclose {
        right: 0;
        top: -25px
    }

    .countryselection {
        height: 383px;
        padding: 25px
    }

    .countryselection .h4 {
        font-size: 18px
    }

    .countryselection .h4+p {
        font-size: 15px;
        margin-bottom: 15px
    }

    .countryselection .box {
        height: 87px;
        margin-top: 25px
    }

    .countryselection .box .htmltext {
        height: 85px;
        padding: 0 7%
    }

    .promotioncards .procards {
        width: 390px;
        margin: 0 auto
    }

    .restInsurance_icon_band {
        margin: 0;
        padding: 20px 10px 0 10px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        padding: 0;
        height: 90px
    }

    .testiMonialSlider.slider {
        max-width: 330px
    }

    .pointerWraper .icons {
        top: 10%
    }

    .testimonials .testimonialItem .name {
        padding-left: 50px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 23%
    }

    .allInsurance_icon .links span.investment br {
        display: none
    }

    .investorLogo .logo {
        margin: 10px .5%
    }

    .pointerWraper {
        padding: 15% 0 10% 0
    }

    .alsoBuylink li a {
        font-size: 10px;
        padding: 5px 3px
    }

    .allInsurance_icon .h3 {
        font-size: 20px
    }

    .allInsurance_icon .links span {
        bottom: 4px;
        font-size: 10px;
        line-height: 10px
    }

    .allInsurance_icon .links span br {
        display: block
    }

    .allInsurance_icon.forNRI .links .prdIcon.childplan+span br {
        display: none
    }

    .investorLogo .logo {
        margin: 10px 7.2%
    }

    .partnerLogo .logo {
        min-width: 46%;
        margin: 5px 2%
    }

    .paymentOption .logo {
        width: 58px
    }

    .landingSlide .restInsurance_icon {
        margin: 0 auto 30px;
        width: 100%
    }

    .appIcon {
        width: 310px;
        display: block;
        margin: 30px auto;
        text-align: center
    }

    .mobileApp .app_title {
        text-align: center
    }

    .mobileApp .app_title .h2,
    .mobileApp .app_title p {
        width: 85%
    }

    .mobileApp .app_title .h2 {
        font-size: 28px
    }

    .investorLogo .logo {
        width: 44%;
        margin: 3%
    }

    .allInsurance_icon .links {
        margin: 0 auto 10px
    }

    .testiMonialSlider .slick-center {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .bannerSlider .content {
        font-weight: 500;
        width: 214px;
        font-size: 13px;
        padding: 22px 0 20px 23px;
        line-height: 20px
    }

    .bannerSlider .bewareContent {
        padding: 15px 0;
        font-size: 15px
    }

    .bannerSlider.imgItem1,
    .bannerSlider.imgItem2 {
        background-size: 172px 71px
    }

    .bannerSlider.imgItem2 {
        background-size: 100%
    }

    .pointerWraper .icons.pushtop {
        top: 7%
    }

    .madeEasy .madeEasyInsurance_title {
        display: block;
        margin: 0 7px 30px 0
    }

    .ourpartner .partner_title {
        margin: 30px 0 10px
    }

    .testimonials .testimonialItem .content {
        padding: 10px 0 0 0
    }

    .testimonials .testimonialItem .name .pic {
        left: 0
    }

    .testimonials .testimonialItem .content:before {
        left: -38px;
        top: -26px
    }

    .testimonials .testimonialItem .name .pic {
        width: 35px;
        height: 35px
    }

    .testimonials .testimonialItem .name .nameTitle {
        font-size: 14px
    }

    .testimonials .testimonialItem .name .city {
        font-size: 12px
    }

    .alsoBuy {
        padding: 20px 0 0
    }

    .ribbon.new:after {
        border-top: 7px solid transparent;
        border-right: 6px solid #12ad3e;
        content: "";
        border-bottom: 7px solid transparent;
        position: absolute;
        right: 12px;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        top: 9px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        padding: 30px 0 15px 0;
        height: 120px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 86px
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: 170%
    }

    .restInsurance_icon .restInsurance_icon_band .swap_dis_tw_for_nri .sub-links .sbCateIcon.two_wheeler_insurance:before {
        width: 33px;
        height: 46px;
        background: url(../../images/home-v1/icons.svg?v=3) no-repeat;
        background-size: 348%;
        background-position: -31px 3px;
        top: -15px
    }
}

@media only screen and (max-width:395px) {
    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 80px
    }
}

@media only screen and (max-width:375px) {
    .promotioncards .procards {
        width: 375px;
        margin: 0 auto
    }

    .allInsurance_icon .h1 {
        width: 100%
    }

    .allInsurance_icon .h1 .small-text,
    .allInsurance_icon h1.normaltext {
        font-size: 14px;
        padding-top: 0
    }

    .allInsurance_icon h1.normaltext {
        display: inline-block;
        font-weight: 300
    }

    .heartxy {
        left: -18px
    }

    .ribbon.new {
        top: 12px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 80px
    }

    .alsoBuylink li a {
        font-size: 9px
    }
}

@media only screen and (max-width:360px) {

    .pointerWraper .h3 .live,
    .pointers .itemCenter .live {
        bottom: 75%;
        right: -2%
    }

    .allInsurance_icon .swap_dis_inv_for_nri .links span br {
        display: none
    }

    .testiMonialSlider.slider {
        max-width: 330px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 77px
    }

    .akImg.changeView {
        top: -44px
    }

    .allInsurance_icon .h1 {
        font-size: 18px
    }

    .allInsurance_icon .h1 .small-text,
    .allInsurance_icon h1.normaltext {
        font-size: 12px
    }

    .allInsurance_icon h1.normaltext {
        display: inline-block;
        font-weight: 300
    }

    .groupCompanie .group_title p {
        font-size: 16px
    }

    .testiMonialSlider .slick-slide {
        margin: 0 8px;
        padding: 20px 20px 20px 50px
    }

    .promotioncards .procards {
        width: 360px;
        margin: 0 auto
    }

    .alsoBuylink li a {
        font-size: 9px;
        padding: 5px 3px
    }

    .countryselection {
        width: 340px
    }

    .countryselection .box span:before {
        margin: -7px 15px
    }

    .mobileApp:after {
        width: 250px
    }

    .pointerWraper .icons {
        top: 6%
    }

    .groupCompanie .itemList .colom .punchline {
        padding: 0
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links span br {
        display: block
    }

    .testimonials .testimonialItem .content {
        font-size: 14px;
        line-height: 30px;
        color: rgba(0, 0, 0, .7);
        padding: 20px 0 0 20px;
        position: relative
    }

    .testimonials .testimonialItem .name {
        padding-left: 70px
    }

    .akImg.changeView {
        height: 100px;
        width: 130px;
        background-size: 100%;
        background-position: center center
    }

    .allInsurance_icon .h1 {
        width: 65%
    }

    .allInsurance_icon .h3 {
        margin: 0 0 30px
    }

    .akImg.changeView {
        top: -6px
    }

    .mobileApp .app_title .h2 {
        font-size: 27px
    }

    .mobileApp .app_title p {
        font-size: 21px
    }

    .testimonials .testimonialItem .name .pic {
        left: 0
    }

    .testimonials .testimonialItem .name .nameTitle {
        font-size: 16px
    }

    .madeEasy .madeEasyInsurance_title p,
    .testimonials .testimonials_title p {
        font-size: 16px
    }

    .mobp0 {
        padding: 0 !important
    }

    .bannerSlider .content {
        width: 195px;
        font-size: 12px;
        padding: 22px 0 0 20px
    }

    .webp .bannerSlider {
        background-image: url(../../images/webp/term.webp)
    }

    .no-webp .bannerSlider {
        background-image: url(../../images/home-v1/term.png)
    }

    .bannerSlider {
        background-size: 202px 106px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right -30px top
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: 180%
    }
}

@media only screen and (max-width:320px) {
    .allInsurance_icon .h1 {
        font-size: 13px
    }

    .allInsurance_icon,
    .ft .allInsurance_icon {
        height: 320px
    }

    .landingSlide .restInsurance_icon {
        margin: 0 auto 30px;
        width: 100%
    }

    .restInsurance_icon .restInsurance_icon_band.forNRI_icon_band .sub-links.twowheeler_link {
        position: relative;
        height: 100px
    }

    .grey-row .container {
        width: 100%
    }

    .grey-row .container ul li {
        width: 100%;
        margin: 0
    }

    .allInsurance_icon.forNRI .links .zeroC.inv {
        bottom: 11px;
        line-height: 10px
    }

    .bannerSlider .content {
        width: 175px;
        font-size: 12px;
        padding: 21px 0 0 20px
    }

    .bannerSlider.imgItem3-india .content {
        width: 175px;
        font-size: 12px;
        padding: 13px 0 0 20px;
        margin-left: 100px
    }

    .mobp0 {
        padding: 0 !important
    }

    .promotioncards .procards {
        width: 320px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        padding: 37px 0 15px 0;
        height: 130px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links {
        width: 67px
    }

    .heartxy {
        top: 0;
        left: -24px
    }

    .heartxy+.ribbon.new {
        top: 13px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links.heart {
        vertical-align: top;
        padding: 76px 0 15px 0
    }

    .bannerSlider .bewareContent {
        padding: 15px 0;
        font-size: 12px
    }

    .countryselection {
        width: 300px
    }

    .countryselection {
        height: 383px;
        padding: 25px 10px
    }

    .testiMonialSlider .slick-slide {
        margin: 0 8px
    }

    .promotioncards .procards .slick-list.draggable {
        padding: 0 !important;
        margin: 0 !important
    }

    .allInsurance_icon .h1 {
        font-size: 14px;
        line-height: 26px
    }

    .testimonials .container {
        padding: 0
    }

    .appIcon {
        width: 235px;
        margin: 10px auto 30px
    }

    .testiMonialSlider.slider {
        max-width: 280px
    }

    .allInsurance_icon .h3 {
        font-size: 17px
    }

    .alsoBuylink li a {
        font-size: 8px;
        padding: 5px 3px
    }

    .investorLogo .logo {
        width: 44%;
        margin: 1% .5%
    }

    .pointerWraper p {
        font-size: 9px;
        width: 100%;
        margin: 6px auto 0
    }

    .pointerWraper .h3 {
        font-size: 10px
    }

    .pointerWraper .icons.pushtop {
        top: -1%
    }

    .allInsurance_icon .links .planfornri,
    .allInsurance_icon .links .zeroC {
        font-size: 8px;
        height: 12px;
        line-height: 10px
    }

    .allInsurance_icon .prdIcon.two_wheeler_insurance {
        background-position: -22px -14px;
        background-size: 98px 90px;
        height: 35px;
        width: 30px
    }

    .appIcon a.google {
        display: inline-block;
        width: 110px;
        min-height: 44px;
        background-position: -216px -613px;
        font-size: 0;
        background-size: 785px 692px
    }

    .appIcon a.ios {
        display: inline-block;
        width: 110px;
        min-height: 44px;
        background-position: -340px -604px;
        font-size: 0;
        margin-left: 10px;
        background-size: 795px 682px
    }

    .allInsurance_icon .prdIcon.travel_insurance {
        background-position: 4px -3px;
        background-size: 105px 91px;
        height: 50px
    }

    .allInsurance_icon .prdIcon svg {
        width: 100%;
        height: 30px
    }

    .allInsurance_icon .prdIcon {
        padding: 13px 0 0
    }

    .allInsurance_icon .links:first-child .prdIcon {
        padding: 19px 0 0
    }

    .allInsurance_icon .links:nth-child(2) .prdIcon {
        padding: 16px 0 0
    }

    .allInsurance_icon .prdIcon .planTitle {
        bottom: 26%
    }

    .allInsurance_icon .prdIcon.car_insurance svg {
        height: 21px;
        margin-top: 13px
    }

    .allInsurance_icon .links {
        width: 30%;
        height: 76px
    }

    .mobileApp .app_title .h2 {
        font-size: 24px;
        line-height: 33px
    }

    .mobileApp .app_title p {
        font-size: 15px;
        line-height: 24px
    }

    .restInsurance_icon .restInsurance_icon_band .sub-links span {
        font-size: 10px;
        line-height: 10px
    }

    .bannerSlider.imgItem5 .content .bewareContent,
    .bannerSlider.imgItem6 .content .bewareContent,
    .bannerSlider.imgItem7 .content .bewareContent {
        font-size: 14px
    }

    .bannerSlider.imgItem5,
    .bannerSlider.imgItem6 {
        background-size: 200%
    }
}

@media only screen and (min-device-width:1025px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .infoBannerslider {
        display: none
    }

    .procards .bannerSlider.imgItem3-india a {
        display: inline-block;
        width: 100%;
        height: 98px;
        padding: 2px 0 0 0
    }

    .promotioncards .slick-dots {
        bottom: -10px
    }

    .promotioncards .slick-dots li button:before {
        font-size: 30px
    }

    .landingSlide {
        height: auto
    }
}

.testimonial {
    width: 100%
}

.customers-saying {
    padding: 20px 0
}

.customers-saying .slick-list {
    padding: 0 !important
}

.customers-saying .container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.customers-saying .container h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin: 40px 0 20px;
    font-weight: 500;
    color: #253858
}

.customers-saying .container h2 span {
    background: #0065ff;
    width: 70px;
    height: 4px;
    margin: 20px 0 0;
    display: block
}

@media only screen and (max-width:1024px) {
    .customers-saying .container h2 span {
        margin: 10px auto 0
    }
}

@media only screen and (max-width:1024px) {
    .customers-saying .container h2 {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px
    }
}

.webp .customers-saying .container .row {
    background-image: url(../../images/webp/testimonial-bg.webp)
}

.no-webp .customers-saying .container .row {
    background-image: url(../../images/home-v1/testimonial-bg.png)
}

.customers-saying .container .row {
    position: relative;
    background-size: 100%;
    min-height: 550px;
    padding-top: 80px;
    margin-bottom: 30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center -100px
}

@media only screen and (max-width:1024px) {
    .iconMob {
        display: none
    }

    .webp .customers-saying .container .row {
        background-image: url(../../images/webp/testimonial-bg.webp)
    }

    .no-webp .customers-saying .container .row {
        background-image: url(../../images/home-v1/testimonial-bg.png)
    }

    .customers-saying .container .row {
        background-size: cover;
        padding-top: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center -40px
    }

    .customers-saying .container .row {
        min-height: 400px
    }
}

@media only screen and (max-width:760px) {
    .webp .customers-saying .container .row {
        background-image: url(../../images/webp/testimonial-bg1.webp)
    }

    .no-webp .customers-saying .container .row {
        background-image: url(../../images/home-v1/testimonial-bg1.png)
    }

    .customers-saying .container .row {
        padding-top: 0;
        background-size: 80%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center -70px
    }
}

@media only screen and (max-width:667px) and (orientation:landscape) {
    .webp .customers-saying .container .row {
        background-image: url(../../images/webp/testimonial-bg1.webp)
    }

    .no-webp .customers-saying .container .row {
        background-image: url(../../images/home-v1/testimonial-bg1.png)
    }

    .customers-saying .container .row {
        padding-top: 0;
        background-size: cover;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center -90px
    }
}

@media only screen and (max-width:480px) {
    .webp .customers-saying .container .row {
        background-image: url(../../images/webp/testimonial-bg1.webp)
    }

    .no-webp .customers-saying .container .row {
        background-image: url(../../images/home-v1/testimonial-bg1.png)
    }

    .customers-saying .container .row {
        padding-top: 0;
        background-size: cover;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center -50px
    }
}

.customers-saying .container .row .slick-track {
    padding-top: 40px
}

.customers-saying .container .row .testimonial .block {
    background: #fff;
    outline: 0;
    padding: 30px;
    -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
    margin: 20px 10px 14px 20px
}

.customers-saying .container .row .testimonial .block .pic {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-color: #fff;
    margin: -80px auto 10px
}

.customers-saying .container .row .testimonial .block .customer {
    color: #253858;
    font-size: 16px;
    text-align: center;
    font-weight: 500
}

.customers-saying .container .row .testimonial .block .customer span {
    color: #919aaa;
    font-size: 14px;
    padding: 5px 0 10px;
    display: block
}

.customers-saying .container .row .testimonial .block p.copy {
    color: #243757;
    font-size: 14px;
    line-height: 19px;
    text-align: center
}

.webp .customers-saying .container .row .testimonial .block p.copy::before {
    background-image: url(../../images/webp/quote.webp)
}

.no-webp .customers-saying .container .row .testimonial .block p.copy::before {
    background-image: url(../../images/home-v1/quote.png)
}

.customers-saying .container .row .testimonial .block p.copy::before {
    width: 16px;
    height: 20px;
    margin: 0 auto 10px;
    content: '';
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: initial
}

.customers-saying .container .row .testimonial .slick-dots {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-top: 10px
}

.customers-saying .container .row .testimonial .slick-dots li {
    display: inline-block;
    background: #97a0af;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    outline: 0
}

.customers-saying .container .row .testimonial .slick-dots li button {
    background: 0 0;
    border: 0;
    text-indent: -9999px;
    outline: 0
}

.customers-saying .container .row .testimonial .slick-dots li.slick-active {
    background: #172b4d
}

.testimonial .slick-slide {
    height: 250px
}

.testimonial .slick-arrow.slick-next {
    top: -70px;
    right: 30px
}

.testimonial .slick-arrow.slick-prev {
    top: -70px;
    right: 120px;
    left: auto
}

.testimonial .slick-arrow.slick-next,
.testimonial .slick-arrow.slick-prev {
    display: block;
    margin: 30px auto;
    width: 15px;
    height: 15px;
    border-top: 2px solid #0065ff;
    border-left: 2px solid #0065ff
}

.testimonial .slick-arrow.slick-next::after,
.testimonial .slick-arrow.slick-prev::after {
    content: "";
    display: block;
    width: 2px;
    height: 45px;
    background-color: #0065ff;
    -webkit-transform: rotate(-45deg) translate(15px, 4px);
    transform: rotate(-45deg) translate(15px, 4px);
    left: 0;
    top: 0
}

.testimonial .slick-arrow.slick-next.slick-disabled,
.testimonial .slick-arrow.slick-prev.slick-disabled {
    border-color: #7a869a
}

.testimonial .slick-arrow.slick-prev {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.testimonial .slick-arrow.slick-next {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.testimonial .slick-arrow.slick-next.disable,
.testimonial .slick-arrow.slick-prev.disable {
    border-top: 2px solid #7a869a;
    border-left: 2px solid #7a869a
}

.testimonial .slick-arrow.slick-next.slick-disabled::after,
.testimonial .slick-arrow.slick-prev.slick-disabled::after {
    background-color: #7a869a
}

.partners {
    padding: 0 0 20px
}

.partners .container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.partners .container h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0 0 20px;
    font-weight: 500;
    color: #253858
}

.partners .container h2 span {
    background: #0065ff;
    width: 70px;
    height: 4px;
    margin: 20px 0 0;
    display: block
}

@media only screen and (max-width:1024px) {
    .partners .container h2 span {
        margin: 10px auto 0
    }
}

@media only screen and (max-width:1024px) {
    .partners .container h2 {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px
    }
}

.partners .container .row {
    position: relative
}

.partners .container .row .shadow {
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.partners .container .row .shadow-right {
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

@media only screen and (min-width:1366px) {
    .allInsurance_icon .links.added .prdIcon svg {
        width: 40px;
        height: 40px
    }
}

.popup .close {
    position: absolute;
    top: -11px;
    right: -25px;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #fff
}

.row.seocontent {
    margin: 0
}

.content_template {
    height: 70vh;
    overflow-y: auto;
    padding: 0
}

.content_template .h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    padding: 20px 0 10px;
    letter-spacing: .7px;
    text-align: left;
    color: #253858;
    font-weight: 500
}

.content_template p {
    font-size: 16px;
    margin: 0;
    padding: 5px;
    line-height: 24px;
    color: #172b4d
}

.content_template p a {
    color: #0065ff;
    text-decoration: none
}

.stopScroll {
    position: fixed;
    height: 100%;
    overflow: hidden
}

.stopScroll_notfixed {
    height: 100%;
    overflow: hidden
}

.content_template .ulbox {
    display: block;
    padding: 20px
}

.content_template .ulbox li {
    font-size: 15px;
    line-height: 24px;
    color: #172b4d
}

.content_template .ulbox li a {
    color: #0065ff;
    text-decoration: none;
    margin-bottom: 3px;
    display: inline-block
}

.content_template .ulbox li a:hover {
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    text-decoration: underline
}

@media only screen and (max-width:768px) {
    .content_template .h3 {
        font-size: 18px;
        line-height: 24px
    }

    #moreMenu .moreInsurance {
        padding: 30px 20px 20px 20px
    }

    .popup .close {
        right: 21px;
        top: 8px;
        color: #333
    }
}

.testimonial-new {
    width: 100%
}

.customers-saying {
    padding: 20px 0
}

.customers-saying .slick-list {
    padding: 0 !important
}

.customers-saying .container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.customers-saying .container .h2 {
    font-size: 30px;
    line-height: 36px;
    padding: 0;
    margin: 40px 0 20px;
    font-weight: 500;
    color: #253858
}

.customers-saying .container .h2 span {
    background: #0065ff;
    width: 70px;
    height: 4px;
    margin: 20px 0 0;
    display: block
}

@media only screen and (max-width:1024px) {
    .customers-saying .container .h2 span {
        margin: 10px auto 0
    }
}

@media only screen and (max-width:1024px) {
    .customers-saying .container .h2 {
        text-align: center;
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 20px
    }
}

@media only screen and (max-width:767px) {
    .customers-saying .container .h2 {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px
    }
}

.customers-saying .container .row {
    position: relative;
    background: url(../../images/home-v1/testimonial-bg.png) no-repeat center -100px;
    background-size: 100%;
    padding-top: 80px;
    padding-bottom: 50px;
    margin-bottom: 0
}

@media only screen and (max-width:1024px) {
    .customers-saying .container .row {
        padding-bottom: 28px
    }
}

@media only screen and (max-width:1024px) {
    .customers-saying .container .row {
        background: url(../../images/home-v1/testimonial-bg.png) no-repeat center -40px;
        background-size: cover;
        padding-top: 0
    }

    .customers-saying .container .row {
        min-height: 400px
    }
}

@media only screen and (max-width:760px) {
    .customers-saying .container .row {
        background: url(../../images/home-v1/testimonial-bg1.png) no-repeat center -70px;
        padding-top: 0;
        background-size: 80%
    }
}

@media only screen and (max-width:667px) and (orientation:landscape) {
    .customers-saying .container .row {
        background: url(../../images/home-v1/testimonial-bg1.png) no-repeat center -90px;
        padding-top: 0;
        background-size: cover
    }
}

@media only screen and (max-width:480px) {
    .customers-saying .container .row {
        background: url(../../images/home-v1/testimonial-bg1.png) no-repeat center -50px;
        padding-top: 0;
        background-size: cover
    }
}

.customers-saying .container .row .slick-track {
    padding-top: 40px
}

.customers-saying .container .row .testimonial-new .block {
    background: #fff;
    outline: 0;
    padding: 30px;
    -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
    margin: 20px 10px 14px 20px;
    border-radius: 4px
}

.customers-saying .container .row .testimonial-new .block .pic {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-color: #fff;
    margin: -80px auto 10px
}

.customers-saying .container .row .testimonial-new .block .customer {
    color: #212121;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    padding-bottom: 20px
}

.customers-saying .container .row .testimonial-new .block .customer span {
    color: #919aaa;
    font-size: 14px;
    padding: 5px 0 10px;
    display: block
}

.customers-saying .container .row .testimonial-new .block p.copy {
    color: #243757;
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.customers-saying .container .row .testimonial-new .block p.copy::before {
    width: 16px;
    height: 20px;
    margin: 0 auto 10px;
    content: '';
    background: url(../../images/home-v1/quote.png) no-repeat;
    display: block
}

.customers-saying .container .row .testimonial-new .slick-dots {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-top: 30px;
    position: relative
}

.customers-saying .container .row .testimonial-new .slick-dots li {
    display: inline-block;
    background: #97a0af;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    outline: 0
}

.customers-saying .container .row .testimonial-new .slick-dots li button {
    background: 0 0;
    border: 0;
    text-indent: -9999px;
    outline: 0
}

.customers-saying .container .row .testimonial-new .slick-dots li.slick-active {
    background: #172b4d
}

.testimonial-new .slick-slide {
    height: 290px
}

.testimonial-new .slick-arrow.slick-next {
    top: -70px;
    right: 30px
}

.testimonial-new .slick-arrow.slick-prev {
    top: -70px;
    right: 80px;
    left: auto
}

.webp .testimonial-new .slick-arrow.slick-next {
    display: block;
    margin: 30px auto;
    width: 40px;
    height: 22px;
    background: url("../../images/webp/slide-arrow.webp") no-repeat;
    background-size: 90px;
    background-position: -53px 0
}

.webp .testimonial-new .slick-arrow.slick-prev {
    display: block;
    margin: 30px auto;
    width: 40px;
    height: 22px;
    background: url("../../images/webp/slide-arrow.webp") no-repeat;
    background-size: 90px;
    background-position: 0 0
}

.webp .testimonial-new .slick-arrow.slick-prev.slick-disabled {
    display: block;
    margin: 30px auto;
    width: 40px;
    height: 22px;
    background: url("../../images/webp/slide-arrow.webp") no-repeat;
    background-size: 90px;
    background-position: 0 -37px
}

.webp .testimonial-new .slick-arrow.slick-next.slick-disabled {
    display: block;
    margin: 30px auto;
    width: 40px;
    height: 22px;
    background: url("../../images/webp/slide-arrow.webp") no-repeat;
    background-size: 90px;
    background-position: -53px -37px
}

.no-webp .testimonial-new .slick-arrow.slick-next {
    display: block;
    margin: 30px auto;
    width: 40px;
    height: 22px;
    background: url("../../images/home-v1/slide-arrow.png") no-repeat;
    background-size: 90px;
    background-position: -53px 0
}

.no-webp .testimonial-new .slick-arrow.slick-prev {
    display: block;
    margin: 30px auto;
    width: 40px;
    height: 22px;
    background: url("../../images/home-v1/slide-arrow.png") no-repeat;
    background-size: 90px;
    background-position: 0 0
}

.no-webp .testimonial-new .slick-arrow.slick-prev.slick-disabled {
    display: block;
    margin: 30px auto;
    width: 40px;
    height: 22px;
    background: url("../../images/home-v1/slide-arrow.png") no-repeat;
    background-size: 90px;
    background-position: 0 -37px
}

.no-webp .testimonial-new .slick-arrow.slick-next.slick-disabled {
    display: block;
    margin: 30px auto;
    width: 40px;
    height: 22px;
    background: url("../../images/home-v1/slide-arrow.png") no-repeat;
    background-size: 90px;
    background-position: -53px -37px
}

.testimonial-new .slick-arrow.slick-next::after,
.testimonial-new .slick-arrow.slick-next::before,
.testimonial-new .slick-arrow.slick-prev::after,
.testimonial-new .slick-arrow.slick-prev::before {
    display: none !important
}

.testimonial-new .slick-arrow.slick-next,
.testimonial-new .slick-arrow.slick-prev {
    -webkit-transform: none !important;
    transform: none !important
}

.app-block {
    padding: 85px 0 40px;
    background: #f7f9ff
}

@media only screen and (max-width:767px) {
    .app-block {
        padding: 30px 0 0;
        position: relative;
        margin-bottom: 40px
    }
}

.app-block .container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-block .container .mobile {
    width: 50%;
    text-align: center
}

.app-block .container .mobile img {
    width: 100%
}

@media only screen and (min-width:0) and (max-width:640px) {
    .app-block .container .mobile img {
        width: 90%;
        margin: 0 auto;
        display: block
    }
}

@media only screen and (max-width:768px) and (orientation:landscape) {
    .app-block .container .mobile img {
        width: 300px
    }
}

.app-block .container .copy-part {
    width: 50%;
    text-align: left
}

.app-block .container .copy-part p.text-head {
    font-size: 30px;
    color: #253858;
    line-height: 40px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .app-block .container .copy-part p.text-head {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (max-width:480px) and (orientation:portrait) {
    .app-block .container .copy-part p.text-head {
        font-size: 18px;
        line-height: 18px;
        font-weight: 600
    }
}

@media only screen and (max-width:768px) {
    .app-block .container .copy-part p.text-head {
        font-size: 18px;
        padding: 20px 0 0
    }
}

@media only screen and (max-width:480px) and (orientation:portrait) {
    .app-block .container .copy-part p.text-head {
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
        padding: 20px 0 10px
    }
}

@media only screen and (max-width:768px) {
    .app-block .container .mobile {
        width: 100%;
        text-align: center;
        margin-top: 20px
    }

    .app-block .container .copy-part {
        width: 100%;
        text-align: left
    }
}

@media only screen and (max-width:768px) and (orientation:landscape) {
    .app-block .container .copy-part p.text-head {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 0
    }
}

@media only screen and (max-width:320px) and (orientation:portrait) {
    .app-block .container .copy-part p.text-head {
        font-size: 18px;
        line-height: 18px
    }
}

.app-block .container .copy-part p.line {
    text-align: left;
    margin: 10px 0 20px
}

.app-block .container .copy-part p.line span {
    display: block;
    width: 60px;
    height: 4px;
    background: #0065ff
}

@media only screen and (min-width:0) and (max-width:640px) {
    .app-block .container .copy-part p.line {
        display: none
    }
}

.app-block .container .copy-part p.control {
    color: #5e6c84;
    font-size: 18px;
    padding-bottom: 40px
}

@media only screen and (min-width:0) and (max-width:768px) {
    .app-block .container .copy-part p.control {
        padding-bottom: 20px
    }
}

@media only screen and (min-width:0) and (max-width:640px) {
    .app-block .container .copy-part p.control {
        padding-bottom: 20px;
        font-size: 14px
    }
}

.app-block .container span.text {
    font-size: 14px;
    line-height: 24px;
    color: #505f79;
    padding: 20px 0 20px;
    display: block
}

@media only screen and (min-width:0) and (max-width:640px) {
    .app-block .container span.text {
        display: none
    }
}

.app-block .container .copy-part .list {
    margin: 0;
    padding: 0
}

.app-block .container .copy-part .list li {
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0 0 20px 0;
    font-size: 14px;
    color: #253858
}

.webp .app-block .container .copy-part .list li::before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../../images/webp/star-outline.webp) no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    margin: 0 14px 0 -30px
}

.no-webp .app-block .container .copy-part .list li::before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../../images/home-v1/star-outline.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    margin: 0 14px 0 -30px
}

.webp .app-block .container .copy-part .play-store {
    width: 170px;
    height: 50px;
    display: inline-block;
    background: url(../../images/webp/store-logo.webp) no-repeat;
    background-size: cover;
    margin-right: 20px
}

.no-webp .app-block .container .copy-part .play-store {
    width: 170px;
    height: 50px;
    display: inline-block;
    background: url(../../images/home-v1/store-logo.png) no-repeat;
    background-size: cover;
    margin-right: 20px
}

.app-block .container .copy-part .play-store.ios {
    background-position: 0 -80px;
    margin-right: 0
}

@media only screen and (max-width:768px) and (orientation:landscape) {
    .app-block .container .copy-part .play-store.ios {
        background-position: 0 -62px
    }
}

@media only screen and (min-width:0) and (max-width:640px) {

    .no-webp .app-block .container .copy-part .play-store,
    .webp .app-block .container .copy-part .play-store {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    .no-webp .app-block .container .copy-part .play-store,
    .no-webp .app-block .container .copy-part span.text {
        display: none
    }
}

@media only screen and (min-width:375px) and (max-width:851px) and (orientation:landscape) {

    .webp .app-block .container .copy-part .play-store,
    .webp .app-block .container .copy-part span.text {
        display: none
    }
}

@media only screen and (max-width:768px) {

    .no-webp .app-block .container .copy-part .play-store,
    .no-webp .app-block .container .copy-part span.text {
        display: none
    }
}

.app-block .container .mobile .install-now {
    display: none
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .app-block .container .mobile .install-now {
        font-size: 16px;
        background: #0065ff;
        border-radius: 4px;
        padding: 16px 0;
        margin: 30px 0 0;
        text-decoration: none;
        color: #fff;
        display: block
    }
}

@media only screen and (max-width:768px) and (orientation:landscape) {
    .app-block .container .mobile .install-now {
        display: block;
        font-size: 16px;
        background: #0065ff;
        border-radius: 4px;
        padding: 16px 0;
        margin: 30px 0 0;
        text-decoration: none;
        color: #fff
    }
}

@media only screen and (min-width:0) and (max-width:640px) {
    .app-block .container .mobile .install-now {
        display: block;
        font-size: 16px;
        background: #0065ff;
        border-radius: 4px;
        padding: 16px 0;
        margin: 30px 0 0;
        text-decoration: none;
        color: #fff
    }
}

.investor-new {
    padding: 24px 0;
    background: #f4f5f7
}

.investor-new .container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.investor-new .container .h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0 0 20px;
    font-weight: 500;
    color: #253858
}

.investor-new .container .h2 span {
    background: #0065ff;
    width: 70px;
    height: 4px;
    margin: 20px 0 0;
    display: block
}

@media only screen and (max-width:1024px) {
    .investor-new .container .h2 span {
        margin: 10px auto 0
    }
}

@media only screen and (max-width:1024px) {
    .investor-new .container .h2 {
        text-align: center;
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 20px
    }
}

@media only screen and (max-width:767px) {
    .investor-new .container .h2 {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px
    }
}

.investor-new .container .block {
    width: 200px;
    height: 100px;
    outline: 0;
    display: inline-block;
    background: #fff;
    margin: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 4px
}

.webp .investor-new .container .block .investor-sprite {
    width: 152px;
    height: 62px;
    margin: 0 auto;
    display: inline-block;
    background: url(../../images/webp/investor.webp?v=1) no-repeat;
    background-size: 769px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.no-webp .investor-new .container .block .investor-sprite {
    width: 152px;
    height: 62px;
    margin: 0 auto;
    display: inline-block;
    background: url(../../images/home-v1/investor.png?v=1) no-repeat;
    background-size: 769px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.investor-new .container .block .investor-sprite:hover {
    -webkit-filter: none;
    filter: none
}

.investor-new .container .block .investor-sprite.tiger {
    background-position: 0 -45px
}

.investor-new .container .block .investor-sprite.infoedge {
    background-position: -155px -45px
}

.investor-new .container .block .investor-sprite.premji {
    background-position: -305px -45px
}

.investor-new .container .block .investor-sprite.temasek {
    background-position: -464px -45px
}

.investor-new .container .block .investor-sprite.steadview {
    background-position: -617px -45px
}

.investor-new .container .block .investor-sprite.ribbit {
    background-position: 0 -200px
}

.investor-new .container .block .investor-sprite.chiratae {
    background-position: -155px -200px
}

.investor-new .container .block .investor-sprite.icp {
    background-position: -315px -178px;
    height: 105px
}

.investor-new .container .block .investor-sprite.truenorth {
    background-position: -460px -200px
}

.investor-new .container .block .investor-sprite.softbank {
    background-position: -617px -200px
}

.investor-new .container .block .investor-sprite.capital-group {
    background-position: -310px -348px
}

.investor-new .container .block .investor-sprite.tencent {
    background-position: -152px -348px
}

.investor-new .container .block .investor-sprite.baycapital {
    background-position: -13px -433px;
    background-size: 950px
}

.investor-new .container .block .investor-sprite.falcon-edge {
    background-position: -458px -345px
}

.investor-new .container .block .investor-sprite.ward-ferry {
    background-position: -617px -348px
}

.help {
    padding: 70px 0
}

@media only screen and (min-width:0) and (max-width:640px) {
    .help {
        padding: 70px 0 20px
    }
}

.help .container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.help .container .heading {
    width: 100%
}

.help .container .heading .h2 {
    font-size: 30px;
    line-height: 36px;
    padding: 0;
    margin: 0 0 20px;
    font-weight: 500;
    color: #253858
}

.help .container .heading .h2 span {
    background: #0065ff;
    width: 70px;
    height: 4px;
    margin: 20px 0 0;
    display: block
}

@media only screen and (max-width:1024px) {
    .help .container .heading .h2 span {
        margin: 10px auto 0
    }
}

@media only screen and (max-width:1024px) {
    .help .container .heading .h2 {
        text-align: center;
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 20px
    }
}

@media only screen and (max-width:767px) {
    .help .container .heading .h2 {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px
    }
}

.help .container .help-pic {
    width: 70%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: right
}

@media only screen and (max-width:1024px) {
    .help .container .help-pic {
        width: 100%;
        margin-top: 30px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center
    }
}

.help .container .help-pic img {
    width: 60%;
    margin: 0 auto
}

@media only screen and (max-width:1024px) {
    .help .container .help-pic img {
        width: 80%;
        max-width: 450px
    }
}

.help .container .help-text {
    width: 30%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (max-width:1024px) {
    .help .container .help-text {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%
    }
}

.help .container .help-text p {
    font-size: 16px;
    padding: 20px 0;
    color: #253858;
    line-height: 30px
}

.help .container .help-text a.btn {
    border: 1px solid #7a869a;
    display: block;
    padding: 20px 0 20px 20%;
    border-radius: 8px;
    margin: 0 0 20px;
    text-decoration: none;
    position: relative
}

.help .container .help-text a.btn.no-margin {
    margin: 0
}

.help .container .help-text a.btn span {
    display: block;
    padding: 0 0 5px;
    color: #5e6c84
}

.help .container .help-text a.btn span:first-child {
    font-size: 14px;
    color: #5e6c84
}

.help .container .help-text a.btn span:last-child {
    font-size: 18px;
    color: #253858;
    font-weight: 500
}

@media only screen and (max-width:1024px) {
    .help .container .help-text a.btn span:last-child {
        font-size: 16px
    }
}

.help .container .help-text a.btn i {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 30px;
    left: 30px;
    background: url("../../images/home-v1/btn-icons.png") no-repeat;
    background-size: cover
}

.help .container .help-text a.btn i.support {
    background-position: -52px 0
}

@media only screen and (max-width:1024px) {
    .help .container .help-text a.btn i {
        top: 24px;
        left: 20px
    }
}

@media only screen and (max-width:1024px) {
    .help .container .help-text a.btn {
        padding: 12px 0 12px 60px
    }
}

.group-companies {
    width: 100%;
    padding: 40px 0
}

.group-companies .container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.group-companies .container .text {
    width: 140px;
    font-size: 20px;
    color: #253858;
    font-weight: 600;
    margin-bottom: 30px
}

@media only screen and (max-width:1024px) {
    .group-companies .container .text {
        width: 100%;
        text-align: center
    }
}

@media (max-width:640px) {
    .group-companies .container .text {
        font-size: 18px;
        text-align: center
    }

    .group-companies .container .text span {
        width: 60px;
        height: 4px;
        background: #0065ff;
        display: block;
        margin: 10px auto
    }
}

.group-companies .container .co-logo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto
}

@media (max-width:1024px) {
    .group-companies .container .co-logo {
        width: 100%;
        max-width: 720px;
        justify-content: center
    }
}

@media (max-width:640px) {
    .group-companies .container .co-logo {
        width: 100%;
        justify-content: space-between
    }
}

.group-companies .container .logo-block {
    width: 140px;
    height: 60px;
    text-align: center;
    align-items: center;
    display: flex;
    margin-right: 40px
}

.group-companies .container .logo-block.last {
    margin-right: 0
}

@media (max-width:640px) {
    .group-companies .container .logo-block {
        width: 44%;
        margin: 0;
        margin-bottom: 30px;
        display: flex;
        justify-content: center
    }
}

.group-companies .container .logo-block .co-logo-sprite {
    background: url(../../images/home/all-brands-logo.png?v=4) no-repeat;
    background-size: 100%;
    width: 140px;
    height: 60px
}

.group-companies .container .logo-block .co-logo-sprite.quick-fix-cars {
    background-position: 0 -401px
}

@media only screen and (max-width:640px) {
    .group-companies .container .logo-block .co-logo-sprite.quick-fix-cars {
        width: 140px;
        background-position: 0 -401px
    }
}

@media only screen and (max-width:320px) {
    .group-companies .container .logo-block .co-logo-sprite.quick-fix-cars {
        width: 120px;
        background-position: 0 -341px
    }
}

.group-companies .container .logo-block .co-logo-sprite.policy-bazaar {
    background-position: 0 -62px
}

@media only screen and (max-width:640px) {
    .group-companies .container .logo-block .co-logo-sprite.policy-bazaar {
        width: 140px;
        background-position: 0 -60px
    }
}

@media only screen and (max-width:320px) {
    .group-companies .container .logo-block .co-logo-sprite.policy-bazaar {
        width: 120px;
        background-position: 0 -50px
    }
}

.group-companies .container .logo-block .co-logo-sprite.paisa-bazaar {
    background-position: 0 -122px
}

@media only screen and (max-width:640px) {
    .group-companies .container .logo-block .co-logo-sprite.paisa-bazaar {
        width: 140px;
        background-position: 0 -116px
    }
}

@media only screen and (max-width:320px) {
    .group-companies .container .logo-block .co-logo-sprite.paisa-bazaar {
        width: 120px;
        background-position: 0 -100px
    }
}

.group-companies .container .logo-block.fintechlogo {
    width: 80px
}

.group-companies .container .logo-block.fintechlogo .co-logo-sprite.fintech {
    width: 80px;
    background-position: -20px 8px;
    background-size: 150%
}

@media only screen and (max-width:640px) {
    .group-companies .container .logo-block.fintechlogo {
        width: 44%
    }

    .group-companies .container .logo-block.fintechlogo .co-logo-sprite.fintech {
        width: 100%;
        background-position: 0 13px;
        background-size: 90%
    }
}

@media only screen and (max-width:320px) {
    .group-companies .container .logo-block.fintechlogo .co-logo-sprite.fintech {
        width: 120px;
        background-position: 0 3px
    }
}

.group-companies .container .logo-block .co-logo-sprite.moneywide {
    background-position: 0 -466px
}

@media only screen and (max-width:640px) {
    .group-companies .container .logo-block .co-logo-sprite.moneywide {
        width: 140px;
        background-position: 0 -466px
    }
}

@media only screen and (max-width:320px) {
    .group-companies .container .logo-block .co-logo-sprite.moneywide {
        width: 120px;
        background-position: 0 -395px
    }
}

.group-companies .container .logo-block .co-logo-sprite.getvisit {
    background-position: 0 -253px
}

@media only screen and (max-width:640px) {
    .group-companies .container .logo-block .co-logo-sprite.getvisit {
        width: 100%
    }
}

@media only screen and (max-width:320px) {
    .group-companies .container .logo-block .co-logo-sprite.getvisit {
        width: 120px;
        background-position: 0 -466px
    }
}

.group-companies .container .logo-block .co-logo-sprite.pb-partner {
    background-position: 0 -184px
}

@media only screen and (max-width:640px) {
    .group-companies .container .logo-block .co-logo-sprite.pb-partner {
        width: 140px;
        background-position: 0 -183px
    }
}

@media only screen and (max-width:320px) {
    .group-companies .container .logo-block .co-logo-sprite.pb-partner {
        width: 120px;
        background-position: 0 -153px
    }
}

.group-companies .container .logo-block.docprimelogo {
    width: 80px
}

.group-companies .container .logo-block.docprimelogo .co-logo-sprite.doc-prime {
    width: 80px;
    background-position: -20px -276px;
    background-size: 150%
}

@media only screen and (max-width:640px) {
    .group-companies .container .logo-block.docprimelogo {
        width: 44%
    }

    .group-companies .container .logo-block.docprimelogo .co-logo-sprite.doc-prime {
        width: 140px;
        background-size: 100%;
        background-position: 0 -326px
    }
}

@media only screen and (max-width:320px) {
    .group-companies .container .logo-block.docprimelogo {
        width: 44%
    }

    .group-companies .container .logo-block.docprimelogo .co-logo-sprite.doc-prime {
        width: 120px;
        background-position: 0 -278px
    }
}

.ourpartner .partner_title .h2 {
    font-size: 30px
}

@media only screen and (max-width:767px) {
    .ourpartner .partner_title .h2 {
        font-size: 18px
    }
}

.mid-row {
    background: #fff
}

.covid-pl-0 {
    padding-left: 0
}

.covid-19-banner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    height: 100%;
    -ms-flex-line-pack: center;
    align-content: center
}

.covid-19-banner .inner-block {
    width: 100%;
    height: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.covid-19-banner div.img {
    width: 50%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right
}

.covid-19-banner div.img img {
    width: 90%;
    float: left
}

.covid-19-banner div.text-block {
    width: 50%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right
}

.covid-19-banner div.text-block p:first-child {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.1px;
    padding-bottom: 5px
}

.covid-19-banner div.text-block p:nth-child(2n) {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    padding-bottom: 5px
}

.covid-19-banner div.text-block span.btn {
    background: #fff;
    float: right;
    border-radius: 4px;
    color: #0088f3;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 0;
    width: 136px;
    display: block;
    margin-top: 5px;
    text-align: center;
    cursor: pointer
}

.covid-19-banner div.text-block span.btn img {
    vertical-align: middle;
    width: 12px;
    margin-left: 3px
}

.mobile-banner {
    display: none
}

.mobile-banner-tax-saving {
    opacity: 0;
    transition: all .5s ease-in
}

.mobile-banner-tax-saving.slick-initialized {
    opacity: 1
}

@media only screen and (max-width:1024px) {
    .mobile-banner {
        display: block;
        width: 100%;
        margin: 20px 0;
        text-align: center;
        display: none
    }

    .text-part {
        display: inline-block;
        width: 50%
    }

    .allInsurance_icon .text-part .tp-text {
        display: block;
        width: 100%;
        font-size: 30px;
        letter-spacing: 1px;
        color: #fff;
        text-align: left
    }

    .allInsurance_icon .text-part .tp-text .highlighter {
        color: #f6ff52;
        font-weight: 500
    }

    .allInsurance_icon .text-part .tp-text .small-text {
        display: block;
        display: block;
        font-size: 16px;
        padding-top: 10px;
        letter-spacing: .26px;
        margin: 0;
        padding: 4px 0 0;
        line-height: 18px
    }

    .allInsurance_icon .text-part .tp-text .small-text .normaltext {
        display: inline-block;
        font-weight: 300
    }

    .mobile-banner .img-part {
        display: inline-block;
        width: 30%;
        text-align: center
    }

    .mobile-banner img {
        width: 100%;
        max-width: 300px
    }
}

@media only screen and (max-width:667px) {
    .mobile-banner {
        display: block
    }

    .allInsurance_icon .h1 {
        display: none
    }

    .allInsurance_icon .text-part .tp-text {
        display: none
    }

    .mobile-banner .img-part {
        width: 100%
    }

    .mobile-banner img {
        width: 100%;
        max-width: 300px
    }
}

@media only screen and (max-width:480px) {
    .mobile-banner img {
        width: 100%;
        max-width: 300px
    }
}

.hide {
    display: none
}

.footer-icon {
    background: url(../../images/home-v1/footer-icon.svg) no-repeat;
    width: 35px;
    height: 40px;
    background-size: 100%;
    position: absolute;
    top: -10px;
    left: 0
}

.footer-icon.general-insurance {
    background-position: 0 0
}

.footer-icon.life-insurance {
    background-position: 0 -76px
}

.footer-icon.health-insurance {
    background-position: 0 -150px;
    left: 0
}

.footer-icon.investment {
    background-position: 0 -225px;
    left: 0
}

.footer-icon.other-insurance {
    background-position: 0 -299px;
    left: -50px
}

.footerLink .socialMedia-icons {
    list-style: none;
    display: block;
    float: right
}

.footerLink .socialMedia-icons li {
    display: inline-block
}

.footerLink .socialMedia-icons li a {
    opacity: .7;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 0 6px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.footerLink .socialMedia-icons li a.facebook-1:hover {
    background: #01458c;
    opacity: 1
}

.footerLink .socialMedia-icons li a.twitter-1:hover {
    background: #429cd6;
    opacity: 1
}

.footerLink .socialMedia-icons li a.linkedin:hover {
    background: #01458c;
    opacity: 1
}

.footerLink .socialMedia-icons li a.youtube:hover {
    background: #cd2029;
    opacity: 1
}

.hm-social-icon {
    background: url(../../images/home-v1/sm-icons.svg?v=1) no-repeat;
    width: 20px;
    height: 24px;
    background-size: 100%;
    display: inline-block
}

.hm-social-icon.facebook-1 {
    background-position: 0 0;
    width: 10px;
    height: 22px;
    margin: 0 0 0 4px
}

.hm-social-icon.twitter-1 {
    background-position: 0 -105px;
    width: 20px;
    height: 20px
}

.hm-social-icon.linkedin {
    background-position: 1px -207px;
    width: 20px;
    height: 20px
}

.hm-social-icon.youtube {
    background-position: 0 -330px;
    width: 22px;
    height: 16px;
    margin-left: -6px
}

@media only screen and (max-width:1024px) {
    .footerLink .socialMedia-icons {
        float: left;
        width: 100%
    }
}

@font-face {
    font-family: Roboto;
    src: url(../../css/fonts/Roboto-Light.woff2);
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../../css/fonts/Roboto-Regular.woff2);
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../../css/fonts/Roboto-Medium.woff2);
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../../css/fonts/Roboto-Bold.woff2);
    font-weight: 700;
    font-display: swap
}

body {
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif
}

.oh {
    overflow: hidden
}

.main-container {
    width: 100%;
    margin: 0 auto 0
}

.main-container.invert {
    background: #182b4c
}

.main-container.invert.retina {
    background: #1b325a
}

@media only screen and (max-width:1024px) {
    .main-container {
        margin-top: 0
    }
}

@media only screen and (max-width:640px) {
    .main-container {
        background: #f5f6fc;
        margin-top: 0
    }
}

.main-container .container {
    max-width: 1140px;
    padding: 0;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

@media (max-width:1140px) {
    .main-container .container {
        max-width: 932px
    }
}

.top-fold {
    margin: 0 auto 10px;
    min-height: 270px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

@media (max-width:1140px) {
    .top-fold {
        min-height: auto
    }
}

@media (max-width:1024px) {
    .top-fold {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
        margin-bottom: 0;
        min-height: auto
    }

    .top-fold.nri .txt-part {
        display: none
    }
}

@media screen and (max-width:768px) {
    .top-fold.nri .txt-part+article .slideshow-container-wrapper {
        display: none !important
    }
}

@media (max-width:960px) {
    .top-fold {
        display: inline-block
    }
}

.top-fold.nri article {
    position: initial
}

.top-fold article {
    width: 40%;
    position: relative
}

@media (max-width:992px) {
    .top-fold article {
        width: 100%;
        height: auto;
        transition: height .2s linear
    }

    .top-fold article.recent_search_active {
        width: 100%;
        height: 230px
    }
}

@media (max-width:568px) {
    .top-fold article {
        width: 100%;
        height: 250px;
        transition: height .2s linear
    }
}
@media (max-width:390px) {
    .top-fold article {
        width: 100%;
        height: 220px;
        transition: height .2s linear
    }
}

@media (max-width:320px) {
    .top-fold article {
        width: 100%;
        height: 185px;
        transition: height .2s linear
    }

    .top-fold article.recent_search_active {
        width: 100%;
        height: 230px
    }
}

@media only screen and (max-width:640px) {
    .top-fold article {
        min-width: 100%;
        display: inline-block
    }
}

.top-fold .txt-part {
    font-weight: 300;
    font-size: 20px;
    width: 60%
}

@media only screen and (max-width:1024px) {
    .top-fold .txt-part {
        width: 50%;
        padding: 0 16px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape),
(min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .top-fold.nri .txt-part {
        display: block !important
    }

    .top-fold article {
        height: 260px
    }

    .slideshow-container-wrapper {
        right: 0
    }
}

@media (max-width:860px) {
    .top-fold .txt-part {
        width: 100%;
        padding: 0 16px;
        max-width: 450px;
        margin: 0 auto 20px
    }
}

@media (max-width:768px) {
    .top-fold.nri .txt-part {
        width: 100%;
        padding: 0 16px;
        max-width: 450px;
        margin: 30px 0 0;
        height: 150px
    }
}

@media only screen and (max-width:640px) {
    .top-fold .txt-part {
        width: 100%;
        padding: 10px 16px;
        margin-bottom: 0
    }
}

.top-fold .txt-part h1 {
    color: #253858;
    font-size: 36px;
    line-height: 54px;
    font-weight: 300;
    margin-bottom: 20px
}

.top-fold .txt-part h1 span {
    font-weight: 500
}

.top-fold .txt-part h1 span.l {
    font-weight: 400;
    position: relative
}

.top-fold .txt-part h1 span.l+.usp {
    margin-top: 20px
}

.top-fold .txt-part h1 span.l::before {
    content: "";
    content: "";
    position: absolute;
    width: 70px;
    background-image: url(../../images/home/highlighter-line.svg);
    height: 8px;
    background-repeat: no-repeat;
    bottom: -8px;
    right: 5px;
    background-position: 0 0
}

@media (max-width:1140px) {
    .top-fold .txt-part h1 {
        font-size: 32px;
        line-height: 42px
    }
}

@media only screen and (max-width:1024px) {
    .top-fold .txt-part h1 {
        font-size: 20px;
        line-height: 30px
    }
}

@media only screen and (max-width:640px) {
    .top-fold .txt-part h1 {
        font-size: 20px;
        line-height: 30px
    }
}

.top-fold .txt-part .usp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-fold .txt-part .usp .lowest-price {
    color: #776bfd;
    font-size: 14px;
    line-height: 21px;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400
}

.top-fold .txt-part .usp .lowest-price i {
    width: 37px;
    height: 37px;
    display: inline-block;
    background-size: 100%;
    margin-right: 10px
}

@media only screen and (max-width:640px) {
    .top-fold .txt-part .usp .lowest-price i {
        min-width: 32px;
        min-height: 32px
    }
}

.top-fold .txt-part .usp .lowest-price .hide-big {
    display: none
}

@media only screen and (max-width:1024px) {
    .top-fold .txt-part .usp .lowest-price {
        font-size: 13px;
        width: 50%
    }
}

@media only screen and (max-width:640px) {
    .top-fold .txt-part .usp .lowest-price {
        font-size: 12px;
        line-height: 18px;
        width: 60%
    }

    .top-fold .txt-part .usp .lowest-price br.hide-big {
        display: block
    }

    .top-fold .txt-part .usp .lowest-price br.hide-small {
        display: none
    }
}

.top-fold .txt-part .usp .hassle-free {
    color: #ff9b2c;
    font-size: 14px;
    line-height: 21px;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400
}

.top-fold .txt-part .usp .hassle-free i {
    width: 37px;
    height: 37px;
    display: inline-block;
    background-size: 100%;
    background-position: 0 1.6%;
    margin-right: 10px
}

@media only screen and (max-width:640px) {
    .top-fold .txt-part .usp .hassle-free i {
        width: 32px;
        height: 32px;
        background-position: 0 1.6%
    }
}

@media only screen and (max-width:1024px) {
    .top-fold .txt-part .usp .hassle-free {
        font-size: 13px
    }
}

@media only screen and (max-width:640px) {
    .top-fold .txt-part .usp .hassle-free {
        font-size: 12px;
        line-height: 18px;
        width: 50%
    }
}

.top-fold .top-pic {
    text-align: right;
    min-height: 250px
}

@media only screen and (max-width:568px) {
    .top-fold .top-pic {
        min-height: 175px;
        margin-top: 10px
    }
}

.top-fold .card-view {
    width: 410px;
    min-height: 220px;
    float: right;
    overflow: hidden;
    margin: 30px 0 28px;
    padding: 14px 25px;
    -webkit-box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    border-radius: 8px;
    position: relative;
    background: #fff;
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: -1
}

.top-fold .card-view.slideDown {
    visibility: visible;
    opacity: 1;
    z-index: 100
}

@media (max-width:1140px) {
    .top-fold .card-view {
        width: 456px;
        min-height: 194px
    }
}

@media (max-width:992px) {
    .top-fold .card-view {
        width: 410px;
        min-height: 220px
    }
}

.top-fold .card-view::before {
    position: absolute;
    content: '';
    top: -2px;
    left: 0;
    width: 100%;
    background: #0065ff;
    height: 5px
}

.top-fold .card-view.short {
    padding-top: 12px
}

@media only screen and (max-width:1024px) {
    .top-fold .card-view {
        width: 390px;
        padding: 22px 16px;
        float: none;
        margin: 20px auto
    }
}

@media only screen and (max-width:992px) {
    .top-fold .card-view {
        width: 390px;
        padding: 22px 16px;
        float: none;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: -320px;
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
        visibility: hidden
    }

    .top-fold .card-view.slideDown {
        top: 0;
        visibility: visible;
        z-index: 12
    }

    .top-fold .card-view::before {
        display: none
    }
}

@media only screen and (max-width:568px) {
    .top-fold .card-view {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        border-radius: 0
    }
}

.top-fold .card-view .heading {
    color: #253858;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300
}

@media (max-width:1140px) {
    .top-fold .card-view .heading {
        font-size: 16px
    }
}

.top-fold .card-view .heading span {
    font-weight: 500
}

@media only screen and (max-width:640px) {
    .top-fold .card-view .heading {
        font-size: 18px;
        line-height: 28px
    }
}

.top-fold .top-row {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width:640px) {
    .top-fold .top-row {
        margin-top: 17px
    }
}

.top-fold .wide {
    width: 50%
}

.top-fold .left-col.short {
    width: 35%;
    position: relative
}
.top-fold .right-col.short {display: none;}
.top-fold .left-col.short img {
    width: 50% !important
}

.top-fold .ext-short {
    width: 30%
}

.top-fold .left-col p.head {
    font-size: 12px;
    color: #253858;
    opacity: .5;
    padding-bottom: 10px
}

.top-fold .left-col p.sub-head {
    font-size: 15px;
    color: #253858;
    font-weight: 500
}

@media (max-width:375px) {
    .top-fold .left-col p.sub-head {
        font-size: 12px
    }
}

.top-fold .left-col i {
    width: 100px;
    height: 30px;
    display: inline-block;
    background: url(../../images/bu/widget-logo.png?v=7);
    background-size: 100%
}

.top-fold .left-col i.iffco_tokio_general_icon {
    background-position: 0 0
}

.top-fold .left-col i.royal_sundaram_general_icon {
    background-position: 0 -32px
}

.top-fold .left-col i.bharti_axa_general_icon {
    background-position: 0 -66px
}

.top-fold .left-col i.bharti_axa_life_icon {
    background-position: 0 -1922px
}

.top-fold .left-col i.future_generali_general_icon,
.top-fold .left-col i.future_generali_life_icon {
    background-position: 0 -98px
}

.top-fold .left-col i.sbi_general_general_icon,
.top-fold .left-col i.sbi_general_icon {
    background-position: 0 -1290px
}

.top-fold .left-col i.liberty_general_icon {
    background-position: 0 -165px
}

.top-fold .left-col i.tata_aig_general_icon {
    background-position: 0 -198px
}

.top-fold .left-col i.bajaj_allianz_general_icon {
    background-position: 0 -232px
}

.top-fold .left-col i.reliance_general_general_icon,
.top-fold .left-col i.reliance_general_icon,
.top-fold .left-col i.reliance_nippon_general_icon {
    background-position: 0 -1040px
}

.top-fold .left-col i.hdfc_ergo_general_icon,
.top-fold .left-col i.hdfc_general_icon {
    background-position: 0 -300px
}

.top-fold .left-col i.shriram_general_icon,
.top-fold .left-col i.shriram_gic_general_icon,
.top-fold .left-col i.shriram_life_icon {
    background-position: 0 -334px
}

.top-fold .left-col i.digit_general_icon,
.top-fold .left-col i.go_digit_general_icon {
    background-position: 0 -369px
}

.top-fold .left-col i.kotak_general_general_icon,
.top-fold .left-col i.kotak_general_icon,
.top-fold .left-col i.kotak_life_icon,
.top-fold .left-col i.kotak_mahindra_general_icon,
.top-fold .left-col i.kotak_mahindra_life_icon {
    background-position: 0 -400px
}

.top-fold .left-col i.new_india_assurance_general_icon,
.top-fold .left-col i.new_india_general_icon,
.top-fold .left-col i.the_new_general_icon {
    background-position: 0 -434px
}

.top-fold .left-col i.national_insurance_general_icon,
.top-fold .left-col i.national_insurance_life_icon {
    background-position: 0 -468px
}

.top-fold .left-col i.united_india_general_icon {
    background-position: 0 -499px
}

.top-fold .left-col i.oriental_general_icon,
.top-fold .left-col i.oriental_insurance_general_icon,
.top-fold .left-col i.the_oriental_general_icon {
    background-position: 0 -531px
}

.top-fold .left-col i.universal_sompo_general_icon {
    background-position: 0 -569px
}

.top-fold .left-col i.magma_general_icon,
.top-fold .left-col i.magma_hdi_general_icon {
    background-position: 0 -599px
}

.top-fold .left-col i.navi_general_icon {
    background-position: 1px -624px
}

.top-fold .left-col i.edelweiss_general_icon {
    background-position: 0 -664px
}

.top-fold .left-col i.aditya_birla_capital_general_icon,
.top-fold .left-col i.aditya_birla_capital_life_icon,
.top-fold .left-col i.aditya_birla_general_icon,
.top-fold .left-col i.aditya_birla_life_icon,
.top-fold .left-col i.aditya_birla_sun_life_icon,
.top-fold .left-col i.birla_sun_general,
.top-fold .left-col i.birla_sun_general_icon {
    background-position: 0 -697px
}

.top-fold .left-col i.aegon_life_icon {
    background-position: 0 -727px
}

.top-fold .left-col i.bajaj_allianz_life_icon,
.top-fold .left-col i.investment_pack_life_icon {
    background-position: 0 -755px
}

.top-fold .left-col i.canara_hsbc_life_icon,
.top-fold .left-col i.canara_hsbc_obc_life_icon {
    background-position: 0 -789px
}

.top-fold .left-col i.exide_life_icon {
    background-position: 0 -820px
}

.top-fold .left-col i.edelweiss_tokio_life_icon,
.top-fold .left-col i.edelwiess_tokio_life_icon {
    background-position: 0 -853px
}

.top-fold .left-col i.hdfc_life_general_icon,
.top-fold .left-col i.hdfc_life_icon,
.top-fold .left-col i.hdfc_standard_life_icon {
    background-position: 0 -883px
}

.top-fold .left-col i.icici_life_icon,
.top-fold .left-col i.icici_prudential_general_icon,
.top-fold .left-col i.icici_prudential_life_icon,
.top-fold .left-col i.icici_prudentialdential_life_icon {
    background-position: 0 -915px
}

.top-fold .left-col i.india_first_life_icon {
    background-position: 0 -948px
}

.top-fold .left-col i.kotak_life_icon,
.top-fold .left-col i.kotak_mahindra_life_icon {
    background-position: 0 -979px
}

.top-fold .left-col i.max_life_insurance_life_icon {
    background-position: 0 -1011px
}

.top-fold .left-col i.pnb_medelweiss_tokiolife_general_icon {
    background-position: 0 -1324px
}

.top-fold .left-col i.pnb_metlife_life_icon {
    background-position: 0 -1895px
}

.top-fold .left-col i.reliance_general_general_icon {
    background-position: 0 -266px
}

.top-fold .left-col i.reliance_nippon_life_icon,
.top-fold .left-col i.reliance_nippon_life_life_icon {
    background-position: 0 -1043px
}

.top-fold .left-col i.sbi_life_icon {
    background-position: 0 -134px
}

.top-fold .left-col i.tata_aia_life_icon {
    background-position: 0 -1072px
}

.top-fold .left-col i.max_bupa_general_icon,
.top-fold .left-col i.max_bupa_life_icon,
.top-fold .left-col i.niva_bupa_general_icon {
    background-position: 0 -1168px
}

.top-fold .left-col i.raheja_general_icon,
.top-fold .left-col i.raheja_qbe_general_icon {
    background-position: 0 -1199px
}

.top-fold .left-col i.care_health_general_icon,
.top-fold .left-col i.religare_health_general_icon,
.top-fold .left-col i.religare_life_icon {
    background-position: 0 -1232px
}

.top-fold .left-col i.star_health_general_icon,
.top-fold .left-col i.star_health_life_icon {
    background-position: 0 -1261px
}

.top-fold .left-col i.max_new_general_icon {
    background-position: 0 -1012px
}

.top-fold .left-col i.liberty_videocon_general_icon {
    background-position: 0 -1387px
}

.top-fold .left-col i.icici_lombard_general_icon {
    background-position: 0 -1418px
}

.top-fold .left-col i.cigna_ttk_general_icon {
    background-position: 0 -1451px
}

.top-fold .left-col i.cholamandalam_ms_general_icon {
    background-position: 0 -1479px
}

.top-fold .left-col i.apollo_munich_general_icon {
    background-position: 0 -1511px
}

.top-fold .left-col i.aviva_general_icon,
.top-fold .left-col i.aviva_life_icon {
    background-position: 0 -1544px
}

.top-fold .left-col i.aegon_religare_general_icon {
    background-position: 0 -1574px
}

.top-fold .left-col i.united_insurance_general_icon {
    background-position: 0 -2499px
}

.top-fold .left-col i.lnt_general_general_icon,
.top-fold .left-col i.lnt_insurance_general_icon {
    background-position: 0 -1634px
}

.top-fold .left-col i.dhfl_general_general_icon {
    background-position: 0 -1603px
}

.top-fold .left-col i.lic_india_life_icon,
.top-fold .left-col i.lic_life_icon {
    background-position: 0 -1664px
}

.top-fold .left-col i.dhfl_pramerica_life_icon,
.top-fold .left-col i.pramerica_life_icon {
    background-position: 0 -2387px;
    background-size: 140% !important
}

.top-fold .left-col i.idbi_federal_life_icon {
    background-position: 0 -1755px
}

.top-fold .left-col i.sahara_india_life_icon {
    background-position: 0 -1784px
}

.top-fold .left-col i.star_union_life_icon {
    background-position: 0 -1818px
}

.top-fold .left-col i.manipalcigna_general_icon,
.top-fold .left-col i.manipalcigna_health_general_icon {
    background-position: 0 -1842px
}

.top-fold .left-col i.metlife_icon {
    background-position: 0 -1871px
}

.top-fold .left-col i.pnbmetlife_icon {
    background-position: 0 -1902px
}

.top-fold .right-col p.head {
    font-size: 12px;
    color: #253858;
    opacity: .5;
    padding-bottom: 10px
}

.top-fold .right-col p.sub-head {
    font-size: 16px;
    color: #253858;
    font-weight: 500
}

@media (max-width:1140px) {
    .top-fold .right-col p.sub-head {
        font-size: 14px
    }
}

@media (max-width:375px) {
    .top-fold .right-col p.sub-head {
        font-size: 12px
    }
}

.btn-row {
    margin: 20px 0 0
}

.btn-row .remind {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #0065ff;
    color: #0065ff;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
    width: auto;
    text-align: center;
    margin-right: 16px
}

@media only screen and (max-width:640px) {
    .btn-row .remind {
        width: calc(45% - 16px);
        background: #fff
    }
}

@media only screen and (max-width:360px) {
    .btn-row .remind {
        font-size: 10px
    }
}

.btn-row .view-plan {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    background: #0065ff;
    color: #fff;
    padding: 11px 12%;
    display: inline-block;
    text-align: center;
    width: auto;
    float: right;
    text-decoration: none
}

@media only screen and (max-width:640px) {
    .btn-row .view-plan {
        width: 53%;
        padding: 11px 0
    }
}

@media only screen and (max-width:360px) {
    .btn-row .view-plan {
        font-size: 10px
    }
}

.prd-container {
    width: 100%
}

@media only screen and (max-width:640px) {
    .prd-container.nri {
        height: auto;
        display: table
    }
}

@media only screen and (max-width:440px) {
    .prd-container.nri {
        height: auto;
        display: table
    }
}

@media only screen and (max-width:640px) {
    .prd-container {
        width: 100%;
        border-top-left-radius: 32px;
        border-top-right-radius: 32px;
        background: #fff;
        margin-top: 0
    }
}

.txt-part.mobilehide {
    display: block
}

@media only screen and (max-width:1023px) {
    .txt-part.mobilehide {
        display: none !important
    }
}

.prd-row {
    margin: 15px auto 20px;
    width: 100%;
    height: 244px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.prd-row.for_brand_campaign {
    height: 175px;
}
@media only screen and (max-width:640px) {
    .container.prd-container.homeIcons .prd-row.for_brand_campaign {
        height: auto;
        padding: 26px 14px 16px;
        margin: 0;
        display: flex;
        gap: 14px;
        width: 100%;
    }
    .container.prd-container.homeIcons .prd-row.for_brand_campaign .prd-block{
        width: calc(100% / 3 - 10px);
        margin:0px;
    }
    .container.prd-container.homeIcons .prd-row.for_brand_campaign .prd-block .prd-icon.shadowHandler .shadowHandlerBox{
        height: 76px;
        width: 100% !important;
    }
    .container.prd-container.homeIcons .prd-row.for_brand_campaign .prd-block .prd-icon.shadowHandler p{
        width: 100% !important;
      
    }
}
.prd-row.nri {
    height: 284px
}
.prd-row.nri.for_brand_campaign {
    height: 175px
}

.prd-row.rowheight-half.nri {
    margin-bottom: 20px
}

.prd-row.rowheight-half.nri .prd-block {
    width: calc(100% / 7 - 25px);
    margin-right: 25px
}

@media only screen and (max-width:1024px) {
    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block {
        height: 100%
    }
}

@media (max-width:640px) {
    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block {
        height: auto;
        margin-bottom: 0
    }

    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block .prd-icon .light.none.show,
    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block .prd-icon p.none.show {
        display: inline
    }
}

@media only screen and (max-width:568px) {
    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block {
        height: 120px
    }

    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block .prd-icon .light.none.show,
    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block .prd-icon p.none.show {
        display: block
    }
}

.prd-row.rowheight-half.nri .prd-block .investment {
    display: none
}

@media only screen and (max-width:1024px) {
    .prd-row.rowheight-half.nri .prd-block {
        width: calc(100% / 7 - 10px);
        margin-right: 10px
    }

    .prd-row.rowheight-half.nri .prd-block .investment {
        display: none
    }
}

.prd-row.rowheight-half.nri .prd-block p {
    font-size: 14px;
    color: #253858;
    line-height: 18px;
    padding-top: 10px;
    text-align: center
}

@media only screen and (max-width:640px) {
    .prd-row.rowheight-half.nri .prd-block p {
        padding: 6px 0 4px;
        font-size: 12px
    }
}

@media only screen and (max-width:640px) {
    .prd-row.rowheight-half.nri {
        height: auto;
        padding-bottom: 0;
        margin-bottom: 20px
    }

    .prd-row.rowheight-half.nri .prd-block {
        border-radius: 12px;
        width: 30%;
        margin: 1.8% 0;
        width: calc(100% / 3 - 15px);
        margin-right: 10px;
        margin-left: 4px
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon .light,
    .prd-row.rowheight-half.nri .prd-block .prd-icon p {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }
}

@media only screen and (max-width:1024px) {

    .prd-row.rowheight-half.nri .prd-block .prd-icon .light.none,
    .prd-row.rowheight-half.nri .prd-block .prd-icon p.none {
        display: none
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon .light.none.show,
    .prd-row.rowheight-half.nri .prd-block .prd-icon p.none.show {
        display: block
    }
}

@media only screen and (max-width:640px) and (max-width:360px) {

    .prd-row.rowheight-half.nri .prd-block .prd-icon .light,
    .prd-row.rowheight-half.nri .prd-block .prd-icon p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

@media only screen and (max-width:640px) and (max-width:360px) {
    .prd-row.rowheight-half.nri .prd-block .prd-icon p {
        padding: 10px
    }
}

@media only screen and (max-width:640px) {
    .prd-row.rowheight-half.nri .prd-block .prd-icon .icon-bg-new.none {
        display: none
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon i {
        margin: 30px auto 0;
        width: 35px;
        height: 35px
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon i.guaranteed-return-plan {
        background-position: -1px -442px
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon i.csip {
        background-position: -3px -1613px
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon i.retirement-plan {
        background-position: -1px -1445px;
        width: 37px;
        background-size: cover
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon i.investment {
        background-position: -1px -879px;
        display: inline-block
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon .vlight {
        display: none
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon .investment-plans-onecr {
        width: 36px;
        height: 36px
    }

    .prd-row.rowheight-half.nri .prd-block .prd-icon .onecr_font-size {
        color: #0663f6;
        font-size: 12px;
        font-weight: 400;
        padding: 10px 8px;
        height: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .prd-row.rowheight-half.nri .prd-block.mobile {
        display: block;
        width: 50%;
        height: 50px;
        margin: 20px auto;
        background: #f2f7ff;
        border: none
    }
}

@media only screen and (max-width:640px) and (max-width:360px) {
    .prd-row.rowheight-half.nri .prd-block.mobile {
        width: 70%
    }
}

.viewall_prd {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #0065ff;
    border: 1px solid #0065ff;
    border-radius: 50px;
    padding: 12px;
    text-align: center;
    width: 134px;
    margin: 0 auto 30px;
    cursor: pointer
}

@media only screen and (max-width:640px) {
    .viewall_prd {
        margin: 0 auto
    }
}

@media only screen and (max-width:640px) {
    .prd-row.rowheight-half.nri .prd-block.mobile .prd-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .prd-row.rowheight-half.nri .prd-block.mobile .prd-icon i {
        margin: 0 10px 0 0
    }

    .prd-row.rowheight-half.nri .prd-block.mobile .prd-icon i.vap {
        background-image: url("../../images/home/more-prd-icon.svg");
        background-position: 0 0;
        background-size: 97%;
        width: 24px;
        height: 24px
    }

    .prd-row.rowheight-half.nri .prd-block.mobile .prd-icon p {
        padding: 0;
        color: #0065ff;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .36
    }

    .prd-row.rowheight-half.nri .mob-btn {
        display: none
    }
}

.main-container .container.nri .prd-row.rowheight-half.nri .prd-block {
    height: 55%
}

@media (max-width:640px) {
    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block {
        height: auto
    }

    .main-container .container.nri .prd-row.rowheight-half.nri .prd-block.mobile {
        height: 50px !important
    }
}

.prd-row.rowheight-half .prd-block .prd-icon i {
    margin: 0 auto;
    display: block
}

.prd-row.rowheight-half .prd-block p {
    font-size: 10px;
    font-weight: 500
}

.prd-row.rowheight-half .prd-block p .light {
    font-weight: 400;
    display: inline
}

.prd-row.rowheight-half .prd-block p .light.none {
    display: block
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),
(max-width:1024px) {
    .prd-row.rowheight-half .prd-block p .light.none {
        display: none
    }
}

.prd-row.rowheight-half .prd-block p .vlight {
    font-weight: 300;
    font-size: 9px;
    display: block
}

.prd-row.rowheight-half .prd-block p br {
    display: none
}

.prd-row.rowheight-half .prd-block p.blockbr br {
    display: block
}

.prd-row.rowheight-half .prd-block p.blockbr.highlighter {
    display: flex;
    flex-direction: column;
    text-align: center
}

.prd-row.rowheight-half .prd-block p.blockbr.highlighter .hi-light {
    background: #b6f4b4;
    width: 70%;
    margin: 0 auto 0;
    font-size: 10px;
    font-weight: 400;
    padding: 2px 5px;
    border-radius: 20px
}

@media (max-width:1024px) {
    .prd-row.rowheight-half .prd-block p.blockbr.highlighter .hi-light {
        position: absolute;
        top: -10px;
        width: 90%;
        margin: 0 auto;
        font-size: 9;
        left: 0;
        right: 0;
        padding: 0 5px
    }
}

@media (max-width:320px) {
    .prd-row.rowheight-half .prd-block p.blockbr.highlighter .hi-light {
        width: 100%
    }
}

.prd-row.rowheight-half .prd-block .view-all-prd p br {
    display: block
}

@media only screen and (max-width:640px) {
    .prd-row.rowheight-half .prd-block .view-all-prd p br {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .prd-row {
        margin: 15px 5px 30px 10px;
        width: calc(100% - 10px)
    }
}

@media only screen and (max-width:640px) {
    .prd-row {
        height: auto;
        padding: 10px 0 24px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:1024px) {
    .container.prd-container.nri.homeIconsNri.slidedown>.prd-row {
        margin: 65px 5px 30px 10px;
        width: calc(100% - 10px)
    }
}

.prd-row .prd-block {
    position: relative;
    width: calc(100% / 7 - 40px);
    height: 50%;
    margin-right: 45px;
    cursor: pointer
}

.prd-row .prd-block.mrtop20 {
    margin-top: 20px
}

@media (max-width:1140px) {
    .prd-row .prd-block {
        width: calc(100% / 7 - 24px);
        margin-right: 28px
    }
}

.prd-row .prd-block.show-small {
    display: none
}

.prd-row .prd-block:nth-child(7n) {
    margin-right: 0
}

@media only screen and (max-width:1024px) {
    .prd-row .prd-block {
        margin-right: 10px;
        width: calc(100% / 7 - 10px)
    }
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block {
        margin-right: 0;
        width: 25%;
        height: auto;
        text-align: center
    }

    .prd-row .prd-block.show-small {
        display: inline-block
    }

    .prd-row .prd-block.mrtop20 {
        margin-top: 0
    }

    .prd-row .prd-block.mrtop20.mobile {
        display: none
    }
}

.prd-row .prd-block a {
    text-decoration: none
}

.prd-row.nri .prd-block .prd-icon {
    background-color: #f2f7ff;
    width: 100%;
    height: 82px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative
}

.prd-row.nri .prd-block .prd-icon .hi-light {
    position: absolute;
    font-size: 9px;
    text-align: center;
    background: #8ae0ff;
    letter-spacing: .016em;
    width: 100%;
    border-radius: 8px 8px 0 0;
    padding: 2px 0;
    top: 0;
    color: #253858
}

.prd-row.nri .prd-block .prd-icon .hi-light.blue {
    background: #d9f3f3
}

.prd-row.nri .prd-block .prd-icon .hi-light.purple {
    background: #e4d9f3
}

.prd-row.nri .prd-block .prd-icon .hi-light.orange {
    background: #ffe0a7
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),
(max-width:1024px) {
    .prd-row.nri .prd-block .prd-icon {
        width: 100%
    }
}

.prd-row .prd-block .prd-icon.short {
    height: calc(100% - 20px);
    -webkit-transition: all .6s ease-in;
    transition: all .6s ease-in
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon.short {
        height: auto;
        position: relative
    }
}

@media only screen and (max-width:1024px) {
    .prd-row .prd-block .prd-icon .guaranteed-return-plan+p br {
        display: none
    }
}

.prd-row .prd-block .prd-icon i {
    width: 28px;
    height: 30px;
    display: inline-block;
    margin: 20px 0 0 0;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i {
        width: 24px;
        height: 24px
    }
}

.prd-row .prd-block .prd-icon i.term-life {
    background-position: 0 3.3%
}

.prd-row .prd-block .prd-icon i.term-life img {
    display: none
}

.prd-row .prd-block .prd-icon i.term-life.bgnone img {
    width: 120%;
    position: relative;
    top: 4px;
    display: block
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.term-life {
        background-position: 0 19.7%
    }
}

.prd-row .prd-block .prd-icon i.retirement-plan {
    background-position: -3px -1272px;
    background-size: 120%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.retirement-plan {
        background-position: -3px -1127px;
        background-size: 120%
    }
}

.prd-row .prd-block .prd-icon i.lacs_25_insurance {
    background-position: -3px -1232px;
    background-size: 120%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.lacs_25_insurance {
        background-position: -3px -1002px;
        background-size: 130%
    }
}

.prd-row .prd-block .prd-icon i.annuity_plans {
    background-position: 0 -1431px;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.annuity_plans {
        background-position: 0 -1266px;
        background-size: 100%
    }
}

.prd-row .prd-block .prd-icon i.health-insurance {
    background-position: 0 4.9%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.health-insurance {
        background-position: 0 21.3%
    }
}

.prd-row .prd-block .prd-icon i.car-insurance {
    background-position: 0 6.5%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.car-insurance {
        background-position: 0 22.9%
    }
}

.prd-row .prd-block .prd-icon i.two-wheeler-insurance {
    background-position: 0 8.2%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.two-wheeler-insurance {
        background-position: 0 24.6%
    }
}

.prd-row .prd-block .prd-icon i.investment-plans {
    background-position: 0 9.8%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.investment-plans {
        background-position: 0 26.2%
    }
}

.prd-row .prd-block .prd-icon i.travel-insurance {
    background-position: 0 11.4%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.travel-insurance {
        background-position: 0 27.8%
    }
}

.prd-row .prd-block .prd-icon i.commercial-vehicle {
    background-position: 0 71.3%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.commercial-vehicle {
        background-position: 0 29.5%
    }
}

.prd-row .prd-block .prd-icon i.group-insurance {
    background-position: -1px 0;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.group-insurance {
        background-position: 0 -44px;
        background-size: 100%
    }
}

.prd-row .prd-block .prd-icon i.guaranteed-return-plan {
    background-position: -1px -308px;
    background-size: 130%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.guaranteed-return-plan {
        background-position: -1px -303px;
        background-size: 130%
    }
}

@media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:2),
screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi) {
    .prd-row .prd-block .prd-icon i.guaranteed-return-plan {
        background-position: -3px -306px
    }
}

.prd-row .prd-block .prd-icon i.home {
    background-position: 0 31.1%;
    background-size: 100%
}

.prd-row .prd-block .prd-icon i.family-health-insurance {
    background-position: -1px -877px;
    background-size: 110%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.family-health-insurance {
        background-position: -3px -82px;
        background-size: 130%
    }
}

.prd-row .prd-block .prd-icon i.rop {
    background-position: 0 -1132px;
    background-size: 100%
}

.prd-row .prd-block .prd-icon i.onecr {
    background-position: 0 -463px;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.onecr {
        background-position: -4px -1036px;
        background-size: 130%
    }
}

.prd-row .prd-block .prd-icon i.nwsp {
    background-position: 0 -433px;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.nwsp {
        background-position: -2px -348px;
        background-size: 130%
    }
}

.prd-row .prd-block .prd-icon i.sjb {
    background-position: 0 -1240px
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.sjb {
        background-position: 0 -1032px;
        background-size: 100%
    }
}

.prd-row .prd-block .prd-icon i.csip {
    background-position: 0 -503px;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.csip {
        background-position: -3px -1105px;
        background-size: 130%
    }
}

.prd-row .prd-block .prd-icon i.tsi {
    background-position: 0 -543px;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.tsi {
        background-position: -2px -386px;
        background-size: 130%
    }
}

.prd-row .prd-block .prd-icon i.ghi {
    background-position: 0 -582px;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.ghi {
        background-position: 0 -534px;
        background-size: 100%
    }
}

.prd-row .prd-block .prd-icon i.ti {
    background-position: 0 -677px;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.ti {
        background-position: -5px -966px;
        background-size: 130%
    }
}

.prd-row .prd-block .prd-icon i.vap {
    background-position: 0 -725px;
    background-size: 100%
}

.prd-row .prd-block .prd-icon i.none {
    background: 0 0;
    position: relative
}

.prd-row .prd-block .prd-icon i .investment-plans-onecr {
    background: url(../../images/svg/star-new-color.svg?v=2) no-repeat;
    background-size: cover;
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    background-position: center center;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i .investment-plans-onecr {
        background: url(../../images/svg/star-new-no-color.svg?v=2) no-repeat;
        background-size: 100%
    }
}

.prd-row .prd-block .prd-icon i .onecr_font-size {
    font-size: 8px;
    color: #253858;
    padding: 11px 7px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-style: normal;
    font-weight: 600;
    line-height: 8px
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i .onecr_font-size {
        display: block;
        color: #0663f6;
        font-size: 8px;
        font-weight: 600;
        padding: 10px 8px
    }
}

.prd-row .prd-block .prd-icon i #rotate {
    -webkit-animation: rotation 8s infinite linear
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

.prd-row .prd-block .prd-icon i.child-saving {
    background-position: 0 32.78%;
    background-size: 100%
}

.prd-row .prd-block .prd-icon i.arogya-sanjeevani {
    background-position: 0 34.5%;
    background-size: 100%
}

.prd-row .prd-block .prd-icon i.rop {
    background-position: 0 -1132px;
    background-size: 100%
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon i.rop {
        background-position: 0 -999px
    }
}

.prd-row .prd-block .prd-icon i.see-more {
    background-position: 0 37.7%;
    background-size: 100%
}

.prd-row .prd-block .prd-icon p {
    font-size: 12px;
    color: #253858;
    line-height: 16px;
    padding-top: 12px
}

.prd-row .prd-block .prd-icon p .mobilehide {
    display: inline
}

@media only screen and (max-width:1024px) {
    .prd-row .prd-block .prd-icon p .mobilehide {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .prd-row .prd-block .prd-icon p {
        font-size: 12px
    }
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .prd-icon p {
        padding-top: 8px
    }
}

.prd-row .prd-block .prd-icon p.small {
    font-size: 9px;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:1024px) {
    .prd-row .prd-block .prd-icon p.small {
        font-size: 9px
    }
}

@media only screen and (max-width:360px) {
    .prd-row .prd-block .prd-icon p.small {
        font-size: 8px
    }
}

.prd-row .prd-block .cover {
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #edf1f7;
    height: 26px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-align: center
}

.prd-row .prd-block .new-highlight {
    width: 103%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #57d9a3;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    text-align: center;
    color: #fff;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .cover {
        position: relative;
        background: #49cc76;
        height: auto;
        border-radius: 4px;
        display: inline-block;
        width: auto
    }

    .prd-row .prd-block .cover.set-orange {
        background: #ee9f48
    }

    .prd-row .prd-block .cover.arogya {
        position: relative;
        background: #806bef;
        height: auto;
        border-radius: 4px;
        display: inline-block;
        width: auto
    }
}

.prd-row .prd-block .cover p.covid {
    color: #0065ff;
    font-size: 10px;
    margin: 10px 0 0 0;
    font-weight: 500
}

.prd-row .prd-block .cover p.covid.set-orange {
    color: #ee9f48
}

.prd-row .prd-block .cover p.covid.set-orange::before {
    background: #ee9f48 !important
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .cover p.covid.set-orange {
        color: #fff
    }
}

.prd-row .prd-block .cover p.covid::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0065ff;
    content: '';
    display: inline-block;
    margin-right: 5px
}

@media only screen and (max-width:1024px) {
    .prd-row .prd-block .cover p.covid {
        font-size: 9px
    }

    .prd-row .prd-block .cover p.covid::before {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .cover p.covid {
        color: #fff
    }

    .prd-row .prd-block .cover p.covid {
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto;
        padding: 2px 4px;
        font-size: 8px;
        margin: 0
    }
}

.prd-row .prd-block .cover p.new {
    color: #ba00ff;
    border-radius: 8px;
    font-size: 10px;
    margin: 10px 0 0 0;
    font-weight: 500
}

.prd-row .prd-block .cover p.new::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ba00ff;
    content: '';
    display: inline-block;
    margin-right: 5px
}

@media only screen and (max-width:1024px) {
    .prd-row .prd-block .cover p.new {
        font-size: 9px
    }
}

@media only screen and (max-width:640px) {
    .prd-row .prd-block .cover p.new {
        background: #806bef
    }

    .prd-row .prd-block .cover p.new {
        font-size: 7px;
        color: #fff;
        margin: 0;
        padding: 2px 4px
    }

    .prd-row .prd-block .cover p.new::before {
        display: none
    }
}

.prd-row .prd-block:last-child {
    margin-right: 0
}

.prd-row .mob-btn {
    display: none
}

@media only screen and (max-width:640px) {
    .prd-row .mob-btn {
        display: block;
        margin: 30px 16px 0 16px;
        width: 100%
    }

    .prd-row .mob-btn a.left-btn {
        background: #f2f7ff;
        display: inline-block;
        color: #0065ff;
        font-size: 12px;
        padding: 8px 0;
        text-align: center;
        text-decoration: none;
        border-top-left-radius: 8px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 8px;
        width: calc(50% - 4px);
        display: inline-block
    }

    .prd-row .mob-btn a.left-btn.right-btn {
        margin-right: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 0
    }

    .prd-row .mob-btn a.left-btn i {
        width: 22px;
        height: 22px;
        margin-right: 8px;
        border: 1px solid #f2f7ff;
        display: inline-block;
        vertical-align: middle;
        background-size: 100%;
        background-position: 0 60.8%
    }

    .prd-row .mob-btn a.left-btn i.claim {
        background-position: 0 62.4%
    }
}

@media only screen and (max-width:640px) {
    .more-products {
        display: none
    }
}

.more-products p {
    color: #0065ff;
    font-size: 12px;
    margin-bottom: 12px;
    font-weight: 500;
    margin-top: 15px
}

@media only screen and (max-width:1024px) {
    .more-products p {
        margin-top: 45px
    }
}

.more-products .prd-links {
    margin: 0 0 10px 0;
    padding: 0
}

.more-products .prd-links a {
    color: #253858;
    background: #fff;
    font-size: 14px;
    padding: 11px 12px;
    margin: 0 12px 16px 0;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    -webkit-box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.more-products {
    margin-top: 90px
}

.more-products .prd-links a span.term {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #998dd9;
    padding-bottom: 3px;
    position: relative
}

.more-products .prd-links a span.bi {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #00b8d9;
    padding-bottom: 3px;
    position: relative
}

.more-products .prd-links a span.bi::before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    content: '';
    background: #00b8d9;
    margin: -3px 3px 0 1px;
    vertical-align: middle
}

.more-products .prd-links a span.term::before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    content: '';
    background: #998dd9;
    margin: -3px 3px 0 1px;
    vertical-align: middle
}

.more-products .prd-links a span.health {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #ff9a9a;
    padding-bottom: 3px;
    position: relative
}

.more-products .prd-links a span.health::before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    content: '';
    background: #ff9a9a;
    margin: -3px 3px 0 1px;
    vertical-align: middle
}

.more-products .prd-links a span.investment {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #ffbb79;
    padding-bottom: 3px;
    position: relative
}

.more-products .prd-links a span.investment::before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    content: '';
    background: #ffbb79;
    margin: -3px 3px 0 1px;
    vertical-align: middle
}

.more-products .prd-links a span.motor {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #88bcf0;
    padding-bottom: 3px;
    position: relative
}

.more-products .prd-links a span.motor::before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    content: '';
    background: #88bcf0;
    margin: -3px 3px 0 1px;
    vertical-align: middle
}

.more-products .prd-links a span.others {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #6b778c;
    padding-bottom: 3px;
    position: relative
}

.more-products .prd-links a span.others::before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    content: '';
    background: #6b778c;
    margin: -3px 3px 0 1px;
    vertical-align: middle
}

.more-products .prd-links a:hover {
    -webkit-box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16)
}

.more-products .prd-links a.view-all {
    color: #0065ff;
    position: relative;
    padding: 13px 16px;
    vertical-align: top
}

.more-products .prd-links a.view-all span {
    vertical-align: middle
}

.more-products .prd-links a.view-all::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e8f1ff
}

.more-products .prd-links a.view-all::after {
    content: '+';
    color: #0065ff;
    position: absolute;
    left: 24px;
    top: 15px;
    font-size: 16px;
    font-weight: 100
}

.home-banner {
    width: 100%;
    background: #f2f7ff;
    padding: 34px 0 0
}

.home-banner .container {
    padding-bottom: 34px
}

.home-banner .slick-slide {
    height: auto
}

.home-banner .slick-slide:last-child() {
    margin-right: 0
}

.home-banner .slick-slide img {
    width: calc(100% - 10px)
}

@media only screen and (max-width:640px) {
    .home-banner .slick-slide img {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (max-width:568px) {
    .home-banner .slick-slide img {
        width: 96%;
        margin: 0 auto
    }
}

.home-banner .slick-dots {
    bottom: -20px
}

@media (max-width:1023px) {
    .home-banner {
        background: #fff;
        padding: 16px 0 24px
    }
}

@media only screen and (max-width:640px) {
    .home-banner {
        background: #fff;
        padding: 16px 0 24px
    }
}

.blk-prd {
    background: #f2f7ff;
    padding: 32px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blk-prd.featurebox {
    padding: 32px 0 20px
}

.blk-prd a {
    text-decoration: none;
    display: inline-block;
    margin: 0 0 0 16px;
    height: auto
}

.blk-prd a.mobileVideothum.onecr,
.blk-prd a.mobileVideothum.sjb {
    display: none
}

.newterm_icon {
    margin-left: 5px;
    margin-top: 6px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape),
(max-width:1024px) {

    .blk-prd a.mobileVideothum.onecr,
    .blk-prd a.mobileVideothum.sjb {
        display: block
    }

    .newterm_icon {
        margin-left: 5px;
        margin-top: 16px;
        width: 75%
    }
}

.blk-prd a:first-child {
    margin: 0
}

@media (max-width:480px) {
    .blk-prd a {
        margin: 0 10px;
        display: block;
        width: calc(100% - 20px)
    }

    .blk-prd a:first-child {
        margin: 0 10px
    }
}

@media (max-width:320px) {
    .blk-prd a {
        margin: 0 5px;
        display: block;
        width: calc(100% - 10px)
    }

    .blk-prd a:first-child {
        margin: 0 5px
    }
}

@media (max-width:1023px) {
    .blk-prd {
        background: #fff
    }
}

@media only screen and (max-width:640px) {
    .blk-prd {
        padding: 0 0 16px 0;
        background: #fff
    }
}

.blk-prd .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.blk-prd .container.featurebanner {
    padding-bottom: 32px
}

.blk-prd .container::-webkit-scrollbar {
    width: 0;
    height: 0
}

.blk-prd .container .blank {
    display: none
}

@media only screen and (max-width:1024px) {
    .blk-prd .container {
        width: 94%;
        margin: 0 auto
    }

    .blk-prd .container .blank {
        display: inline-block
    }
}

@media only screen and (max-width:768px) {
    .blk-prd .container .blank {
        display: inline-block
    }
}

@media (max-width:480px) {
    .blk-prd .container {
        width: 90%;
        margin: 0 auto;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.blk-prd .container .prd-bg {
    border-radius: 18px;
    min-width: 360px;
    height: 200px;
    overflow: hidden;
    cursor: pointer
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg {
        min-width: 294px;
        height: 170px
    }
}

@media (max-width:480px) {
    .blk-prd .container .prd-bg {
        min-width: 100%;
        height: 170px;
        width: 100%;
        display: block
    }
}

.blk-prd .container .prd-bg:first-child {
    margin-left: 0
}

.blk-prd .container .prd-bg.health-insurance {
    background: #7080fa url(../../images/home-v1/health-insurance-bg.png) right -1px top no-repeat;
    background-size: 196px
}

.blk-prd .container .prd-bg.health-insurance.parental {
    background: #beacff url(../../images/home-v1/health-bg.png) right -1px top no-repeat;
    background-size: 100%
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.health-insurance {
        background-size: 166px
    }
}

.blk-prd .container .prd-bg.irdai {
    background: #7080fa url(../../images/home-v1/irdai-bg.png) right -1px top no-repeat;
    background-size: cover
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.irdai {
        background-size: cover
    }
}

.blk-prd .container .prd-bg.investment-plans {
    background: #4fdc95 url(../../images/home-v1/investment-plans-bg.png) right -1px top no-repeat;
    background-size: 356px
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.investment-plans {
        background-size: 306px
    }
}

.blk-prd .container .prd-bg.child-plans {
    background: #4fdc95 url(../../images/home-v1/investment-plans-bg.png) right -1px top no-repeat;
    background-size: 356px
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.child-plans {
        background-size: 306px
    }
}

.blk-prd .container .prd-bg.home-insurance {
    background: #3cbbda url(../../images/home-v1/health-insurance-bg.png) right -1px top no-repeat;
    background-size: 196px
}

.blk-prd .container .prd-bg.how-buy-insurance {
    background: url(../../images/home-v1/how-buy-health-insurance-3.png) right -1px top no-repeat;
    background-size: contain;
    height: 200px
}

@media screen and (max-width:1024px) {
    .blk-prd .container .prd-bg.how-buy-insurance {
        height: 170px;
        background: url(../../images/home-v1/how-buy-health-insurance-3-mobile.png) no-repeat center/contain
    }
}

.blk-prd .container .prd-bg.sipcal {
    background: url(../../images/home-v1/sipcal.png) right -1px top no-repeat;
    background-size: contain;
    height: 200px
}

@media screen and (max-width:1024px) {
    .blk-prd .container .prd-bg.sipcal {
        height: 170px;
        background: url(../../images/home-v1/sipcal.png) no-repeat center/contain
    }
}

.blk-prd .container .prd-bg.health-banner {
    background: url(../../images/home-v1/health-banner-alb.png) right -1px top no-repeat;
    background-size: contain;
    height: 200px
}

@media screen and (max-width:1024px) {
    .blk-prd .container .prd-bg.health-banner {
        height: 170px;
        background: url(../../images/home-v1/health-banner-alb.png) no-repeat center/contain
    }
}

.blk-prd .container .prd-bg.asset_banner {
    background: url(../../images/home-v1/assets-management.png) right -1px top no-repeat;
    background-size: contain;
    height: 200px
}

@media screen and (max-width:1024px) {
    .blk-prd .container .prd-bg.asset_banner {
        height: 170px;
        background: url(../../images/home-v1/assets-management.png) no-repeat center/contain
    }
}

.blk-prd .container .prd-bg.home-insurance {
    background: #3cbbda url(../../images/home-v1/health-insurance-bg.png) right -1px top no-repeat;
    background-size: 196px
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.home-insurance {
        background-size: 166px
    }
}

.blk-prd .container .prd-bg.pbaskci {
    background: #ff9898 url(../../images/home-v1/health-insurance-bg.png) right -1px top no-repeat;
    background-size: 196px
}

.blk-prd .container .prd-bg.onestop {
    background: url(../../images/home/one-stop-for-all.png) right -1px top no-repeat;
    background-size: cover
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.onestop {
        background-size: cover
    }
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.pbaskci {
        background-size: 100%
    }
}

.blk-prd .container .prd-bg .block-data .left-container {
    margin: 16px 0 0 16px;
    position: relative
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon {
    width: 110px;
    height: 70px;
    position: absolute;
    top: 0;
    right: -10px;
    background: url(../../images/home/float-icons.png?v=1) no-repeat;
    background-size: 90%;
    -webkit-transition: ease all 1s;
    transition: ease all 1s
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.irdai {
    background: url(../../images/home/irdai-write.svg) no-repeat;
    right: 0
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.parents-icon {
    background: url(../../images/home-v1/health-illustration.svg) no-repeat;
    right: -22px;
    top: 0
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.irdai {
    background: url(../../images/home/irdai-write.svg) no-repeat;
    right: 0
}

.blk-prd .container .prd-bg.irdai .block-data .left-container .icon.icon-bg {
    background: url(../../images/home/mygov.png) no-repeat;
    width: 71px;
    height: 35px
}

.blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .invfundData {
    font-size: 20px
}

.blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .invfundData strong {
    font-size: 28px
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .invfundData strong {
        font-size: 21px
    }
}

.blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .content-child:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .content-child .content-date span {
    color: #fff;
    font-size: 16px;
    line-height: 33px
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .content-child .content-date span {
        font-size: 13px;
        line-height: normal
    }
}

.blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .content-child .content-link {
    background: #fff;
    border-radius: 50px;
    padding: 1px 21px;
    display: inline-block;
    margin-right: 9px
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .content-child .content-link {
        padding: 5px 14px
    }
}

.blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .content-child .content-link .link-text {
    font-size: 14px;
    line-height: 33px;
    font-weight: 500;
    color: #0065ff;
    display: inline-block;
    position: relative
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .content-child .content-link .link-text {
        font-size: 13px;
        line-height: normal
    }
}

.blk-prd .container .prd-bg.irdai .block-data .left-container .content-parent .content-child .content-link .link-text::after {
    content: "";
    border: solid #0065ff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top;
    transform-origin: top
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.health-insurance {
    background-position: 0 0;
    background: url("../../images/home-v1/heart-icon-health-insurance.svg") no-repeat 0 0;
    width: 90px;
    transform: rotate(25deg);
    top: 4px
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.investment-plan {
    background-position: 0 -85px
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.home-insurance {
    background-position: 0 -170px
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.askpb-insurance {
    background-position: 0 -235px
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.child-insurance {
    background-position: 0 -308px
}

.blk-prd .container .prd-bg .block-data .left-container span.float-icon.term-plan {
    background-position: 0 -448px
}

.blk-prd .container .prd-bg .block-data .left-container span.icon {
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: 0 14.7%;
    margin-bottom: 5px
}

.blk-prd .container .prd-bg .block-data .left-container span.icon.investment-plans {
    background-position: 0 16.4%
}

.blk-prd .container .prd-bg .block-data .left-container span.icon.home-insurance {
    background-position: 0 18.1%
}

.blk-prd .container .prd-bg .block-data .left-container span.icon.pbaskci {
    background-position: 0 0;
    background: url("../../images/svg/askpb_fevicon.svg") no-repeat;
    background-size: 100%
}

.blk-prd .container .prd-bg .block-data .left-container p.head {
    font-size: 10px;
    color: #fff
}

.blk-prd .container .prd-bg .block-data .copy {
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    padding-top: 16px;
    font-weight: 400
}

.blk-prd .container .prd-bg .block-data .copy.mr0 {
    margin: 0;
    padding: 0
}

.blk-prd .container .prd-bg .block-data .copy .yellow {
    color: #f6b042
}

.blk-prd .container .prd-bg .block-data .copy span {
    font-weight: 700
}

.blk-prd .container .prd-bg .block-data .copy span.large-text {
    font-size: 28px;
    line-height: 40px
}

@media (max-width:768px) {
    .blk-prd .container .prd-bg .block-data .copy span.large-text {
        font-size: 22px;
        line-height: 30px
    }
}

@media (max-width:1140px) {
    .blk-prd .container .prd-bg .block-data .copy {
        font-size: 18px;
        line-height: 24px
    }
}

.blk-prd .container .prd-bg .block-data .copyWrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.blk-prd .container .prd-bg .block-data .copyWrp .text {
    width: 50%;
    margin-right: 5%
}

@media (max-width:320px) {
    .blk-prd .container .prd-bg .block-data .copyWrp .text {
        margin-right: 0
    }
}

.blk-prd .container .prd-bg .block-data .copyWrp .text.lp {
    padding: 0 0 0 15px
}

.blk-prd .container .prd-bg .block-data .copyWrp .text .copy {
    font-size: 12px;
    line-height: 18px
}

.blk-prd .container .prd-bg .block-data .copyWrp .text .copy span {
    font-size: 15px;
    margin-top: 5px;
    display: block;
    line-height: 20px
}

.blk-prd .container .prd-bg .block-data .copyWrp .vdposter {
    width: 45%;
    padding-right: 10px
}

@media (max-width:320px) {
    .blk-prd .container .prd-bg .block-data .copyWrp .vdposter {
        width: 50%
    }
}

.blk-prd .container .prd-bg .block-data .copyWrp .vdposter .ps {
    width: 120px;
    height: 115px;
    text-indent: -5000px;
    float: right;
    background: #ccc;
    position: relative;
    top: -15px
}

.blk-prd .container .prd-bg .block-data .copyWrp .vdposter .ps.sjb {
    background: url("../../images/home/m-sjb-thumb.png") no-repeat 0 0;
    background-size: 100%
}

.blk-prd .container .prd-bg .block-data .copyWrp .vdposter .ps.onecr {
    background: url("../../images/home/m-onecr-thumb.png") no-repeat 0 0;
    background-size: 100%
}

.blk-prd .container .prd-bg .block-data .copyWrp .vdposter .ps:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    right: 0;
    left: 0;
    background: url(../../images/home/white-play-icon.svg) no-repeat;
    top: 50%;
    background-size: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.best-place {
    background: url(../../images/home-v1/left-bg.png) left top no-repeat, url(../../images/home-v1/right-bg.png) right top no-repeat;
    min-height: 510px
}

@media only screen and (max-width:1024px) {
    .best-place {
        background: #fff;
        min-height: auto
    }
}

@media (max-width:1023px) {
    .best-place {
        background: #f5f6fc;
        min-height: auto
    }
}

@media only screen and (max-width:640px) {
    .best-place {
        background: #f5f6fc;
        min-height: auto
    }
}

.best-place .container {
    margin: 0 auto
}

@media (max-width:1023px) {
    .best-place .container {
        width: 100%;
        padding-bottom: 20px
    }
}

@media only screen and (max-width:640px) {
    .best-place .container {
        padding-bottom: 0
    }
}

.best-place .container .left-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    padding-bottom: 26px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.best-place .container .left-block::-webkit-scrollbar {
    width: 0;
    height: 0
}

.best-place .container .left-block .txt-block {
    font-size: 32px;
    width: 40%;
    color: #253858;
    line-height: 54px;
    font-weight: 300;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 110px;
    margin-left: 50px;
    opacity: .5;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.best-place .container .left-block .txt-block .hide-big {
    display: none
}

@media (max-width:1140px) {
    .best-place .container .left-block .txt-block {
        font-size: 32px;
        line-height: 46px
    }
}

@media only screen and (max-width:1024px) {
    .best-place .container .left-block .txt-block {
        margin-top: 40px;
        margin-left: 0;
        opacity: 1
    }
}

@media (max-width:1023px) {
    .best-place .container .left-block .txt-block {
        font-size: 24px;
        line-height: 32px;
        margin-left: 16px;
        width: 240px
    }
}

@media only screen and (max-width:768px) {
    .best-place .container .left-block .txt-block .hide-big {
        display: block
    }
}

.best-place .container .left-block .txt-block span {
    font-weight: 500
}

.best-place .container .left-block .txt-block.opacity-1 {
    opacity: 1;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    margin-left: 0
}

@media (max-width:1023px) {
    .best-place .container .left-block .txt-block.opacity-1 {
        margin-left: 16px
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .left-block .txt-block {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .left-block .txt-block {
        margin-top: 20px;
        margin-left: 0;
        opacity: 1;
        width: calc(53% + 10px);
        margin-left: 10px
    }

    .best-place .container .left-block .txt-block.opacity-1 {
        margin-left: 16px
    }
}

@media only screen and (max-width:1024px) {
    .best-place .container .left-block {
        padding-bottom: 0
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .left-block {
        padding-bottom: 0
    }
}

.best-place .container .right-block {
    width: 60%;
    text-align: right;
    margin-top: 80px;
    padding-right: 10px;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

@media (max-width:1023px) {
    .best-place .container .right-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        opacity: 1;
        width: calc(100% - 240px);
        scrollbar-width: none
    }

    .best-place .container .right-block::-webkit-scrollbar {
        width: 0;
        height: 0
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .right-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        opacity: 1;
        width: 47%;
        scrollbar-width: none
    }

    .best-place .container .right-block::-webkit-scrollbar {
        width: 0;
        height: 0
    }
}

.best-place .container .right-block.top-0 {
    margin-top: 0;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    opacity: 1
}

.best-place .container .right-block .info-box {
    width: 200px;
    vertical-align: top;
    background: #fff;
    margin: 40px 48px 0 0;
    height: 180px;
    text-align: left;
    display: inline-block;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    position: relative;
    left: 0;
    overflow: hidden
}

.best-place .container .right-block .info-box.fadeIn {
    opacity: 1;
    left: 0;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

@media (max-width:1023px) {
    .best-place .container .right-block .info-box {
        min-width: 140px;
        margin-right: 16px;
        margin-bottom: 0
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .right-block .info-box {
        min-width: 140px;
        margin-right: 16px;
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.best-place .container .right-block .info-box span.top-icon {
    width: 24px;
    height: 24px;
    margin: 16px;
    display: inline-block;
    background: url("../../images/home-v1/best-place-icons.png") no-repeat;
    background-size: 100%
}

.best-place .container .right-block .info-box p.head {
    font-size: 18px;
    font-weight: 600;
    color: #2d3cd9;
    padding: 0 16px 0
}

.best-place .container .right-block .info-box p.copy {
    font-size: 14px;
    line-height: 21px;
    color: #253858;
    padding: 10px 11px 0 16px
}

@media (max-width:980px) {
    .best-place .container .right-block .info-box p.copy {
        font-size: 12px;
        line-height: 16px
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .right-block .info-box p.copy {
        font-size: 12px;
        opacity: .6;
        line-height: 16px
    }
}

.best-place .container .right-block .info-box::before {
    content: '';
    position: absolute;
    left: -2;
    top: 0;
    height: 100%;
    width: 4px;
    background: #2d3cd9
}

.best-place .container .right-block .info-box.insurer {
    margin: 64px 40px 0 0
}

.best-place .container .right-block .info-box.insurer span.top-icon {
    background-position: 0 -34px
}

.best-place .container .right-block .info-box.insurer::before {
    background: #0bbdf2
}

.best-place .container .right-block .info-box.insurer p.head {
    color: #0bbdf2
}

@media (max-width:1023px) {
    .best-place .container .right-block .info-box.insurer {
        margin: 40px 16px 0 0
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .right-block .info-box.insurer {
        margin: 20px 16px 0 0
    }
}

.best-place .container .right-block .info-box.lowest-price {
    margin: 24px 0 0 0
}

.best-place .container .right-block .info-box.lowest-price span.top-icon {
    background-position: 0 -68px
}

.best-place .container .right-block .info-box.lowest-price::before {
    background: #47d990
}

.best-place .container .right-block .info-box.lowest-price p.head {
    color: #47d990
}

@media (max-width:1023px) {
    .best-place .container .right-block .info-box.lowest-price {
        margin: 40px 16px 20px 0
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .right-block .info-box.lowest-price {
        margin: 20px 16px 20px 0
    }
}

.best-place .container .right-block .info-box.claims {
    margin: 46px 0 20px 48px
}

.best-place .container .right-block .info-box.claims span.top-icon {
    background-position: 0 -102px
}

.best-place .container .right-block .info-box.claims::before {
    background: #ffc400
}

.best-place .container .right-block .info-box.claims p.head {
    color: #ffc400
}

@media (max-width:1023px) {
    .best-place .container .right-block .info-box.claims {
        margin: 40px 16px 0 0
    }
}

@media only screen and (max-width:640px) {
    .best-place .container .right-block .info-box.claims {
        margin: 20px 16px 0 0
    }
}

.more-prd-base {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #253858;
    opacity: .7
}

.more-prd-base.show {
    display: block
}

.renew-prd-blk {
    position: fixed;
    display: none;
    top: 110%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1000px;
    height: auto;
    min-height: 150px;
    z-index: 999999;
    background: #fff;
    border-radius: 8px
}

@media only screen and (max-width:1024px) {
    .renew-prd-blk {
        width: 100%;
        height: 425px;
        display: block;
        top: 110%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border-top-left-radius: 32px;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.renew-prd-blk.show1 {
    bottom: 0;
    top: auto;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.renew-prd-blk p.heading {
    padding: 27px 0 0 32px;
    font-size: 24px;
    color: #253858;
    font-weight: 500;
    display: inline-block
}

@media only screen and (max-width:1024px) {
    .renew-prd-blk p.heading {
        padding: 26px 0 0 24px;
        font-size: 20px
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk p.heading {
        padding: 26px 0 0 24px;
        font-size: 20px
    }
}

.renew-prd-blk .close {
    background: #dfe1e6;
    width: 36px;
    height: 36px;
    position: relative;
    float: right;
    border-radius: 50%;
    margin: 20px 32px 0 0;
    cursor: pointer
}

@media (max-width:1023px) {
    .renew-prd-blk .close {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close {
        display: none
    }
}

.renew-prd-blk .close:after {
    content: '';
    height: 20px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
    top: 8px
}

@media (max-width:1023px) {
    .renew-prd-blk .close:after {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close:after {
        display: none
    }
}

.renew-prd-blk .close:before {
    content: '';
    height: 20px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 17px;
    top: 8px
}

@media (max-width:1023px) {
    .renew-prd-blk .close:before {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close:before {
        display: none
    }
}

.renew-prd-blk .close-small {
    display: none;
    background: #dfe1e6;
    width: 36px;
    height: 36px;
    position: relative;
    float: right;
    border-radius: 50%;
    margin: 20px 32px 0 0;
    cursor: pointer
}

@media (max-width:1023px) {
    .renew-prd-blk .close-small {
        width: 24px;
        height: 24px;
        margin-right: 16px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close-small {
        width: 24px;
        height: 24px;
        margin-right: 24px;
        margin-top: 25px;
        display: inline-block
    }
}

.renew-prd-blk .close-small:after {
    display: none;
    content: '';
    height: 20px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 18px;
    top: 9px
}

@media only screen and (max-width:1024px) {
    .renew-prd-blk .close-small:after {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close-small:after {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

.renew-prd-blk .close-small:before {
    display: none;
    content: '';
    height: 20px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 18px;
    top: 9px
}

@media only screen and (max-width:1024px) {
    .renew-prd-blk .close-small:before {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close-small:before {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

.renew-prd-blk .close-small-renew {
    display: none;
    background: #dfe1e6;
    width: 36px;
    height: 36px;
    position: relative;
    float: right;
    border-radius: 50%;
    margin: 20px 32px 0 0;
    cursor: pointer
}

@media only screen and (max-width:1024px) {
    .renew-prd-blk .close-small-renew {
        width: 24px;
        height: 24px;
        margin-right: 16px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close-small-renew {
        width: 24px;
        height: 24px;
        margin-right: 24px;
        margin-top: 25px;
        display: inline-block
    }
}

.renew-prd-blk .close-small-renew:after {
    display: none;
    content: '';
    height: 20px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 18px;
    top: 9px
}

@media only screen and (max-width:1024px) {
    .renew-prd-blk .close-small-renew:after {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close-small-renew:after {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

.renew-prd-blk .close-small-renew:before {
    display: none;
    content: '';
    height: 20px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 18px;
    top: 9px
}

@media only screen and (max-width:1024px) {
    .renew-prd-blk .close-small-renew:before {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .renew-prd-blk .close-small-renew:before {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

.renew-prd-blk ul {
    margin: 8px 0 0;
    padding: 0
}

.renew-prd-blk ul li {
    margin: 0;
    padding: 0
}

.renew-prd-blk ul li a {
    display: block;
    text-decoration: none;
    padding: 24px 0;
    margin: 0 24px;
    border-bottom: 1px solid #f1f1f1;
    color: #172b4d;
    font-size: 14px;
    font-weight: 500
}

.renew-prd-blk ul li a i {
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%
}

.renew-prd-blk ul li a i.life-insurance {
    background-position: 0 19.7%
}

.renew-prd-blk ul li a i.health-insurance {
    background-position: 0 21.3%
}

.renew-prd-blk ul li a i.motor-insurance {
    background-position: 0 23%
}

.renew-prd-blk ul li a i.two-wheeler-insurance {
    background-position: 0 24.8%
}

.renew-prd-blk ul li a i.homeins-insurance {
    background-position: 0 31.2%
}

.renew-prd-blk ul li:last-child a {
    border-bottom: 0
}

.more-prd-blk {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1000px;
    height: auto;
    min-height: 600px;
    z-index: 999999;
    background: #fff;
    border-radius: 8px
}

.more-prd-blk.casenri {
    min-height: 580px
}

@media (max-width:1023px) {
    .more-prd-blk {
        width: 100%;
        min-height: 90vh;
        display: block;
        top: 110%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border-top-left-radius: 32px;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media only screen and (max-width:640px) {
    .more-prd-blk {
        width: 100%;
        min-height: 90vh;
        display: block;
        top: 110%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.more-prd-blk p.heading {
    padding: 27px 0 0 32px;
    font-size: 24px;
    color: #253858;
    font-weight: 500;
    display: inline-block
}

@media only screen and (max-width:1024px) {
    .more-prd-blk p.heading {
        padding: 26px 0 0 16px;
        font-size: 20px
    }
}

@media only screen and (max-width:640px) {
    .more-prd-blk p.heading {
        padding: 26px 0 0 16px;
        font-size: 20px
    }
}

.more-prd-blk .close {
    background: #dfe1e6;
    width: 28px;
    height: 28px;
    position: relative;
    float: right;
    border-radius: 50%;
    margin: 20px 32px 0 0;
    cursor: pointer
}

@media (max-width:1023px) {
    .more-prd-blk .close {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .more-prd-blk .close {
        display: none
    }
}

.more-prd-blk .close:after {
    content: '';
    height: 16px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 13px;
    top: 6px
}

@media (max-width:1023px) {
    .more-prd-blk .close:after {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .more-prd-blk .close:after {
        display: none
    }
}

.more-prd-blk .close:before {
    content: '';
    height: 16px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 13px;
    top: 6px
}

@media (max-width:1023px) {
    .more-prd-blk .close:before {
        display: none
    }
}

@media only screen and (max-width:640px) {
    .more-prd-blk .close:before {
        display: none
    }
}

.more-prd-blk .close-small {
    display: none;
    background: #dfe1e6;
    width: 36px;
    height: 36px;
    position: relative;
    float: right;
    border-radius: 50%;
    margin: 20px 32px 0 0;
    cursor: pointer
}

@media (max-width:1023px) {
    .more-prd-blk .close-small {
        width: 24px;
        height: 24px;
        margin-right: 16px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .more-prd-blk .close-small {
        width: 24px;
        height: 24px;
        margin-right: 24px;
        margin-top: 25px;
        display: inline-block
    }
}

.more-prd-blk .close-small:after {
    display: none;
    content: '';
    height: 20px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 18px;
    top: 9px
}

@media only screen and (max-width:1024px) {
    .more-prd-blk .close-small:after {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .more-prd-blk .close-small:after {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

.more-prd-blk .close-small:before {
    display: none;
    content: '';
    height: 20px;
    border-left: 2px solid #253858;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 18px;
    top: 9px
}

@media only screen and (max-width:1024px) {
    .more-prd-blk .close-small:before {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

@media only screen and (max-width:640px) {
    .more-prd-blk .close-small:before {
        left: 11px;
        top: 6px;
        height: 12px;
        display: inline-block
    }
}

.tabs {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #f1f1f1
}

@media only screen and (max-width:1024px) {
    .tabs {
        width: 100%
    }
}

@media only screen and (max-width:640px) {
    .tabs {
        width: 100%
    }
}

.tabs .tab {
    display: inline-block;
    margin: 0 24px 0 16px
}

.tabs .tab:nth-child(2n) {
    margin-right: 0
}

@media (max-width:320px) {
    .tabs .tab {
        margin: 0 0 0 16px
    }
}

.tabs .tab>input[type=radio] {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.tabs .tab>label {
    display: block;
    padding: 25px 0 12px;
    margin-left: 18px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    color: #172b4d
}

@media only screen and (max-width:1024px) {
    .tabs .tab>label {
        margin-left: 0
    }
}

@media only screen and (max-width:640px) {
    .tabs .tab>label {
        margin-left: 0
    }
}

.tabs .content {
    z-index: 0;
    overflow: hidden;
    width: 100%;
    max-height: 450px;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 80px;
    left: 0;
    background: #fff;
    color: #172b4d;
    opacity: 0;
    -webkit-transition: opacity 10ms ease-out;
    transition: opacity 10ms ease-out;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow-y: auto;
    height: 540px
}

.tabs .content .hi-light {
    font-size: 9px;
    text-align: center;
    background: #b6f4b4;
    letter-spacing: .016em;
    width: 90%;
    border-radius: 3px;
    padding: 2px 0;
    top: -20px;
    position: absolute;
    color: #253858;
    display: block;
    margin: 0 auto
}

@media (max-width:980px) {
    .tabs .content .hi-light {
        top: -14px
    }
}

@media only screen and (max-width:768px) {
    .tabs .content {
        max-height: 90vh
    }
}

.tabs .content .icon-block-row {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:640px) {
    .tabs .content .icon-block-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.tabs .content .icon-block-row.bg-blue {
    background: #f9faff;
    padding-top: 24px;
    margin-bottom: 20px
}

.tabs .content .icon-block-row.bg-blue .left-block ul li a i {
    border-color: #f9faff
}

@media only screen and (max-width:1024px) {
    .tabs .content .icon-block-row.bg-blue {
        background: #fff;
        padding-top: 0
    }

    .tabs .content .icon-block-row.bg-blue:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:640px) {
    .tabs .content .icon-block-row.bg-blue {
        background: #fff;
        padding-top: 0
    }
}

.tabs .content .icon-block-row .left-block {
    width: 50%;
    min-height: 100px;
    padding: 0 32px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs .content .icon-block-row .left-block.casenri {
    width: 100%
}

.tabs .content .icon-block-row .left-block.casenri ul li {
    width: 12%
}

@media (max-width:1023px) {
    .tabs .content .icon-block-row .left-block {
        width: 100%;
        padding: 0 12px
    }

    .tabs .content .icon-block-row .left-block:nth-child(2n) {
        background: #f9faff;
        padding: 24px 15px 0;
        margin-bottom: 20px !important
    }

    .tabs .content .icon-block-row .left-block:nth-child(2n) ul li a i {
        border: 1px solid #f9faff
    }

    .tabs .content .icon-block-row .left-block:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:640px) {
    .tabs .content .icon-block-row .left-block {
        width: 100%;
        padding: 0 12px
    }
}

.tabs .content .icon-block-row .left-block p.heading {
    font-size: 14px;
    color: #172b4d;
    padding: 0 0 28px;
    position: relative
}

@media (max-width:980px) {
    .tabs .content .icon-block-row .left-block p.heading {
        padding: 0 0 22px
    }

    .tabs .content .icon-block-row .left-block p.heading:before {
        bottom: 36px
    }
}

.tabs .content .icon-block-row .left-block p.heading::before {
    content: '';
    position: absolute;
    bottom: 34px;
    right: -30px;
    width: 24px;
    height: 2px;
    background: #172b4d
}

.tabs .content .icon-block-row .left-block ul {
    margin: 0;
    padding: 0
}

.tabs .content .icon-block-row .left-block ul li {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 24%;
    vertical-align: top
}

@media only screen and (max-width:640px) {
    .tabs .content .icon-block-row .left-block ul li {
        width: 23%
    }
}

.tabs .content .icon-block-row .left-block ul li a {
    display: block;
    text-align: center;
    color: #253858;
    text-decoration: none;
    margin-bottom: 20px;
    position: relative
}

.tabs .content .icon-block-row .left-block ul li a i {
    width: 28px;
    height: 28px;
    margin: 0 auto 5px;
    border: 1px solid #fff;
    display: inline-block;
    background-size: 100%
}

.tabs .content .icon-block-row .left-block ul li a i.term-insurance {
    background-position: 0 19.65%
}

.tabs .content .icon-block-row .left-block ul li a i.return-of-premium {
    background-position: 0 36.07%
}

.tabs .content .icon-block-row .left-block ul li a i.twenty-five-lac-life-insurance {
    background-position: 0 64%
}

.tabs .content .icon-block-row .left-block ul li a i.sjb {
    background-position: 0 -1118px;
    background-size: 100%
}

.tabs .content .icon-block-row .left-block ul li a i.non-working-spouse-plan {
    background-position: -3px -369px;
    background-size: 130%
}

.tabs .content .icon-block-row .left-block ul li a i.health-insurance {
    background-position: 0 21.4%
}

.tabs .content .icon-block-row .left-block ul li a i.one-cr-health-Cover {
    background-position: 0 65.6%
}

.tabs .content .icon-block-row .left-block ul li a i.arogya-sanjeevani {
    background-position: 0 34.4%
}

.tabs .content .icon-block-row .left-block ul li a i.family-health-insurance {
    background-position: -4px -94px;
    background-size: 130%
}

.tabs .content .icon-block-row .left-block ul li a i.investment {
    background-position: 0 26.3%
}

.tabs .content .icon-block-row .left-block ul li a i.child-saving-plan {
    background-position: 0 32.8%
}

.tabs .content .icon-block-row .left-block ul li a i.guaranteed-return-plan {
    background-position: -2px -287px
}

.tabs .content .icon-block-row .left-block ul li a i.retirement-plan {
    background-position: 0 67.3%
}

.tabs .content .icon-block-row .left-block ul li a i.tax-saving-investment {
    background-position: -1px -418px;
    background-size: 130%
}

.tabs .content .icon-block-row .left-block ul li a i.tax-saving-annuity {
    background-position: -1px -1437px;
    background-size: 100%
}

.tabs .content .icon-block-row .left-block ul li a i.tax-saving-smart-deposite {
    background-position: -1px -1838px;
    background-size: 130%
}

.tabs .content .icon-block-row .left-block ul li a i.car-insurance {
    background-position: 0 22.9%
}

.tabs .content .icon-block-row .left-block ul li a i.two-wheeler-insurance {
    background-position: 0 24.6%
}

.tabs .content .icon-block-row .left-block ul li a i.travel-insurance {
    background-position: 0 27.9%
}

.tabs .content .icon-block-row .left-block ul li a i.commericial-vehicle-insurance {
    background-position: 0 29.6%
}

.tabs .content .icon-block-row .left-block ul li a i.group-health-insurance {
    background-position: 0 80.3%
}

.tabs .content .icon-block-row .left-block ul li a i.cancer-insurance {
    background-position: 0 70.5%
}

.tabs .content .icon-block-row .left-block ul li a i.ulips {
    background-position: -4px -466px;
    background-size: 130%
}

.tabs .content .icon-block-row .left-block ul li a i.home-insurance {
    background-position: 0 31.1%
}

.tabs .content .icon-block-row .left-block ul li a i.taxi-insurance {
    background-position: 0 22.9%
}

.tabs .content .icon-block-row .left-block ul li a i.group-insurance {
    background-position: 0 -579px;
    background-size: 100%
}

.tabs .content .icon-block-row .left-block ul li a i.job-loss {
    background-position: -1px -167px;
    background-size: 130%
}

.tabs .content .icon-block-row .left-block ul li a i.other-general-insurance {
    background-position: 0 72.2%
}

.tabs .content .icon-block-row .left-block ul li a i.fire-burglary-insurance {
    background-position: 0 75.5%
}

.tabs .content .icon-block-row .left-block ul li a i.shop-owner-insurance {
    background-position: 0 78.8%
}

.tabs .content .icon-block-row .left-block ul li a i.office-package-policy {
    background-position: 0 77.2%
}

.tabs .content .icon-block-row .left-block ul li a i.group-health-insurance {
    background-position: 0 0 80.3%
}

.tabs .content .icon-block-row .left-block ul li a i.group-personal-accident {
    background-position: 0 82%
}

.tabs .content .icon-block-row .left-block ul li a i.group-term-life {
    background-position: 0 83.7%
}

.tabs .content .icon-block-row .left-block ul li a i.covid-19-group-health-plan {
    background-position: 0 85.3%
}

.tabs .content .icon-block-row .left-block ul li a i.professional-indemnity {
    background-position: 0 86.9%
}

.tabs .content .icon-block-row .left-block ul li a i.workmen-compensation {
    background-position: 0 88.6%
}

.tabs .content .icon-block-row .left-block ul li a i.general-liability {
    background-position: 0 90.2%
}

.tabs .content .icon-block-row .left-block ul li a i.cyber-insurance {
    background-position: 0 91.8%
}

.tabs .content .icon-block-row .left-block ul li a i.directors-officers-liability {
    background-position: 0 93.5%
}

.tabs .content .icon-block-row .left-block ul li a i.construction-all-risk {
    background-position: 0 95.2%
}

.tabs .content .icon-block-row .left-block ul li a i.erection-all-risk {
    background-position: 0 100%
}

.tabs .content .icon-block-row .left-block ul li a i.marine-insurance {
    background-position: 0 98.5%
}

.tabs .content .icon-block-row .left-block ul li a i.contractor-plant-machinery {
    background-position: 0 96.8%
}

.tabs .content .icon-block-row .left-block ul li a i.guaranteed-return-plan-plane {
    background-position: -2px -302px;
    background-size: 120%
}

@media only screen and (max-width:640px) {
    .tabs .content .icon-block-row .left-block ul li a i {
        width: 24px;
        height: 24px
    }

    .tabs .content .icon-block-row .left-block ul li a i.guaranteed-return-plan-plane {
        background-position: -2px -255px;
        background-size: 120%
    }

    .tabs .content .icon-block-row .left-block ul li a i.term-insurance {
        background-position: 0 19.6%
    }

    .tabs .content .icon-block-row .left-block ul li a i.return-of-premium {
        background-position: 0 36.06%
    }

    .tabs .content .icon-block-row .left-block ul li a i.twenty-five-lac-life-insurance {
        background-position: 0 63.9%
    }

    .tabs .content .icon-block-row .left-block ul li a i.non-working-spouse-plan {
        background-position: -3px -311px
    }

    .tabs .content .icon-block-row .left-block ul li a i.sjb {
        background-position: 0 -947px;
        background-size: 100%
    }

    .tabs .content .icon-block-row .left-block ul li a i.health-insurance {
        background-position: 0 21.3%
    }

    .tabs .content .icon-block-row .left-block ul li a i.one-cr-health-Cover {
        background-position: 0 65.6%
    }

    .tabs .content .icon-block-row .left-block ul li a i.arogya-sanjeevani {
        background-position: 0 34.5%
    }

    .tabs .content .icon-block-row .left-block ul li a i.family-health-insurance {
        background-position: -5px -85px;
        background-size: 140%
    }

    .tabs .content .icon-block-row .left-block ul li a i.investment {
        background-position: 0 26.3%
    }

    .tabs .content .icon-block-row .left-block ul li a i.child-saving-plan {
        background-position: 0 32.78%
    }

    .tabs .content .icon-block-row .left-block ul li a i.guaranteed-return-plan {
        background-position: -1px -303px;
        background-size: 130%
    }

    .tabs .content .icon-block-row .left-block ul li a i.retirement-plan {
        background-position: 0 67.3%
    }

    .tabs .content .icon-block-row .left-block ul li a i.tax-saving-investment {
        background-position: -1px -355px;
        background-size: 130%
    }

    .tabs .content .icon-block-row .left-block ul li a i.tax-saving-annuity {
        background-position: -1px -1214px;
        background-size: 100%
    }

    .tabs .content .icon-block-row .left-block ul li a i.tax-saving-smart-deposite {
        background-position: -1px -1190px;
        background-size: 100%
    }

    .tabs .content .icon-block-row .left-block ul li a i.car-insurance {
        background-position: 0 22.9%
    }

    .tabs .content .icon-block-row .left-block ul li a i.two-wheeler-insurance {
        background-position: 0 24.6%
    }

    .tabs .content .icon-block-row .left-block ul li a i.travel-insurance {
        background-position: 0 27.8%
    }

    .tabs .content .icon-block-row .left-block ul li a i.commericial-vehicle-insurance {
        background-position: 0 29.5%
    }

    .tabs .content .icon-block-row .left-block ul li a i.group-health-insurance {
        background-position: 0 80.3%
    }

    .tabs .content .icon-block-row .left-block ul li a i.cancer-insurance {
        background-position: 0 70.5%
    }

    .tabs .content .icon-block-row .left-block ul li a i.ulips {
        background-position: -2px -392px;
        height: 30px
    }

    .tabs .content .icon-block-row .left-block ul li a i.home-insurance {
        background-position: 0 31.1%
    }

    .tabs .content .icon-block-row .left-block ul li a i.taxi-insurance {
        background-position: 0 22.9%
    }

    .tabs .content .icon-block-row .left-block ul li a i.group-insurance {
        background-position: -3px -980px;
        background-size: 130%
    }

    .tabs .content .icon-block-row .left-block ul li a i.job-loss {
        background-position: 0 -141px
    }

    .tabs .content .icon-block-row .left-block ul li a i.other-general-insurance {
        background-position: 0 72.2%
    }

    .tabs .content .icon-block-row .left-block ul li a i.fire-burglary-insurance {
        background-position: 0 75.5%
    }

    .tabs .content .icon-block-row .left-block ul li a i.shop-owner-insurance {
        background-position: 0 78.9%
    }

    .tabs .content .icon-block-row .left-block ul li a i.office-package-policy {
        background-position: 0 77.1%
    }

    .tabs .content .icon-block-row .left-block ul li a i.group-health-insurance {
        background-position: 0 80.4%
    }

    .tabs .content .icon-block-row .left-block ul li a i.group-personal-accident {
        background-position: 0 82%
    }

    .tabs .content .icon-block-row .left-block ul li a i.group-term-life {
        background-position: 0 83.6%
    }

    .tabs .content .icon-block-row .left-block ul li a i.covid-19-group-health-plan {
        background-position: 0 85.3%
    }

    .tabs .content .icon-block-row .left-block ul li a i.professional-indemnity {
        background-position: 0 86.9%
    }

    .tabs .content .icon-block-row .left-block ul li a i.workmen-compensation {
        background-position: 0 88.6%
    }

    .tabs .content .icon-block-row .left-block ul li a i.general-liability {
        background-position: 0 90.2%
    }

    .tabs .content .icon-block-row .left-block ul li a i.cyber-insurance {
        background-position: 0 91.8%
    }

    .tabs .content .icon-block-row .left-block ul li a i.directors-officers-liability {
        background-position: 0 93.5%
    }

    .tabs .content .icon-block-row .left-block ul li a i.construction-all-risk {
        background-position: 0 95.2%
    }

    .tabs .content .icon-block-row .left-block ul li a i.erection-all-risk {
        background-position: 0 100%
    }

    .tabs .content .icon-block-row .left-block ul li a i.marine-insurance {
        background-position: 0 98.5%
    }

    .tabs .content .icon-block-row .left-block ul li a i.contractor-plant-machinery {
        background-position: 0 96.8%
    }
}

.tabs .content .icon-block-row .left-block ul li a span.link {
    display: block;
    font-size: 12px;
    line-height: 18px
}

.tabs .content .icon-block-row .left-block ul li a span.green {
    display: inline-block;
    margin-top: 3px;
    background: #49cc76;
    color: #fff;
    font-size: 8px;
    padding: 2px 4px;
    border-radius: 4px
}

.tabs .content .icon-block-row .left-block ul li a span.new {
    display: inline-block;
    margin-top: 3px;
    background: #6554c0;
    color: #fff;
    font-size: 8px;
    padding: 2px 4px;
    border-radius: 12px
}

.tabs .content .inner-block {
    display: inline-block;
    width: 24%;
    vertical-align: top
}

@media only screen and (max-width:1024px) {
    .tabs .content .inner-block {
        width: 100%
    }
}

@media only screen and (max-width:640px) {
    .tabs .content .inner-block {
        width: 100%
    }
}

.tabs .content .inner-block ul {
    margin: 10px 0 0;
    padding: 0
}

.tabs .content .inner-block ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 500
}

.tabs .content .inner-block ul li i {
    width: 24px;
    height: 20px;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #fff;
    background-size: 100%
}

.tabs .content .inner-block ul li i.life-insurance {
    background-position: 0 -53px
}

.tabs .content .inner-block ul li i.health-insurance {
    background-position: 0 -72px
}

.tabs .content .inner-block ul li i.motor-insurance {
    background-position: 0 -92px
}

.tabs .content .inner-block ul li i.other-insurance {
    background-position: 0 -545px
}

.tabs .content .inner-block ul li i.investment-plan {
    background-position: 0 -132px
}

.tabs .content .inner-block ul li ul {
    margin-top: 5px
}

.tabs .content .inner-block ul li ul li {
    padding: 0
}

.tabs .content .inner-block ul li ul li a {
    color: #253858;
    text-decoration: none;
    padding: 10px 0;
    display: block;
    font-weight: 300
}

.tabs .content .inner-block ul li ul li a:hover {
    color: #333
}

.tabs>.tab>[id^=tab]:checked+label {
    top: 0;
    color: #0065ff;
    border-bottom: 2px solid #0065ff;
    font-weight: 500
}

.tabs>.tab>[id^=tab]:checked~[id^=tab-content] {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity 10ms ease-out;
    transition: opacity 10ms ease-out
}

@media only screen and (max-width:1024px) {
    .tabs>.tab>[id^=tab]:checked~[id^=tab-content] {
        height: calc(90vh - 120px);
        overflow: auto
    }
}

@media only screen and (max-width:640px) {
    .tabs>.tab>[id^=tab]:checked~[id^=tab-content] {
        height: calc(90vh - 120px);
        overflow: auto
    }
}

.policy-status-overlay {
    background: #172b4d;
    display: none;
    opacity: .8;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999
}

.policy-status-popup {
    width: 800px;
    display: none;
    height: auto;
    background: #fff;
    border-radius: 8px;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:860px) {
    .policy-status-popup {
        width: 700px
    }
}

@media only screen and (max-width:640px) {
    .policy-status-popup {
        display: none;
        width: 100%;
        border-top-left-radius: 32px;
        border-top-right-radius: 32px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: 0;
        top: auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.policy-status-popup p.head {
    padding: 43px 40px 0;
    font-size: 24px;
    font-weight: 100
}

.policy-status-popup p.head span {
    font-weight: 400
}

@media only screen and (max-width:640px) {
    .policy-status-popup p.head {
        display: none
    }
}

.policy-status-popup p.mobile-head {
    display: none
}

@media only screen and (max-width:640px) {
    .policy-status-popup p.mobile-head {
        display: block;
        padding: 16px 0;
        margin: 0 24px;
        border-bottom: 1px solid #dfe1e6;
        text-align: center;
        color: #253858;
        font-size: 16px;
        font-weight: 600
    }

    .policy-status-popup p.mobile-head img {
        display: block;
        width: 40px;
        margin: 6px auto 24px
    }
}

.policy-status-popup .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 40px
}

@media only screen and (max-width:640px) {
    .policy-status-popup .block {
        margin: 30px 24px
    }
}

.policy-status-popup .block .left-block {
    width: 40%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-line-pack: baseline;
    align-content: baseline
}

.policy-status-popup .block .left-block div {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.policy-status-popup .block .left-block div img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:640px) {
    .policy-status-popup .block .left-block {
        display: none
    }
}

.policy-status-popup .block .right-block {
    width: 60%;
    padding-left: 40px
}

@media only screen and (max-width:640px) {
    .policy-status-popup .block .right-block {
        width: 100%;
        padding: 0
    }
}

.policy-status-popup .block .right-block p.top-heading {
    font-size: 12px;
    color: #253858;
    margin-bottom: 21px
}

.policy-status-popup .block .right-block .inner-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.policy-status-popup .block .right-block .inner-block div:first-child {
    width: 30%
}

.policy-status-popup .block .right-block .inner-block div:first-child p.heading {
    padding-bottom: 6px
}

.policy-status-popup .block .right-block .inner-block div:first-child img {
    width: 80px
}

.policy-status-popup .block .right-block .inner-block div:nth-child(2n) {
    width: 40%
}

.policy-status-popup .block .right-block .inner-block div:nth-child(3n) {
    width: 30%
}

.policy-status-popup .block .right-block .inner-block div p.heading {
    font-size: 13px;
    color: #000;
    opacity: .5;
    padding-bottom: 14px
}

.policy-status-popup .block .right-block .inner-block div p.sub {
    font-size: 16px;
    color: #253858
}

.policy-status-popup .btns .renew {
    width: 100%;
    cursor: pointer;
    background: #0065ff;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    border-radius: 8px;
    margin: 24px 0
}

.policy-status-popup .btns .remind {
    width: 100%;
    cursor: pointer;
    border: 1px solid #0065ff;
    text-align: center;
    color: #0065ff;
    padding: 14px 0;
    border-radius: 8px
}

.icon-bg {
    background: url(../../images/svg/home-page-icons.svg?v=6) no-repeat
}

.icon-bg.umb {
    background: url(../../images/home/umbrella-icon.svg) no-repeat
}

.icon-bg-new {
    background: url(../../images/svg/group-insurance.svg?v=24) no-repeat
}

.icon-bg-new-white {
    background: url(../../images/svg/white-ico.svg) no-repeat
}

.icon-bg-aftersignin {
    background: url(../../images/home/sign-icon.svg?v=8) no-repeat
}

.christmas-bg {
    padding-bottom: 15px;
    background: #c8dbf4 url(../../images/home-v1/new-homepage-day-bg-desktop.png) no-repeat;
    background-size: 100%
}

@media (max-width:860px) {
    .christmas-bg {
        background: url(../../images/home-v1/new-homepage-day-bg-mobile.png) no-repeat;
        background-size: 100%;
        background-position: 0 -50px
    }

    .christmas-bg .top-fold .card-view {
        padding: 16px
    }

    .christmas-bg .top-fold {
        background: url(../../images/home-v1/christmas-tree.gif) no-repeat;
        background-size: 80px;
        background-position: top 50px right 40px
    }
}

@media only screen and (max-width:640px) {
    .christmas-bg .top-fold {
        background-position: top 0 right 40px
    }
}

.christmas-bg .top-fold .top-pic img {
    width: 220px;
    margin-right: 100px
}

.christmas-bg-night {
    padding-bottom: 0;
    background: #002d72 url(../../images/home-v1/new-homepage-night-bg-desktop.png) no-repeat;
    background-size: 100%
}

.christmas-bg-night .top-fold .txt-part .usp .lowest-price i {
    background: url(../../images/svg/white-ico.svg);
    background-size: 100%
}

.christmas-bg-night .top-fold .txt-part .usp .hassle-free i {
    background: url(../../images/svg/white-ico.svg) no-repeat;
    background-size: 100%;
    background-position: 0 -68px
}

@media (max-width:860px) {
    .christmas-bg-night .top-fold .card-view {
        padding: 16px
    }
}

@media (max-width:667px) {
    .christmas-bg-night .top-fold .txt-part .usp .hassle-free i {
        background-position: 0 -59px
    }
}

@media (max-width:414px) {
    .christmas-bg-night .top-fold {
        background: url(../../images/home-v1/christmas-tree.gif) no-repeat;
        background-size: 80px;
        background-position: top 0 right 40px
    }

    .christmas-bg-night .top-fold .txt-part .usp .hassle-free i {
        background: url(../../images/svg/white-ico.svg) no-repeat;
        background-size: 100%;
        background-position: 0 -59px
    }
}

.christmas-bg-night .top-fold .top-pic img {
    width: 220px;
    margin-right: 100px
}

.christmas-bg-night .more-products p,
.christmas-bg-night .top-fold .txt-part .usp .hassle-free,
.christmas-bg-night .top-fold .txt-part .usp .lowest-price,
.christmas-bg-night .top-fold .txt-part h1 {
    color: #fff
}

#sky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none
}

.ext-banner .top-banner-right {
    width: 525px;
    height: 240px;
    border: 0 solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0 25px 0 auto
}

.ext-banner .top-banner-right .left {
    width: 300px;
    margin-left: 40px;
    display: inline-block
}

.ext-banner .top-banner-right .left span.pb-promise {
    color: #253858;
    display: inline-block;
    font-size: 16px;
    padding: 3px 0 0;
    font-weight: 700;
    line-height: 20px
}

.ext-banner .top-banner-right .left span.pb-promise img {
    display: block;
    margin-bottom: 8px
}

.ext-banner .top-banner-right .left .label {
    background: #e6fcff;
    color: #00a3bf;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 10px
}

.ext-banner .top-banner-right .left.health .label {
    background: #e3fcef;
    color: #19b24d;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 10px
}

.ext-banner .top-banner-right .left.car .label {
    background: #e6fcff;
    color: #00a3bf;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 10px
}

.ext-banner .top-banner-right .left.employee .label {
    background: #eae6ff;
    color: #6554c0;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 10px
}

.ext-banner .top-banner-right .left.tw .label {
    background: #fef8d8;
    color: #ff991f;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 10px
}

.top-pic {
    display: block !important;
    visibility: visible;
    opacity: 0;
    transition: all .3s linear
}

.top-pic.open {
    opacity: 1
}

.top-pic .ext-banner .top-banner-right .tax-slider-wrap .tax-slider .left.investmentPlan .label {
    background-color: #ebfeea;
    color: #649062;
    margin-bottom: 15px
}

.top-pic .ext-banner .top-banner-right .tax-slider-wrap .tax-slider .left.investmentPlan .large-text {
    color: #283756;
    line-height: 30px;
    font-size: 20px;
    letter-spacing: -.48px;
    margin-bottom: 25px
}

.top-pic .ext-banner .top-banner-right .tax-slider-wrap .tax-slider .left.investmentPlan .large-text span {
    display: block;
    font-size: 16px;
    color: #283756;
    font-weight: 400;
    line-height: 25px
}

.top-pic .ext-banner .top-banner-right .tax-slider-wrap .tax-slider .left.investmentPlan .large-text strong {
    font-weight: 600
}

.top-pic .ext-banner .tax-slider-wrap.full_img {
    margin: 0 auto;
    width: 450px;
    height: 220px
}

.top-pic .ext-banner .tax-slider-wrap.full_img .digital_india img {
    width: 90%
}

@media only screen and (max-width:1024px) {
    .top-pic .ext-banner .tax-slider-wrap.full_img {
        width: 450px;
        height: 257px
    }
}

.top-pic .ext-banner .tax-slider-wrap.full_img .pagingInfo {
    position: absolute;
    bottom: 2px;
    left: 0;
    font-weight: 500;
    font-size: 10px;
    right: 0;
    margin: 0 auto;
    width: 30px;
    text-align: center;
    display: none
}

@media only screen and (max-width:1024px) {
    .top-pic .ext-banner .tax-slider-wrap.full_img .pagingInfo {
        top: 94.9%;
        display: none
    }
}

.top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider {
    width: 100%;
    min-width: 450px
}

.top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .savetax-newtermplan {
    display: block;
    float: left;
    height: 100%;
    min-height: 1px
}

.top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .savetax-newtermplan img {
    max-width: 100%;
    min-width: auto;
    vertical-align: middle
}

@media only screen and (max-width:1024px) {
    .top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider {
        min-width: 450px;
        height: 260px;
        padding-bottom: 0
    }

    .top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .savetax-newtermplan img {
        width: 100%
    }
}

.top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .slick-next,
.top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .slick-prev {
    top: 255px
}

@media only screen and (max-width:1024px) {

    .top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .slick-next,
    .top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .slick-prev {
        top: 90%
    }
}

.top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .slick-next {
    left: calc(52% + 12px)
}

.top-pic .ext-banner .tax-slider-wrap.full_img .tax-slider .slick-prev {
    left: calc(52% - 46px)
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    z-index: 1
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .left {
    width: 60%
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .right {
    width: 40%
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .left {
    position: relative;
    display: block;
    margin: 0;
    padding: 30px 0 0 30px;
    height: auto;
    text-align: left
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .label {
    background-color: #ebfeea;
    color: #649062;
    margin-bottom: 15px;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px;
    display: inline-block
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .label.health {
    color: #ff991f;
    background: #fef8d8
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .label.guaranteed {
    color: #6554c0;
    background: #eae6ff
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .label.newtermplan_bg {
    color: #6554c0;
    background: #eae6ff
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .large-text {
    color: #283756;
    line-height: 30px;
    font-size: 20px;
    letter-spacing: -.48px;
    margin-bottom: 25px
}

@media only screen and (max-width:1024px) {
    .top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .large-text {
        line-height: 20px;
        margin-bottom: 15px;
        font-size: 16px
    }
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .large-text span {
    display: block;
    font-size: 14px;
    color: #283756;
    font-weight: 400;
    line-height: 25px
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .newtermPlan .large-text .newtermplan_text {
    font-size: 16px;
    margin-top: 3px
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .newtermPlan .large-text .newtermplan_text .slash {
    text-decoration: line-through;
    display: inline-block
}

.top-pic .ext-banner .tax-slider-wrap.full_img .banner-box .savetax {
    background: #0663f6;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    z-index: 100
}

.tax-slider-wrap {
    position: relative;
    width: 250px
}

.tax-slider-wrap .light-text {
    margin-top: 10px
}

.tax-slider {
    width: 270px;
    overflow: hidden;
    position: relative;
    padding-bottom: 0
}

.tax-slider .slick-next,
.tax-slider .slick-prev {
    z-index: 1;
    position: absolute;
    top: 87%
}

.tax-slider .slick-next {
    left: 65px;
    outline: 0;
    border: 0
}

.tax-slider .slick-next:focus,
.tax-slider .slick-prev:focus {
    outline: 0
}

.tax-slider .slick-next::-moz-focus-inner,
.tax-slider .slick-prev::-moz-focus-inner {
    border: 0
}

.tax-slider .slick-prev:before {
    content: "";
    background: url(../../images/home/arrow-right.svg) no-repeat 0 0;
    width: 16px;
    height: 16px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tax-slider .slick-next:before {
    content: "";
    background: url(../../images/home/arrow-right.svg) no-repeat 0 0;
    width: 16px;
    height: 16px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: -1px
}

.tax-slider .slick-prev {
    left: 15px
}

.ext-banner .pagingInfo {
    position: absolute;
    bottom: 38px;
    left: 283px;
    font-weight: 500;
    font-size: 10px
}

@media all and (-ms-high-contrast:none) {
    .ext-banner .pagingInfo {
        bottom: 33px
    }

    .ext-banner .pagingInfo,
    ::-ms-backdrop {
        bottom: 33px
    }
}

.tax-slider-wrap .tax-slider .left {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 280px;
    height: auto
}

.tax-slider-wrap .tax-slider .left:after {
    background: url(../../images/home/animation-banner.gif) no-repeat 0 0;
    height: 90px;
    width: 90px;
    position: absolute;
    left: 150px;
    background-size: 100%;
    bottom: -10px
}

.ext-banner .top-banner-right .left .large-text {
    color: #00a3bf;
    font-size: 28px
}

.ext-banner .top-banner-right .left.health .large-text {
    color: #19b24d;
    font-size: 28px
}

.ext-banner .top-banner-right .left.car .large-text,
.ext-banner .top-banner-right .left.tw .large-text {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px
}

.ext-banner .top-banner-right .left.tw .large-text {
    font-size: 16px
}

.ext-banner .top-banner-right .left.employee .large-text {
    color: #172b4d;
    line-height: 35px;
    font-size: 24px;
    letter-spacing: -.48px;
    margin-bottom: 18px
}

.ext-banner .top-banner-right .left.employee .large-text strong {
    display: block
}

.ext-banner .top-banner-right .left .large-text span {
    font-weight: 500
}

.ext-banner .top-banner-right .left p.mid-text {
    font-size: 16px;
    color: #172b4d;
    line-height: 26px;
    padding: 8px 0 20px 0;
    font-weight: 400
}

.ext-banner .top-banner-right .left.car p.mid-text,
.ext-banner .top-banner-right .left.tw p.mid-text {
    font-size: 20px;
    color: #ff5630;
    line-height: 26px;
    padding: 0 0 20px 0;
    font-weight: 500
}

@media only screen and (max-width:1024px) {

    .ext-banner .top-banner-right .left.car p.mid-text,
    .ext-banner .top-banner-right .left.tw p.mid-text {
        font-size: 16px
    }
}

.ext-banner .top-banner-right .left p.mid-text .high-light {
    color: #ff991f;
    font-weight: 500
}

.ext-banner .top-banner-right .left .know-more,
.ext-banner .top-banner-right .left .savetax {
    background: #0663f6;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    z-index: 100
}

.ext-banner .top-banner-right .right {
    width: 265px;
    display: inline-block;
    margin-right: 16px
}

.ext-banner .top-banner-right .right img {
    width: 100%
}

@media only screen and (max-width:1024px) {
    .ext-banner .top-banner-right {
        width: 430px
    }

    .ext-banner .top-banner-right .left {
        width: 250px
    }

    .ext-banner .top-banner-right .left p.mid-text {
        font-size: 14px;
        color: #172b4d
    }

    .tax-slider-wrap .tax-slider .left:after {
        bottom: -20px
    }

    .ext-banner .top-banner-right .left .large-text,
    .ext-banner .top-banner-right .left.health .large-text {
        font-size: 22px
    }

    .ext-banner .pagingInfo {
        bottom: 38px;
        left: 240px
    }
}

@media only screen and (max-width:768px) {
    .tax-slider-wrap .tax-slider .left:after {
        bottom: -20px
    }
}

.ext-head {
    text-align: center;
    display: none
}

@media only screen and (max-width:1023px) {
    .ext-head {
        text-align: center;
        display: block
    }
}

.ext-banner-mobile {
    width: calc(100% - 32px) !important;
    margin: 0 auto 0;
    position: relative;
    max-width: 390px;
    -webkit-transition: all 3s ease-in;
    transition: all 3s ease-in
}

.ext-banner-mobile.h0 {
    -webkit-transition: all 3s ease-in;
    transition: all 3s ease-in
}

@media only screen and (min-width:1025px) {
    .ext-banner-mobile {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .ext-banner-mobile {
        display: inline-block;
        z-index: 11
    }
}

@media only screen and (max-width:860px) {
    .ext-banner-mobile {
        padding: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .ext-banner-mobile {
        padding: 0 16px !important
    }
}

@media only screen and (max-width:600px) {
    .ext-banner-mobile {
        padding: 0 !important;
        width: 100% !important
    }
}

.ext-banner-mobile .mobile-banner-close {
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 3px;
    width: 24px;
    height: 24px;
    opacity: .8;
    z-index: 1;
    background: #ccc;
    display: none;
    border-radius: 50%
}

@media only screen and (max-width:600px) {
    .ext-banner-mobile .mobile-banner-close {
        background: #e0e0e0;
        display: none
    }
}

.ext-banner-mobile .mobile-banner-close:after,
.ext-banner-mobile .mobile-banner-close:before {
    position: absolute;
    left: 11px;
    content: ' ';
    height: 13px;
    width: 2px;
    top: 6px;
    background-color: #333
}

.ext-banner-mobile .mobile-banner-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ext-banner-mobile .mobile-banner-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pointer-click {
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 50px;
    bottom: 0;
    right: 0;
    z-index: 10;
    margin: 0 auto
}

.pointer-click span {
    width: 4px;
    height: 4px;
    background: #b3b3b3;
    margin: 0 2px;
    border-radius: 50%;
    cursor: pointer
}

.pointer-click span.active {
    background: #5e6c84
}

.ext-banner-mobile .block .left {
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #172b4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: auto;
    width: 370px
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .itemClick {
    display: inline-block;
    position: relative
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investment {
    background: url("../../images/home/investment-tax-saving-1.png") no-repeat;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%;
    width: 370px
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-health {
    background: url("../../images/home/health-tax-saving-1.png?v=1") no-repeat;
    width: 370px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-employee {
    background: url("../../images/home/employee-insurance-plans.png") no-repeat;
    width: 370px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentPlan {
    background: url("../../images/home/banner-investmentplan.png?v=1") no-repeat;
    width: 370px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-newtermPlan {
    background: url("../../images/home/term_crore_mobile.png?v=2") no-repeat left top/contain;
    width: 340px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-healthplan {
    background: url("../../images/home/health-web-mobile.png?v=1") no-repeat;
    width: 340px;
    position: relative;
    height: 190px;
    background-size: 100%;
    margin: 0 auto
}

@media only screen and (max-width:568px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-healthplan {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-healthplan {
        width: 275px;
        height: 160px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-ipru-nfo {
    background: url("../../images/home/ipru_nfo-mobile.png?v=4") no-repeat;
    width: 340px;
    position: relative;
    height: 190px;
    background-size: 100%;
    margin: 0 auto
}

@media only screen and (max-width:568px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-ipru-nfo {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-ipru-nfo {
        width: 275px;
        height: 160px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-baxa-nfo {
    background: url("../../images/home/baxa_nfo-mobile.png") no-repeat;
    width: 340px;
    position: relative;
    height: 190px;
    background-size: 100%;
    margin: 0 auto
}

@media only screen and (max-width:568px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-baxa-nfo {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-bajaj-nfo {
        width: 275px;
        height: 160px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-hdfc-nfo {
    background: url(../../images/home/investment_1cr_mobile.png) no-repeat;
    width: 340px;
    position: relative;
    height: 190px;
    background-size: 100%;
    margin: 0 auto
}

@media only screen and (max-width:568px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-hdfc-nfo {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-hdfc-nfo {
        width: 275px;
        height: 160px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentplan-onecr {
    background: url("../../images/home/banner-investmentplan-onecr.png?v=1") no-repeat;
    width: 340px;
    position: relative;
    height: 190px;
    background-size: 100%;
    margin: 0 auto
}

@media only screen and (max-width:568px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentplan-onecr {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentplan-onecr {
        width: 275px;
        height: 160px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-guaranteedPlan {
    background: url("../../images/home/mobile-banner-pankaj-tripathi.svg") no-repeat;
    width: 370px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .textbanner-investmentPlan-nri {
    background: url("../../images/home/intro-banner.png") no-repeat center center;
    float: left;
    position: relative;
    height: 190px;
    width: 370px;
    background-size: 92%
}

@media only screen and (max-width:375px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .textbanner-investmentPlan-nri {
        width: 355px
    }
}

@media only screen and (max-width:360px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .textbanner-investmentPlan-nri {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .textbanner-investmentPlan-nri {
        width: 275px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-term-nri {
    background: url("../../images/home/nri_term_banner_mobile.png?v=3") no-repeat center center;
    float: left;
    position: relative;
    height: 190px;
    width: 370px;
    background-size: 92%
}

@media only screen and (max-width:375px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-term-nri {
        width: 355px
    }
}

@media only screen and (max-width:360px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-term-nri {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-term-nri {
        width: 275px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-guaranteedPlan-nri {
    background: url("../../images/home/nri_investment_banner_mobile.png") no-repeat center center;
    float: left;
    position: relative;
    height: 190px;
    width: 370px;
    background-size: 92%
}

@media only screen and (max-width:375px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-guaranteedPlan-nri {
        width: 355px
    }
}

@media only screen and (max-width:360px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-guaranteedPlan-nri {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-guaranteedPlan-nri {
        width: 275px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-retirement-nri {
    background: url("../../images/home/max_nfo_mobile.png?v=1") no-repeat center center;
    float: left;
    position: relative;
    height: 190px;
    width: 370px;
    background-size: 92%
}

@media only screen and (max-width:375px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-retirement-nri {
        width: 355px
    }
}

@media only screen and (max-width:360px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-retirement-nri {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-retirement-nri {
        width: 275px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .investment_plan-nri {
    background: url("../../images/home/investmentplan_nri-mobile.png") no-repeat center center;
    float: left;
    position: relative;
    height: 190px;
    width: 370px;
    background-size: 92%
}

@media only screen and (max-width:375px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .investment_plan-nri {
        width: 355px
    }
}

@media only screen and (max-width:360px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .investment_plan-nri {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .investment_plan-nri {
        width: 275px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-ipru-nri {
    background: url("../../images/home/ipru_nfo-mobile.png?v=4") no-repeat center center;
    float: left;
    position: relative;
    height: 190px;
    width: 370px;
    background-size: 92%
}

@media only screen and (max-width:375px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-ipru-nri {
        width: 355px
    }
}

@media only screen and (max-width:360px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-ipru-nri {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-ipru-nri {
        width: 275px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .nri_health_banner {
    background: url("../../images/home/health_gstrefund-mobile.png") no-repeat center center;
    float: left;
    position: relative;
    height: 190px;
    width: 370px;
    background-size: 92%
}

@media only screen and (max-width:375px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .nri_health_banner {
        width: 355px
    }
}

@media only screen and (max-width:360px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .nri_health_banner {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .nri_health_banner {
        width: 275px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-hdfc-nfo-nri {
    background: url(../../images/home/investment-nri-mobile.png) no-repeat center center;
    float: left;
    position: relative;
    height: 190px;
    width: 370px;
    background-size: 92%
}

@media only screen and (max-width:375px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-hdfc-nfo-nri {
        width: 355px
    }
}

@media only screen and (max-width:360px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-hdfc-nfo-nri {
        width: 340px
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-hdfc-nfo-nri {
        width: 275px
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-newtermPlan {
    width: 340px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentPlan_trad {
    background: url("../../images/home/max_nfo_mobile.png?v=1") no-repeat left top/contain;
    width: 340px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner.banner-investmentPlan_trad {
    background: 0 0 !important;
    cursor: pointer
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-car {
    background: url("../../images/home/car_home_mobile.png?v=2") no-repeat;
    width: 370px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-tw {
    background: url("../../images/home/tw_home_mobile.png?v=2") no-repeat;
    width: 370px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .digital_india {
    background: url("../../images/home/ditial_india_mob.png") no-repeat;
    width: 370px;
    float: left;
    position: relative;
    height: 190px;
    background-size: 100%
}

@media only screen and (max-width:375px) {

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-car,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-tw,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .digital_india {
        background-size: 95%
    }
}

@media only screen and (max-width:360px) {

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-car,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-tw,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .digital_india {
        background-size: 92%
    }
}

@media only screen and (max-width:320px) {

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-car,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-tw,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .digital_india {
        background-size: 80%
    }
}

.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-health:after,
.ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investment:after {
    background: url("../../images/home/animation-banner.gif") no-repeat 0 0;
    height: 70px;
    width: 70px;
    position: absolute;
    right: 20px;
    background-size: 100%;
    bottom: 20px
}

.mobile-banner-tax-saving .slick-dots li {
    width: 10px;
    height: 20px
}

.mobile-banner-tax-saving .slick-dots li button:before {
    font-size: 20px
}

@media only screen and (max-width:1024px) {
    .ext-banner-mobile .block {
        padding: 0 0 15px !important;
        width: 370px;
        margin: 8px auto 0;
        overflow: hidden;
        position: relative
    }
}

@media only screen and (max-width:320px) {
    .ext-banner-mobile .block {
        padding: 15px 0 0 !important
    }
}

@media only screen and (max-width:1023px) {
    .ext-banner-mobile .mobile-banner-close {
        right: 12px;
        top: 5px
    }
}

@media only screen and (max-width:768px) {
    .ext-banner-mobile .mobile-banner-close {
        right: 2px;
        top: 5px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-health:after,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investment:after {
        bottom: 30px
    }

    .ext-banner-mobile .block .slick-dots {
        bottom: -20px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-employee,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-guaranteedPlan,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-health,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentPlan,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentPlan_trad,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-newtermPlan,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .itemClick {
        height: 185px;
        margin: 0 auto;
        float: initial
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner {
        position: relative
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner {
        background: url("../../images/home/max_nfo_mobile.png") no-repeat 0 0;
        width: 100%;
        height: 185px;
        border-radius: 16px;
        padding: 10px;
        background-size: contain
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .leftitme {
        background: #9a7e9c;
        position: absolute;
        width: 104px;
        padding-left: 40px;
        font-size: 10px;
        bottom: 6px;
        right: 0;
        border-radius: 12px 0 12px 0;
        padding: 4px 2px 3px 36px;
        color: #fff;
        font-weight: 500;
        text-align: left;
        border: 1px solid #ef8c89;
        line-height: 13px;
        height: 36px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .leftitme:before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        background: #fff url(../../images/home-v1/time.gif) no-repeat 0 0;
        background-size: 100%;
        border-radius: 50%;
        left: 8px;
        top: 8px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .timerWrapper {
        position: absolute;
        width: 110px;
        height: 23px;
        bottom: 32px;
        left: 137px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .timerWrapper span {
        width: 20%;
        margin: 0 .5%;
        background: #fff;
        border-radius: 8px;
        color: #0c69fa;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        font-size: 12px;
        font-weight: 600
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .timerWrapper span:before {
        content: "";
        position: absolute;
        font-size: 9px;
        top: 25px;
        left: 2px;
        color: #fff;
        font-weight: 400;
        text-transform: lowercase;
        line-height: 12px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .timerWrapper span.days:before {
        content: "Days";
        left: 2px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .timerWrapper span.hour:before {
        content: "Hours";
        left: -1px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .timerWrapper span.min:before {
        content: "Min";
        left: 4px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .customBanner .banner .timerWrapper span.sec:before {
        content: "Sec";
        left: 3px
    }
}

@media only screen and (max-width:375px) {

    .ext-banner-mobile .block,
    .ext-banner-mobile .block .left,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .itemClick {
        width: 355px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-health:after,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investment:after {
        bottom: 38px;
        right: 25px;
        height: 60px;
        width: 60px
    }
}

@media only screen and (max-width:360px) {

    .ext-banner-mobile .block,
    .ext-banner-mobile .block .left,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .itemClick {
        width: 340px
    }

    .ext-banner-mobile .slick-dots {
        bottom: -5px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-health:after,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investment:after {
        bottom: 18px;
        right: 25px;
        height: 60px;
        width: 60px
    }
}

@media only screen and (max-width:320px) {

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-employee,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-guaranteedPlan,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-health,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-healthplan,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investment,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentPlan,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentPlan_trad,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-investmentplan-onecr,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-newtermPlan {
        max-width: 275px
    }

    .ext-banner-mobile .block,
    .ext-banner-mobile .block .left,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .itemClick {
        width: 275px
    }

    .ext-banner-mobile .block .slick-dots {
        bottom: -5px
    }

    .ext-banner-mobile .block .left.mobile-banner-tax-saving .banner-health,
    .ext-banner-mobile .block .left.mobile-banner-tax-saving .itemClick {
        height: 160px
    }
}

.ext-banner-mobile .block .left span.pb-promise {
    color: #253858;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    padding: 1px 0 0;
    font-weight: 700;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ext-banner-mobile .block .left span.pb-promise img {
    margin-right: 10px;
    max-width: 32px
}

.ext-banner-mobile .block .left p.mid-text {
    font-size: 14px;
    color: #172b4d;
    line-height: 26px;
    padding: 0;
    text-align: left;
    font-weight: 500;
    max-width: 162px
}

@media screen and (max-width:320px) {
    .ext-banner-mobile .block .left p.mid-text {
        font-size: 16px;
        max-width: 152px
    }
}

.ext-banner-mobile .block .left p.mid-text span {
    color: #0663f6;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 0;
    display: block
}

.ext-banner-mobile .block .left p.mid-text span a {
    background: #0663f6;
    color: #fff;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 5px
}

.ext-banner-mobile .block .left p.mid-text span a:focus,
.ext-banner-mobile .block .left p.mid-text span a:hover {
    text-decoration: none
}

.ext-banner-mobile .block .right {
    width: 125px
}

.ext-banner-mobile .block .right img {
    width: 80px
}

.pb-promise-popup-overlay-web {
    background: rgba(23, 43, 77, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none
}

.pb-promise-popup-overlay-mobile {
    background: rgba(23, 43, 77, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none
}

.pb-promise-popup-web {
    width: 854px;
    height: 410px;
    background: #fff;
    border-radius: 8px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

.pb-promise-popup-web.hide {
    display: none
}

@media only screen and (max-width:1023px) {
    .pb-promise-popup-web {
        display: none
    }
}

.pb-promise-popup-web .left {
    width: 445px;
    display: inline-block;
    margin: 34px 40px 34px 40px;
    vertical-align: top
}

.pb-promise-popup-web .left p.head {
    font-size: 24px;
    font-weight: 700;
    color: #253858;
    padding-bottom: 24px
}

.pb-promise-popup-web .left p.head img {
    width: 40px;
    vertical-align: middle;
    margin-right: 23px;
    margin-bottom: 3px
}

.pb-promise-popup-web .left p.top-text {
    font-size: 16px;
    line-height: 24px;
    color: #253858;
    padding-bottom: 24px
}

.pb-promise-popup-web .left ul {
    margin: 0 0 0 16px;
    padding: 0
}

.pb-promise-popup-web .left ul li {
    padding: 0 0 24px 0;
    list-style: none;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #253858;
    position: relative
}

.pb-promise-popup-web .left ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #505f79;
    position: absolute;
    top: 7px;
    left: -16px
}

.pb-promise-popup-web .left ul li:last-child {
    padding: 0
}

.pb-promise-popup-web .right {
    width: 305px;
    height: 447px;
    margin: -19px 0 0;
    background: url(../../images/home-v1/blue-bg-web.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative
}

.pb-promise-popup-web .right::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../../images/home-v1/base-top.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: -18px
}

.pb-promise-popup-web .right::after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../../images/home-v1/base-one.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: -18px
}

.pb-promise-popup-web .right span.pb-promise-popup-web-close {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%
}

.pb-promise-popup-web .right span.pb-promise-popup-web-close:after,
.pb-promise-popup-web .right span.pb-promise-popup-web-close:before {
    position: absolute;
    left: 13px;
    content: ' ';
    height: 16px;
    width: 2px;
    top: 7px;
    background-color: #333
}

.pb-promise-popup-web .right span.pb-promise-popup-web-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pb-promise-popup-web .right span.pb-promise-popup-web-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pb-promise-popup-web .right ul {
    margin: 60px 0 0 40px;
    padding: 0
}

.pb-promise-popup-web .right ul li {
    list-style: none;
    margin: 0 0 56px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pb-promise-popup-web .right ul li span.ico {
    border-radius: 8px;
    background: rgba(255, 255, 255, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 65px;
    height: 65px;
    text-align: center
}

.pb-promise-popup-web .right ul li span.ico i {
    width: 39px;
    height: 39px;
    display: inline-block;
    margin: 0 auto;
    background: url(../../images/home-v1/rhs-icons.svg) no-repeat;
    background-size: 100%
}

.pb-promise-popup-web .right ul li span.ico i.month {
    background-position: 0 -54px
}

.pb-promise-popup-web .right ul li span.ico i.claim {
    background-position: 0 -109px
}

.pb-promise-popup-web .right ul li p.text {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    width: 151px;
    margin-left: 20px
}

.pb-promise-popup-web .right ul li p.text span {
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
    display: block;
    color: #fbfbfb;
    opacity: .8;
    line-height: 20px
}

.pb-promise-popup-mobile {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
    display: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.pb-promise-popup-mobile.hide {
    display: none
}

@media only screen and (max-width:768px) {
    .pb-promise-popup-mobile {
        height: auto;
        bottom: 0;
        top: auto
    }
}

@media only screen and (orientation:landscape) and (max-width:1024px) {
    .pb-promise-popup-mobile {
        height: auto;
        bottom: 0;
        top: auto
    }
}

@media only screen and (max-width:767px) {
    .pb-promise-popup-mobile {
        height: 70%
    }
}

.pb-promise-popup-mobile .inner-block {
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    scroll-behavior: smooth;
    position: unset;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: auto
}

.pb-promise-popup-mobile .inner-block span.close {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    width: 28px;
    height: 28px;
    opacity: .8;
    background: #ccc;
    border-radius: 50%;
    z-index: 9999
}

.pb-promise-popup-mobile .inner-block .close:after,
.pb-promise-popup-mobile .inner-block span.close:before {
    position: absolute;
    left: 13px;
    content: ' ';
    height: 16px;
    width: 2px;
    top: 7px;
    background-color: #333
}

.pb-promise-popup-mobile .inner-block span.close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pb-promise-popup-mobile .inner-block span.close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pb-promise-popup-mobile .inner-block .left {
    width: calc(100% - 32px);
    display: inline-block;
    margin: 16px 16px;
    vertical-align: top
}

.pb-promise-popup-mobile .inner-block .left p.head {
    font-size: 20px;
    font-weight: 500;
    color: #253858;
    margin-bottom: 32px;
    position: relative
}

.pb-promise-popup-mobile .inner-block .left p.head img {
    width: 40px;
    vertical-align: middle;
    margin-right: 14px;
    margin-top: 10px
}

.pb-promise-popup-mobile .inner-block .left p.head span {
    color: #253858;
    opacity: .6;
    font-size: 12px;
    margin-top: 2px;
    position: absolute;
    bottom: -2px;
    left: 54px
}

.pb-promise-popup-mobile .inner-block .left p.top-text {
    font-size: 14px;
    line-height: 20px;
    color: #253858;
    padding-bottom: 24px
}

.pb-promise-popup-mobile .inner-block .left ul {
    margin: 0 0 0 16px;
    padding: 0
}

.pb-promise-popup-mobile .inner-block .left ul li {
    padding: 0 0 24px 0;
    list-style: none;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #253858;
    position: relative
}

.pb-promise-popup-mobile .inner-block .left ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #505f79;
    position: absolute;
    top: 7px;
    left: -16px
}

.pb-promise-popup-mobile .inner-block .left ul li:last-child {
    padding: 0
}

.pb-promise-popup-mobile .inner-block .right {
    width: 100%;
    height: auto;
    margin: 20px 0 0;
    background: #0e1fa7 url(../../images/home-v1/blue-bg-mobile.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px
}

.pb-promise-popup-mobile .inner-block .right::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../../images/home-v1/base-top.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: -18px
}

.pb-promise-popup-mobile .inner-block .right::after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../../images/home-v1/base-one.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: -18px
}

.pb-promise-popup-mobile .inner-block .right ul {
    margin: 24px 0 0 20px;
    padding: 0
}

.pb-promise-popup-mobile .inner-block .right ul li {
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pb-promise-popup-mobile .inner-block .right ul li span.ico {
    border-radius: 8px;
    background: rgba(255, 255, 255, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    height: 48px;
    text-align: center
}

.pb-promise-popup-mobile .inner-block .right ul li span.ico i {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 auto;
    background: url(../../images/home-v1/rhs-icons.svg) no-repeat;
    background-size: 100%
}

.pb-promise-popup-mobile .inner-block .right ul li span.ico i.month {
    background-position: 0 -41px
}

.pb-promise-popup-mobile .inner-block .right ul li span.ico i.claim {
    background-position: 0 -85px
}

.pb-promise-popup-mobile .inner-block .right ul li p.text {
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    color: #fff
}

.pb-promise-popup-mobile .inner-block .right ul li p.text span {
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
    display: block
}

.youtube_video {
    padding: 20px 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 900px;
    min-height: 480px;
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    z-index: 999999;
    background: #fff;
    border-radius: 8px
}

.youtube_video p.heading {
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0 25px
}

.youtube_video.play .big_video img {
    display: none
}

.youtube_video .close-youtube {
    background: 0 0;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    border: 1px solid #253858;
    top: 30px
}

.youtube_video .close-youtube:after {
    content: '';
    height: 14px;
    border-left: 1px solid #253858;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 11px;
    top: 4px
}

.youtube_video .close-youtube:before {
    content: '';
    height: 14px;
    border-left: 1px solid #253858;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 11px;
    top: 4px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape),
(max-width:1024px) {
    .youtube_video.moblieyoutubeBox {
        display: block !important;
        width: 100%;
        height: 100%;
        min-height: auto;
        background: #000;
        border-radius: 0
    }

    .youtube_video.moblieyoutubeBox .video_content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 50%;
        position: absolute;
        -webkit-transform: translate(-30px, -50%);
        transform: translate(-30px, -50%)
    }

    .youtube_video.moblieyoutubeBox .video_content iframe {
        width: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape) and (max-width:480px),
only screen and (max-width:1024px) and (max-width:480px) {
    .youtube_video.moblieyoutubeBox .video_content {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape),
(max-width:1024px) {
    .youtube_video.moblieyoutubeBox .big_video {
        width: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape) and (max-width:740px),
only screen and (max-width:1024px) and (max-width:740px) {
    .youtube_video.moblieyoutubeBox .big_video {
        width: 70%;
        text-align: center;
        height: 250px
    }

    .youtube_video.moblieyoutubeBox .big_video .big_video {
        height: 250px
    }

    .youtube_video.moblieyoutubeBox .big_video iframe {
        height: 250px;
        width: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape) and (max-width:480px),
only screen and (max-width:1024px) and (max-width:480px) {
    .youtube_video.moblieyoutubeBox .big_video {
        width: 100%;
        text-align: center;
        height: 180px
    }

    .youtube_video.moblieyoutubeBox .big_video .big_video {
        height: 180px;
        width: 100%
    }

    .youtube_video.moblieyoutubeBox .big_video iframe {
        height: 180px;
        width: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape),
(max-width:1024px) {

    .youtube_video.moblieyoutubeBox .heading,
    .youtube_video.moblieyoutubeBox .more_video_link,
    .youtube_video.moblieyoutubeBox .small_thumb_video {
        display: none
    }

    .youtube_video.moblieyoutubeBox .close-youtube {
        position: fixed;
        border: 1px solid #fff;
        top: 20px;
        right: 20px;
        z-index: 10000
    }

    .youtube_video.moblieyoutubeBox .close-youtube:after,
    .youtube_video.moblieyoutubeBox .close-youtube:before {
        border-left: 1px solid #fff
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape) and (max-width:480px),
only screen and (max-width:1024px) and (max-width:480px) {
    .youtube_video.moblieyoutubeBox {
        padding: 0
    }
}

.video_content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.video_content .related_vidoe {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px
}

.video_content .video_name {
    font-size: 14px;
    font-weight: 500;
    margin: 7px 0 15px
}

.video_content .big_video {
    width: 70%;
    max-width: 620px
}

.video_content .big_video img {
    width: auto;
    height: 350px
}

.video_content .small_thumb_video {
    width: 240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 25px
}

.video_content .small_thumb_video .video_item {
    cursor: pointer;
    position: relative
}

.video_content .small_thumb_video .video_item:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    right: 0;
    left: 0;
    background: url("../../images/home/playbtn.png") no-repeat;
    top: 45px;
    background-size: 100%
}

.video_content .small_thumb_video img {
    width: auto;
    height: 135px
}

.videoItem {
    width: 385px;
    height: 170px;
    position: fixed;
    bottom: -190px;
    right: 20px;
    z-index: 99;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape),
(max-width:1024px) {
    .videoItem {
        display: none
    }
}

.videoItem.visible {
    bottom: 20px
}

.videoItem .videobanner {
    position: relative;
    display: none;
    cursor: pointer
}

.videoItem .videobanner img {
    width: auto;
    height: 150px
}

.videoItem .videobanner.show {
    display: block
}

.videoItem .closebutton {
    background: #fff;
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    top: -11px;
    right: -7px;
    border: 1px solid #727e93;
    position: absolute
}

.videoItem .closebutton:after,
.videoItem .closebutton:before {
    content: '';
    height: 12px;
    border-left: 1px solid #253858;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 11px;
    top: 5px
}

.videoItem .closebutton:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.more_video_link {
    font-size: 16px;
    margin: 20px 0 0;
    display: block
}

.more_video_link a {
    color: #0763f6;
    text-decoration: none;
    position: relative;
    font-weight: 500
}

.more_video_link a:after {
    content: "";
    position: absolute;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 8px;
    width: 8px;
    border-bottom: 2px solid #0763f6;
    border-right: 2px solid #0763f6;
    top: 35%;
    right: -13px
}

.slideshow-container-wrapper {
    position: absolute;
    top: 0;
    right: 0
}

.slideshow-container {
    max-width: 420px;
    position: relative;
    margin: auto;
    cursor: pointer
}

.slideshow-container .mySlides {
    display: none
}

.slideshow-container .mySlides.deskbanner {
    cursor: pointer
}

.slideshow-container .mySlides.showItem {
    display: block;
    width: 420px;
    min-height: 234px
}

.slideshow-container .text {
    top: 50px;
    color: #253858;
    font-size: 16px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    font-weight: 500;
    text-align: left
}

.slideshow-container .text span {
    display: block;
    font-size: 22px;
    font-weight: 300;
    display: block;
    margin: 10px 0 5px;
    width: 270px;
    line-height: 32px
}

.slideshow-container .text.child span {
    width: 270px
}

.slideshow-container .text.term span {
    width: 220px
}

.slideshow-container .text.retirement span {
    width: 310px
}

.slideshow-container .text.ulip span {
    width: 260px
}

.slideshow-container .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.slideshow-container .guaranteed-plan {
    width: 560px
}

.slideshow-container .guaranteed-plan-text {
    height: 342px
}

.slideshow-container .guaranteed-plan-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 400px;
    position: relative;
    left: -20px;
    bottom: 95px
}

.dotswarpper {
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: none
}

.dotswarpper.show {
    display: flex;
    justify-content: center;
    flex-direction: row
}

.dotswarpper .dot {
    height: 8px;
    width: 8px;
    margin: 10px 6px;
    border-radius: 50%;
    display: block;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color .6s ease
}

.dotswarpper .dot.active {
    background-color: #96b3ff;
    border: 1px solid #96b3ff
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width:300px) {
    .text {
        font-size: 11px
    }
}

@media all and (-ms-high-contrast:none) {
    .prd-row.rowheight-half.nri .prd-block {
        margin-right: 23px
    }

    .prd-row.rowheight-half.nri .prd-block,
    ::-ms-backdrop {
        margin-right: 23px
    }

    .main-container.invert {
        display: table
    }

    .main-container.invert,
    ::-ms-backdrop {
        display: table
    }

    .main-container.invert .invert-video {
        top: 0
    }

    .main-container.invert .invert-video,
    ::-ms-backdrop {
        top: 0
    }

    .main-container.invert .top-fold .txt-part h1 {
        margin-top: 30px
    }

    .main-container.invert .top-fold .txt-part h1,
    ::-ms-backdrop {
        margin-top: 30px
    }
}

.main-container.invert .top-fold .txt-part h1 {
    color: #fff
}

.main-container.invert .invert-video {
    top: -2px;
    right: 0;
    position: absolute
}

.main-container.invert .top-fold .txt-part+article {
    display: none
}

.main-container .invert-video {
    display: none
}

.main-container.invert .invert-video {
    display: block
}

.main-container.invert .best-place {
    background: #fff url(../../images/home-v1/left-bg.png) left top no-repeat;
    min-height: 510px
}

@media only screen and (max-width:1024px) {

    .main-container.invert,
    .main-container.invert.retina {
        background: 0 0
    }

    .main-container.invert .invert-video {
        display: none
    }

    .main-container.invert .top-fold .txt-part h1 {
        color: #253858
    }

    .main-container.invert .top-fold .txt-part+article {
        display: block
    }

    .main-container .invert-video {
        display: none
    }

    .main-container.invert .best-place {
        background: #f5f6fc;
        min-height: auto
    }
}

input::-webkit-validation-bubble-message,
select::-webkit-validation-bubble-message,
textarea::-webkit-validation-bubble-message {
    display: none
}

input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.loading::after {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    right: 15px;
    border-top: 4px solid rgba(255, 255, 255, .2);
    border-right: 4px solid rgba(255, 255, 255, .2);
    border-bottom: 4px solid rgba(255, 255, 255, .2);
    border-left: 4px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    border-radius: 50%;
    margin: 0;
    vertical-align: middle;
    margin-left: 6px;
    position: absolute;
    top: 12px
}

@media only screen and (max-width:1024px) {
    .loading::after {
        top: 8px
    }
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.body-fixed {
    overflow: hidden;
    width: 100%;
    position: fixed
}

.pb-logo {
    max-width: 1140px;
    text-align: center;
    margin: 20px auto 40px
}

.hide {
    display: none !important
}

.get-help-popup-container {
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(23, 43, 77, .9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.get-help-popup-container.visible {
    opacity: 1;
    z-index: 100000
}

@media screen and (max-width:460px) {
    .get-help-popup-container.visible {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-justify-content: flex-end;
        align-items: flex-end;
        -webkit-aling-tems: flex-end
    }
}

.get-help-popup-close {
    background: #fff url("../../images/bu/exit-intent-popup-close.svg") no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 1;
    border: 1px solid #000;
    border-radius: 50%;
    background-size: 70%;
    background-position: 3px 3px
}

.get-help-popup-close.un {
    background: #fff url("../images/bu/exit-intent-popup-close.svg") no-repeat;
    background-size: 70%;
    background-position: 3px 3px
}

@media screen and (max-width:460px) {
    .get-help-popup-close {
        top: 15px;
        right: 15px
    }
}

.get-help-intent-popup {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 16px;
    max-width: 450px;
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 1002
}

@media screen and (min-device-width:800px) and (max-device-width:960px) {
    .get-help-intent-popup {
        margin-top: 250px
    }
}

@media screen and (max-width:760px) {
    .get-help-intent-popup {
        margin-top: 220px
    }
}

@media screen and (max-width:568px) {
    .get-help-intent-popup {
        margin-top: 250px
    }
}

@media screen and (max-width:460px) {
    .get-help-intent-popup {
        margin: 0;
        padding: 0;
        height: 70%;
        border-radius: 30px 30px 0 0;
        max-width: 100%;
        overflow: hidden;
        padding-bottom: 20px
    }

    .get-help-intent-popup::after {
        background-size: contain;
        width: 200px;
        height: 183px
    }
}

@media screen and (max-width:360px) {
    .get-help-intent-popup::after {
        opacity: .3
    }
}

.get-help-popup-content>div {
    font-family: Roboto;
    z-index: 10;
    overflow: hidden;
    position: relative;
    width: 100%;
    font-size: 12px
}

.get-help-popup-content>div.authentication-check {
    padding-top: 20px
}

.get-help-popup-content>div .heading {
    background: #f2f7ff;
    padding: 15px 25px 15px;
    border-radius: 16px 16px 0 0;
    font-size: 16px;
    font-weight: 500
}

.get-help-popup-content>div .heading.none {
    background: 0 0
}

.get-help-popup-content>div .headingbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.get-help-popup-content>div .headingbox .left {
    width: 60%;
    margin-bottom: 0;
    margin-top: 30px
}

.get-help-popup-content>div .headingbox .left .heading-h2 {
    font-size: 22px;
    line-height: 30px;
    color: #253858;
    font-weight: 500
}

.get-help-popup-content>div .headingbox .left .text {
    font-size: 14px;
    line-height: 20px;
    color: #253858;
    margin: 10px 0 20px
}

.get-help-popup-content>div .headingbox .right {
    width: 40%;
    background: url("../../images/bu/get-help.jpg") no-repeat 0 0;
    height: 150px;
    margin-top: 20px
}

@media screen and (max-width:375px) {
    .get-help-popup-content>div .headingbox .right {
        background-size: 100%
    }
}

.get-help-popup-content>div .headingbox .right.unregister {
    width: 40%;
    background: url("../images/bu/get-help.jpg") no-repeat 0 0;
    height: 160px
}

@media screen and (max-width:375px) {
    .get-help-popup-content>div .headingbox .right.unregister {
        background-size: 100%
    }
}

.get-help-popup-content>div .go_back_login {
    letter-spacing: .2px;
    color: #0065ff;
    text-decoration: none;
    font-size: 12px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.get-help-popup-content>div .go_back_login img {
    margin-left: 8px
}

.get-help-popup-content>div .product-item {
    padding: 20px 20px 10px 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.get-help-popup-content>div .product-list {
    background: #fff;
    padding: 13px 15px;
    -webkit-box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    width: 108px;
    font-size: 16px;
    position: relative;
    line-height: 20px;
    height: 108px;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    margin: 2% 3%
}

@media all and (-ms-high-contrast:none) {

    .get-help-popup-content>div .product-list,
    .get-help-popup-content>div .product-list ::-ms-backdrop {
        padding: 13px 0
    }
}

@media screen and (max-width:320px) {
    .get-help-popup-content>div .product-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        margin: 2% 2%
    }
}

.get-help-popup-content>div .product-list:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%
}

.get-help-popup-content>div .product-list:last-child {
    margin-bottom: 0;
    margin-left: 2%
}

.get-help-popup-content>div .product-list .icon-bg {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 0;
    background: url("../../images/bu/all-product-icon.svg") no-repeat 0 0;
    background-size: 100%
}

.get-help-popup-content>div .product-list .icon-bg.car-insurance {
    background-position: 0 0
}

.get-help-popup-content>div .product-list .icon-bg.health-insurance {
    background-position: 0 -51px
}

.get-help-popup-content>div .product-list .icon-bg.term-life {
    background-position: 0 -102px
}

.get-help-popup-content>div .product-list .icon-bg.inv {
    background-position: 0 -153px
}

.get-help-popup-content>div .product-list .icon-bg.ti {
    background-position: 0 -204px
}

.get-help-popup-content>div .product-list .icon-bg.two-wheeler-insurance {
    background-position: 0 -253px
}

.get-help-popup-content>div .product-list .icon-bg.hi {
    background-position: 0 -305px
}

.get-help-popup-content>div .product-list .icon-bg.ci {
    background-position: 0 -354px
}

.get-help-popup-content>div .product-list .icon-bg.pa {
    background-position: 0 -408px
}

.get-help-popup-content>div .product-list .icon-bg.cancer {
    background-position: 0 -458px
}

.get-help-popup-content>div .product-list .icon-bg.cv {
    background-position: 0 -508px
}

.get-help-popup-content>div .product-list .next {
    border: solid #0065ff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    display: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.get-help-popup-content>div .product-list .text {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin: 10px 0 0 0;
    line-height: 14px
}

.get-help-popup-content>div .product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.get-help-popup-content .otherproducts {
    text-align: center
}

@media screen and (max-width:460px) {
    .get-help-popup-content .otherproducts {
        position: fixed;
        text-align: center;
        width: 100%;
        bottom: 0
    }
}

.get-help-popup-content .otherproducts .other-insurance {
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0 20px;
    color: #0065ff
}

.get-help-popup-content h2 {
    color: #253858;
    font-size: 42px;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 5px
}

@media screen and (max-width:460px) {
    .get-help-popup-content h2 {
        font-size: 28px;
        line-height: 32px
    }
}

.get-help-popup-content p.description {
    color: #253858;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    width: 60%;
    position: relative;
    padding-bottom: 10px
}

.get-help-popup-content p.description:after {
    content: '';
    background-color: #e5e5e5;
    height: 2px;
    width: 75%;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width:460px) {
    .get-help-popup-content p.description {
        font-size: 14px;
        line-height: 18px;
        width: 75%
    }
}

.get-help-popup-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin-top: 21px;
    width: 75%
}

@media screen and (max-width:460px) {
    .get-help-popup-content ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.get-help-popup-content ul li {
    width: 50%;
    letter-spacing: 0;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 8px;
    position: relative;
    padding-left: 19px
}

@media screen and (max-width:460px) {
    .get-help-popup-content ul li {
        width: 100%;
        font-size: 14px;
        margin-bottom: 3px;
        z-index: 1;
        position: relative
    }
}

.get-help-popup-content .viewplan-link,
.get-help-popup-content button {
    background: #0065ff 0 0 no-repeat padding-box;
    border: 1px solid #0065ff;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    max-width: 290px;
    width: 100%;
    padding: 10px 0;
    display: block;
    text-align: center;
    margin-top: 23px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer
}

@media screen and (max-width:460px) {

    .get-help-popup-content .viewplan-link,
    .get-help-popup-content button {
        max-width: 200px;
        z-index: 1;
        position: relative
    }
}

.get-help-popup-content.unregister {
    max-width: 450px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px
}

.get-help-popup-content .policyrequest {
    position: relative;
    padding: 30px
}

.get-help-popup-content .policyrequest .bell-icon {
    width: 100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.get-help-popup-content .policyrequest .note {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin: 20px;
    color: #253858
}

.get-help-popup-content .policyrequest .text {
    font-size: 16px;
    text-align: center;
    color: #253858;
    line-height: 24px;
    margin: 0 0 20px
}

.get-help-popup-content .policyrequest .text.left.mt15 {
    margin: 15px 0;
    text-align: left;
    position: relative;
    display: inline-block
}

.get-help-popup-content .policyrequest .text.left.mt15:before {
    content: "";
    height: 1px;
    position: absolute;
    width: 30px;
    background: #253858;
    bottom: -1px;
    right: -35px;
    top: 53%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.get-help-popup-content .policyrequest .confirmation-id {
    margin: 30px 0;
    display: table;
    font-weight: 400
}

.get-help-popup-content .policyrequest .policy-details {
    cursor: pointer;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 16px;
    position: relative;
    line-height: 20px;
    margin: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.get-help-popup-content .policyrequest .policy-details .box50 {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.get-help-popup-content .policyrequest .policy-details .box50.center {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    position: relative
}

.get-help-popup-content .policyrequest .policy-details .sb-title,
.get-help-popup-content .policyrequest .policy-details .status-title {
    font-size: 12px;
    color: #666;
    width: 100%;
    margin: 15px 0 5px
}

.get-help-popup-content .policyrequest .policy-details .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #253858
}

.get-help-popup-content .policyrequest .policy-details .insurer-logo {
    width: 100px
}

.get-help-popup-content .policyrequest .next {
    border: solid #0065ff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    cursor: pointer;
    right: 0;
    top: 7px;
    position: absolute
}

.get-help-popup-content .no_policy {
    font-size: 24px;
    line-height: 36px;
    color: #253858
}

.get-help-popup-content .no-policies-found-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: COLUMN;
    flex-direction: COLUMN;
    padding: 40px;
    text-align: CENTER
}

@media screen and (max-width:767px) {
    .get-help-popup-content .no-policies-found-section {
        padding: 16px
    }

    .get-help-popup-content .no-policies-found-section>img {
        max-width: 160px
    }
}

.get-help-popup-content .no-policies-found-section .no-policies-found-heading {
    letter-spacing: 0;
    line-height: 36px;
    margin: 6px 0 0;
    color: #253858;
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:767px) {
    .get-help-popup-content .no-policies-found-section .no-policies-found-heading {
        font-size: 18px;
        line-height: 24px
    }
}

.get-help-popup-content .no-policies-found-section .no-policies-found-description {
    letter-spacing: 0;
    line-height: 24px;
    margin: 14px 0 24px;
    color: #253858;
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .get-help-popup-content .no-policies-found-section .no-policies-found-description {
        font-size: 14px;
        line-height: 22px
    }
}

.get-help-popup-content .no-policies-found-section .loadingDiv {
    width: 100%
}

.get-help-popup-content .no-policies-found-section .loadingDiv .loaderProcess,
.get-help-popup-content .no-policies-found-section .loadingDiv .proceed {
    margin: 0
}

.formBox {
    padding: 0 30px 30px
}

@media screen and (max-width:460px) {
    .formBox {
        padding: 0 30px 0;
        height: 100%;
        overflow: auto
    }
}

@media screen and (max-width:375px) {
    .formBox {
        padding: 0 15px 0
    }
}

.registration_check {
    position: relative
}

.registration_check .formInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #5e6c84;
    border-radius: 8px;
    font-size: 16px;
    position: relative
}

.registration_check .formInput .countybox {
    width: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 56px
}

.registration_check .formInput .countybox .search-flag {
    width: 100%;
    position: absolute;
    background: #fff;
    border-radius: 8px;
    z-index: 1;
    top: 0
}

.registration_check .formInput .countybox .search-flag input {
    font-size: 14px;
    width: 100% !important;
    padding: 0 15px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.registration_check .formInput .countybox .country-flag {
    width: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px 0 15px;
    cursor: pointer
}

.registration_check .formInput .countybox .country-flag img {
    width: 30px
}

.registration_check .formInput .countybox .country-flag:after {
    content: "";
    background: url(../../images/bu/selectarrow.svg) no-repeat 0 0;
    width: 15px;
    height: 8px;
    right: -20px;
    position: relative
}

.registration_check .formInput .countybox .country-flag.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.registration_check .formInput .countybox .country-flag.un:after {
    background: url(../images/bu/selectarrow.svg) no-repeat 0 0
}

.registration_check .formInput .countybox .flags {
    width: 300px;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px #ccc;
    box-shadow: 0 2px 6px #ccc;
    border-radius: 0 0 5px 5px;
    top: 70px;
    padding: 0;
    max-height: 200px;
    overflow: auto;
    margin: 0;
    display: none;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.registration_check .formInput .countybox .flags.show {
    display: block;
    top: 60px;
    z-index: 1
}

.registration_check .formInput .countybox .flags::-webkit-scrollbar {
    width: 0
}

.registration_check .formInput .countybox .flags::-webkit-scrollbar-track {
    background: 0 0
}

.registration_check .formInput .countybox .flags::-webkit-scrollbar-thumb {
    background: 0 0
}

.registration_check .formInput .countybox .flags::-webkit-scrollbar-thumb:hover {
    background: 0 0
}

.registration_check .formInput .countybox .flags li {
    width: 100%;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.registration_check .formInput .countybox .flags li span {
    padding: 0;
    width: 30px;
    margin-right: 10px
}

.registration_check .formInput .countybox .flags li .cname {
    width: 100%
}

.registration_check .formInput .countybox .flags li .code {
    padding: 0;
    width: 30px;
    margin-right: 10px
}

.registration_check .formInput .countybox .flags li:after {
    display: none
}

.registration_check .formInput .countybox .codeCountry {
    border: none;
    width: 95px;
    float: left;
    padding: 15px 20px 15px 15px;
    -webkit-appearance: none;
    height: 100%;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    background: url("../../images/bu/selectarrow.svg") no-repeat 95% 52%;
    background-size: 12px 8px
}

.registration_check .formInput .countybox .cCode {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53px;
    float: right;
    padding: 0 10px;
    height: 100%;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.registration_check .formInput input {
    width: calc(100% - 140px);
    height: 56px;
    padding: 0 15px 0 0;
    background: 0 0;
    border: none;
    font-size: 16px;
    border-radius: 8px
}

.registration_check .formInput .feildLable {
    display: inline-block;
    color: #5e6c84;
    font-size: 16px;
    letter-spacing: 0;
    position: absolute;
    top: 17px;
    left: 10px;
    background: #fff;
    padding: 0 4px;
    pointer-events: none;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.registration_check .formInput .feildLable.mobN {
    left: 150px
}

@media screen and (max-width:460px) {
    .registration_check .formInput .feildLable {
        font-size: 12px;
        top: 20px
    }
}

.registration_check .formInput input:focus+.feildLable,
.registration_check .formInput input:focus+.feildLable.gray {
    left: 11px !important;
    top: -8px !important;
    font-size: 12px !important
}

.registration_check .formInput input.labelshow+.feildLable,
.registration_check .formInput input.labelshow+.feildLable.gray {
    left: 11px !important;
    top: -8px !important;
    font-size: 12px !important
}

.registration_check .formInput.full input {
    width: 100%;
    padding: 0 15px
}

.loaderProcess,
.proceed {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #0663f6;
    color: #fff;
    padding: 18px;
    display: block;
    text-align: center;
    border-radius: 8px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    position: relative
}

.loaderProcess.invert,
.proceed.invert {
    background: #fff;
    border: 1px solid #0663f6;
    color: #0663f6
}

@media screen and (max-width:460px) {

    .loaderProcess,
    .proceed {
        margin-bottom: 30px
    }
}

@media screen and (max-width:460px) {
    #btnSubmitVerifyOtp {
        margin-bottom: 40px
    }
}

.auth-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 20px 0 25px;
    position: relative
}

.auth-tab.disable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    z-index: 100
}

.auth-tab .gethelpback {
    color: #0663f6;
    text-decoration: none
}

.auth-tab .gethelpback:hover {
    text-decoration: underline
}

.auth-tab .custom-btn {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid #253858;
    border-radius: 20px;
    color: #253858;
    font-weight: 500;
    font-size: 14px;
    margin-right: 10px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    cursor: pointer
}

.auth-tab .custom-btn.active,
.auth-tab .custom-btn:hover {
    border: 1px solid #0065ff;
    color: #0065ff
}

.auth-tab .custom-btn:last-child {
    margin-right: 0
}

@media screen and (max-width:480px) {
    .auth-tab .custom-btn {
        font-size: 10px
    }
}

@media screen and (max-width:320px) {
    .auth-tab .custom-btn {
        padding: 10px 15px
    }
}

.verifyotp {
    -webkit-box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    padding: 10px;
    border-radius: 8px;
    margin: 20px 0
}

.verifyotp .err {
    text-align: center;
    margin-bottom: 10px
}

.verifyotp .label {
    text-align: CENTER;
    letter-spacing: .26px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px
}

.verifyotp .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 15px ​20px 25px;
    margin-bottom: 20px;
    max-width: 300px;
    margin: 10px auto 20px
}

@media all and (-ms-high-contrast:none) {

    .verifyotp .form,
    .verifyotp .form ::-ms-backdrop {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.verifyotp .form .otp-box {
    position: relative
}

.verifyotp .form .otp-box input.labelshow+.dot,
.verifyotp .form .otp-box input:focus+.dot {
    display: none
}

.verifyotp .form .otp-box .dot {
    position: absolute;
    background: #7a869a;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.verifyotp .form input {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    text-align: center;
    font-size: 24px;
    border: 1px solid #7a869a;
    z-index: 1;
    position: relative;
    background: 0 0
}

.verifyotp .form input::-webkit-input-placeholder {
    position: relative;
    top: 10px;
    color: #ccc
}

.verifyotp .form input:-ms-input-placeholder {
    position: relative;
    top: 10px;
    color: #ccc
}

.verifyotp .form input::-ms-input-placeholder {
    position: relative;
    top: 10px;
    color: #ccc
}

.verifyotp .form input::placeholder {
    position: relative;
    top: 10px;
    color: #ccc
}

.verifyotp .mob-no {
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 10px;
    color: #253858;
    line-height: 24px
}

.verifyotp .need-help {
    text-align: center;
    color: #253858;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px
}

.verifyotp .need-help a {
    color: #0065ff;
    text-decoration: none
}

.verifyotp .need-help a:hover {
    text-decoration: underline
}

.err {
    font-size: 12px;
    color: red;
    margin: 5px 0
}

.otp-error {
    text-align: center;
    font-size: 14px;
    padding: 0 0 10px;
    color: red
}

.get-help-popup-content .iti__flag-container ul {
    width: 300px;
    margin-top: 3px
}

.get-help-popup-content .iti__flag-container ul li {
    width: 100%;
    font-weight: 400;
    font-size: 14px
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.md-group {
    position: relative;
    margin-bottom: 15px;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.md-group input:not([type=reset]),
.md-group input:not([type=submit]),
.md-group select,
.md-group select.form-control,
.md-group textarea {
    border: none;
    border-radius: 0;
    background-clip: unset;
    color: transparent;
    padding: 15px;
    height: 40px
}

.md-group input:not([type=reset])::-webkit-input-placeholder,
.md-group input:not([type=submit])::-webkit-input-placeholder,
.md-group select.form-control::-webkit-input-placeholder,
.md-group select::-webkit-input-placeholder,
.md-group textarea::-webkit-input-placeholder {
    color: transparent
}

.md-group input:not([type=reset]):-ms-input-placeholder,
.md-group input:not([type=submit]):-ms-input-placeholder,
.md-group select.form-control:-ms-input-placeholder,
.md-group select:-ms-input-placeholder,
.md-group textarea:-ms-input-placeholder {
    color: transparent
}

.md-group input:not([type=reset])::-ms-input-placeholder,
.md-group input:not([type=submit])::-ms-input-placeholder,
.md-group select.form-control::-ms-input-placeholder,
.md-group select::-ms-input-placeholder,
.md-group textarea::-ms-input-placeholder {
    color: transparent
}

.md-group input:not([type=reset])::placeholder,
.md-group input:not([type=submit])::placeholder,
.md-group select.form-control::placeholder,
.md-group select::placeholder,
.md-group textarea::placeholder {
    color: transparent
}

.md-group input:not([type=reset]):focus,
.md-group input:not([type=submit]):focus,
.md-group select.form-control:focus,
.md-group select:focus,
.md-group textarea:focus {
    outline: 0;
    border-color: #00f;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333 !important
}

.md-group input:not([type=reset]):focus::-webkit-input-placeholder,
.md-group input:not([type=submit]):focus::-webkit-input-placeholder,
.md-group select.form-control:focus::-webkit-input-placeholder,
.md-group select:focus::-webkit-input-placeholder,
.md-group textarea:focus::-webkit-input-placeholder {
    color: #333 !important
}

.md-group input:not([type=reset]):focus:-ms-input-placeholder,
.md-group input:not([type=submit]):focus:-ms-input-placeholder,
.md-group select.form-control:focus:-ms-input-placeholder,
.md-group select:focus:-ms-input-placeholder,
.md-group textarea:focus:-ms-input-placeholder {
    color: #333 !important
}

.md-group input:not([type=reset]):focus::-ms-input-placeholder,
.md-group input:not([type=submit]):focus::-ms-input-placeholder,
.md-group select.form-control:focus::-ms-input-placeholder,
.md-group select:focus::-ms-input-placeholder,
.md-group textarea:focus::-ms-input-placeholder {
    color: #333 !important
}

.md-group input:not([type=reset]):focus::placeholder,
.md-group input:not([type=submit]):focus::placeholder,
.md-group select.form-control:focus::placeholder,
.md-group select:focus::placeholder,
.md-group textarea:focus::placeholder {
    color: #333 !important
}

.md-group input:not([type=reset]):focus .ng2-tag-input-focus+label,
.md-group input:not([type=reset]):focus+label,
.md-group input:not([type=submit]):focus .ng2-tag-input-focus+label,
.md-group input:not([type=submit]):focus+label,
.md-group select.form-control:focus .ng2-tag-input-focus+label,
.md-group select.form-control:focus+label,
.md-group select:focus .ng2-tag-input-focus+label,
.md-group select:focus+label,
.md-group textarea:focus .ng2-tag-input-focus+label,
.md-group textarea:focus+label {
    top: 0;
    font-size: rem(12)
}

.was-validated .md-group input:not([type=reset]):invalid,
.was-validated .md-group input:not([type=submit]):invalid,
.was-validated .md-group select.form-control:invalid,
.was-validated .md-group select:invalid,
.was-validated .md-group textarea:invalid {
    border-bottom: 1.2px solid #fa6541
}

.was-validated .md-group input:not([type=reset]):invalid~label,
.was-validated .md-group input:not([type=submit]):invalid~label,
.was-validated .md-group select.form-control:invalid~label,
.was-validated .md-group select:invalid~label,
.was-validated .md-group textarea:invalid~label {
    color: #fa6541
}

.md-group input:not([type=reset]):invalid:focus,
.md-group input:not([type=reset]):valid:focus,
.md-group input:not([type=submit]):invalid:focus,
.md-group input:not([type=submit]):valid:focus,
.md-group select.form-control:invalid:focus,
.md-group select.form-control:valid:focus,
.md-group select:invalid:focus,
.md-group select:valid:focus,
.md-group textarea:invalid:focus,
.md-group textarea:valid:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.was-validated .md-group input:not([type=reset]):valid,
.was-validated .md-group input:not([type=submit]):valid,
.was-validated .md-group select.form-control:valid,
.was-validated .md-group select:valid,
.was-validated .md-group textarea:valid {
    border-bottom: 1.2px solid #09c098
}

.was-validated .was-validated .md-group input:not([type=reset]):valid~label,
.was-validated .was-validated .md-group input:not([type=submit]):valid~label,
.was-validated .was-validated .md-group select.form-control:valid~label,
.was-validated .was-validated .md-group select:valid~label,
.was-validated .was-validated .md-group textarea:valid~label {
    color: #09c098
}

.md-group textarea {
    height: auto
}

.md-group label {
    margin: 0;
    position: absolute;
    top: 1.5rem;
    pointer-events: none;
    display: block;
    left: .75rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #333;
    z-index: 9
}

.md-group.is-valid {
    border-bottom: 1.2px solid #09c098
}

.md-group.is-valid~label {
    color: #09c098
}

.md-group.is-invalid {
    border-bottom: 1.2px solid #fa6541
}

.md-group.is-invalid~label {
    color: #fa6541
}

.md-group.input-group [class*=input-group] {
    opacity: 0;
    visibility: hidden;
    width: 0
}

.md-group.input-group .form-control {
    width: 100%
}

.show-label label {
    color: #4267b2;
    top: -10px;
    left: 0;
    font-size: rem(14)
}

.show-label.input-group [class*=input-group] {
    opacity: 1;
    visibility: visible;
    width: auto
}

.show-label.input-group .form-control {
    width: 1%
}

.show-label .form-control {
    color: #344051 !important;
    padding: .3125rem !important
}

.show-label .form-control::-webkit-input-placeholder {
    color: #333 !important
}

.show-label .form-control:-ms-input-placeholder {
    color: #333 !important
}

.show-label .form-control::-ms-input-placeholder {
    color: #333 !important
}

.show-label .form-control::placeholder {
    color: #333 !important
}

.input-group-text {
    border: none
}

.form-check-input {
    display: none
}

.form-check-input~label:before {
    content: "";
    display: block;
    position: absolute;
    top: rem(3);
    left: 0;
    font-size: rem(16);
    border: 1px solid #ccc;
    border-radius: rem(2);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.form-check-input~label:after {
    content: "";
    display: block;
    position: absolute;
    top: rem(3);
    left: rem(3);
    content: '';
    font-family: fontawesome;
    color: #fff;
    font-size: rem(12);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.form-check-input:checked~label:before {
    background-color: #00f;
    border-color: transparent
}

.form-check-input:checked~label:after {
    opacity: 1
}

.form-check {
    padding-left: rem(28)
}

.billingform .intl-tel-input .form-control {
    padding-left: 47px !important
}

.intl-tel-input .flag-dropdown .selected-flag {
    padding: 11px 16px 11px 6px
}

.intl-tel-input {
    z-index: 99;
    width: 100%
}

.iti-flag {
    -webkit-box-shadow: none;
    box-shadow: none
}

.intl-tel-input .selected-flag:focus {
    outline: 0
}

.search-flag {
    width: 100%;
    position: absolute;
    background: #fff;
    border-radius: 8px;
    display: none;
    z-index: 100
}

.search-flag.show {
    display: block
}

.search-flag input {
    width: 100% !important;
    padding: 0 15px !important;
    font-size: 14px !important
}

.search-flag .searchico {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../../images/svg/home-page-icons.svg);
    background-position: 0 -1930px;
    cursor: pointer;
    top: 47%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 18px
}

.search-flag .searchico.un {
    background: url(../images/svg/home-page-icons.svg);
    background-position: 0 -1930px
}

.search-flag.show {
    display: block
}

.help-product-wise.claim .get-help-popup-content>div .product-item {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media only screen and (max-width:1024px) {
    .loading::after {
        top: 8px
    }
}

@media screen and (max-width:460px) {
    .get-help-popup-container.visible {
        align-items: end;
        -webkit-justify-content: flex-end;
        align-items: flex-end;
        -webkit-aling-tems: flex-end
    }

    .get-help-popup-close {
        top: 15px;
        right: 15px
    }

    .get-help-intent-popup {
        margin: 0;
        padding: 0;
        height: 70%;
        border-radius: 30px 30px 0 0;
        max-width: 100%;
        overflow: hidden;
        padding-bottom: 20px
    }

    .get-help-intent-popup::after {
        background-size: contain;
        width: 200px;
        height: 183px
    }

    .get-help-popup-content>div .product-item {
        height: 75%;
        overflow: auto
    }

    .get-help-popup-content>div .product-item.extras {
        height: 90%
    }

    .get-help-popup-content .otherproducts {
        position: fixed;
        text-align: center;
        width: 100%;
        bottom: 0
    }

    .get-help-popup-content h2 {
        font-size: 28px;
        line-height: 32px
    }

    .get-help-popup-content p.description {
        font-size: 14px;
        line-height: 18px;
        width: 75%
    }

    .get-help-popup-content ul {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .get-help-popup-content ul li {
        width: 100%;
        font-size: 14px;
        margin-bottom: 3px;
        z-index: 1;
        position: relative
    }

    .get-help-popup-content .viewplan-link {
        max-width: 200px;
        z-index: 1;
        position: relative
    }

    .get-help-popup-content button {
        max-width: 200px;
        z-index: 1;
        position: relative
    }

    .formBox {
        padding: 0 30px 0;
        height: 100%;
        overflow: auto
    }

    .registration_check .formInput .feildLable {
        font-size: 12px;
        top: 20px
    }

    .loaderProcess {
        margin-bottom: 30px
    }

    .proceed {
        margin-bottom: 30px
    }

    #btnSubmitVerifyOtp {
        margin-bottom: 40px
    }
}

@media screen and (min-device-width:800px) and (max-device-width:960px) {
    .get-help-intent-popup {
        margin-top: 250px
    }
}

@media screen and (max-width:760px) {
    .get-help-intent-popup {
        margin-top: 220px
    }
}

@media screen and (max-width:568px) {
    .get-help-intent-popup {
        margin-top: 250px
    }
}

@media screen and (max-width:360px) {
    .get-help-intent-popup::after {
        opacity: .3
    }
}

@media screen and (max-width:375px) {
    .get-help-popup-content>div .headingbox .right {
        background-size: 100%
    }

    .get-help-popup-content>div .headingbox .right.unregister {
        background-size: 100%
    }

    .formBox {
        padding: 0 15px 0
    }
}

@media screen and (max-width:320px) {
    .get-help-popup-content>div .product-item {
        height: 100%;
        overflow: auto
    }

    .get-help-popup-content>div .product-item.extras {
        height: 78%
    }

    .get-help-popup-content>div .product-list {
        flex: 0 0 45%;
        margin: 2% 2%
    }

    .auth-tab .custom-btn {
        padding: 10px 15px
    }
}

@media all and (-ms-high-contrast:none) {
    .get-help-popup-content>div .product-list {
        padding: 13px 0
    }

    .get-help-popup-content>div .product-list ::-ms-backdrop {
        padding: 13px 0
    }

    .verifyotp .form {
        justify-content: space-between
    }

    .verifyotp .form ::-ms-backdrop {
        justify-content: space-between
    }
}

@media screen and (max-width:767px) {
    .get-help-popup-content .no-policies-found-section {
        padding: 16px
    }

    .get-help-popup-content .no-policies-found-section>img {
        max-width: 160px
    }

    .get-help-popup-content .no-policies-found-section .no-policies-found-heading {
        font-size: 18px;
        line-height: 24px
    }

    .get-help-popup-content .no-policies-found-section .no-policies-found-description {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width:480px) {
    .auth-tab .custom-btn {
        font-size: 10px
    }
}

@media (max-width:1024px) and (min-width:480px) {
    .claimpage .grid .connect_with_us .singin_box {
        position: initial
    }

    .claimpage .grid .connect_with_us .insurance_claim .insurance_text {
        padding-left: 125px
    }

    .login-module-container {
        top: 70% !important
    }
}

@media only screen and (min-device-width:360px) and (max-device-width:960px) and (orientation:portrait) {
    .get-help-intent-popup.claim-modal {
        max-height: 35%
    }

    .get-help-intent-popup.claim-modal.home {
        overflow-y: scroll
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:960px) and (orientation:landscape) {
    .get-help-intent-popup.claim-modal {
        margin-top: 50px
    }
}

@media screen and (max-width:320px) {
    .get-help-intent-popup.claim-modal {
        max-height: 60%
    }
}

.container.prd-container.nri.homeIconsNri .prd-row.rowheight-half.nri .prd-block.mobile .prd-icon i.vap {
    background-image: url(../../images/homepage-product-icons.png?v=2);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 100%;
    width: 40px;
    height: 40px
}

.container.prd-container.nri.homeIconsNri .homeIconsNriBg {
    background-image: url(../../images/homepage-product-icons.png?v=2);
    background-repeat: no-repeat
}

.container.prd-container.nri.homeIconsNri .homeIconsNriBg.ped {
    background-image: url(../../images/home/hi-ped.svg)
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg {
    background-size: 100%;
    width: 40px;
    height: 40px
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.dollar-based {
    background: url('../../images/home/dollar_base_product.png') no-repeat 0 0  !important;
    background-size: 100% !important;
    
}

@media only screen and (max-width:575px) {
    .container.prd-container.nri.homeIconsNri i.homeIconsNriBg {
        margin-top: 0
    }
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.viewall {
    background-position: 0 50%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.newterm_icon {
    width: 44px;
    height: 40px;
    background: 0 0
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.term-life {
    background-position: 0 -.2%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.health-insurance {
    background-position: 0 3.9%;
    background-size: 100%;
    background-image: url(../../images/homepage-product-health-icon.png);
    margin-top: 9px
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.investment {
    background-position: 0 7.69%;
    background-size: 100%;
    display: inline-block
}

@media only screen and (max-width:575px) {
    .container.prd-container.nri.homeIconsNri i.homeIconsNriBg.investment {
        background-position: 0 7.7%
    }
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.investment.bgnone {
    background: 0 0
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.investment.bgnone img {
    max-width: 130%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.car-insurance {
    background-position: 0 11.5%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.two-wheeler-insurance {
    background-position: 0 15.3%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.family-health-insurance {
    background-position: 0 19.2%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.ti {
    background-position: 0 23%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.sjb {
    background-position: 0 27%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.guaranteed-return-plan {
    background-position: 0 30.6%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.csip {
    background-position: 0 34.6%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.retirement-plan {
    background-position: 0 38.4%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.ghi {
    background-position: 0 42%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.onecr {
    background-position: 0 46%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.vap {
    background-position: 0 50%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.parent {
    background-image: url("../../images/home/parent-insurance.svg");
    background-size: 100%;
    margin-top: 9px
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.arogya-sanjeevani {
    background-position: 0 61.5%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.rop {
    background-image: url("../../images/homepage-product-icons-v4.png") !important;
    background-position: 0 50%;
    background-size: 100%
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.home-insurance {
    background-position: 0 82.1%;
    background-size: 100%
}

@media only screen and (max-width:767px) {
    .container.prd-container.nri.homeIconsNri i.homeIconsNriBg.home-insurance {
        background-position: 0 82.1%;
        background-size: 100%
    }
}

.container.prd-container.nri.homeIconsNri i.homeIconsNriBg.commercial-vehicle {
    background-position: 0 71.5%;
    background-size: 100%
}

@media only screen and (max-width:767px) {
    .container.prd-container.nri.homeIconsNri i.homeIconsNriBg.commercial-vehicle {
        background-position: 0 71.5%;
        background-size: 100%
    }
}

.container.prd-container.homeIcons {
    margin-top: 12px;
    transition: margin-top .5s linear
}

@media only screen and (max-width:992px) {
    .container.prd-container.homeIcons.slideDown {
        margin-top: 60px
    }
}

@media only screen and (max-width:568px) {
    .container.prd-container.homeIcons.slideDown {
        margin-top: 40px
    }
}

@media only screen and (max-width:320px) {
    .container.prd-container.homeIcons.slideDown {
        margin-top: 60px
    }
}

.container.prd-container.homeIcons .homeIconsBg {
    background-image: url(../../images/homepage-product-icons-v4.png?v=5);
    background-repeat: no-repeat
}

.container.prd-container.homeIcons .homeIconsBg.bgnone {
    background: 0 0
}

.container.prd-container.homeIcons .homeIconsBg.corporate {
    width: 35px;
    height: 35px;
    background: url(../../images/corporate_insurance.png) no-repeat 0 0;
    background-size: 100%;
    margin: 13px auto
}

@media only screen and (max-width:575px) {

    .container.prd-container.homeIcons .homeIconsBg::after,
    .container.prd-container.homeIcons .homeIconsBg::before {
        content: "";
        background: #f5f6fc;
        display: block;
        width: 90%;
        min-width: 90%;
        height: 59px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        border-radius: 10px;
        margin: 0 auto
    }
}

.container.prd-container.homeIcons i.homeIconsBg {
    background-size: 100%;
    margin-top: 15px;
    width: 50px;
    height: 50px;
    display: block
}

.container.prd-container.homeIcons i.homeIconsBg.bgnone {
    background: 0 0
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons i.homeIconsBg {
        width: 40px;
        height: 40px
    }
}

.container.prd-container.homeIcons i.homeIconsBg.term-life {
    background-position: 0 -.2%;
    background-size: 100%
}

@media screen and (max-width:1024px) {
    .container.prd-container.homeIcons i.homeIconsBg.term-life {
        background-position: 35% -.8%;
        background-size: 74%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.health-insurance {
    background-position: 0 3.5%;
    background-size: 100%
}

@media screen and (max-width:1024px) {
    .container.prd-container.homeIcons i.homeIconsBg.health-insurance {
        background-position: 35% 2.9%;
        background-size: 75%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.investment {
    background-position: 0 7%;
    background-size: 100%
}

@media screen and (max-width:1024px) {
    .container.prd-container.homeIcons i.homeIconsBg.investment {
        background-position: 60% 6.5%;
        background-size: 80%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.car-insurance {
    background-position: 0 10.6%;
    background-size: 100%
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons i.homeIconsBg.car-insurance {
        background-size: 80%;
        background-position: 0 10.2%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.two-wheeler-insurance {
    background-position: 0 14.2%;
    background-size: 100%
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons i.homeIconsBg.two-wheeler-insurance {
        background-position: 0 13.8%;
        background-size: 80%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.family-health-insurance {
    background-position: 0 17.7%;
    background-size: 100%
}

@media screen and (max-width:1024px) {
    .container.prd-container.homeIcons i.homeIconsBg.family-health-insurance {
        background-position: 40% 17.1%;
        background-size: 75%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.ti {
    background-position: 0 21.5%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.sjb {
    background-position: 0 25%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.guaranteed-return-plan {
    background-position: 0 28.5%;
    background-size: 100%
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons i.homeIconsBg.guaranteed-return-plan {
        background-position: 6px 28%;
        background-size: 80%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.return-of-plan {
    background-position: 0 50%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.csip {
    background-position: 0 32%;
    background-size: 100%
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons i.homeIconsBg.csip {
        background-position: 7px 31.7%;
        background-size: 80%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.retirement-plan {
    background-position: 0 35.6%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.ghi {
    background-position: 0 39.2%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.onecr {
    background-position: 0 42.8%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.vap {
    background-position: 0 46.4%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.arogya-sanjeevani {
    background-position: 0 61.5%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.rop {
    background-position: 0 54%;
    background-size: 100%
}

.container.prd-container.homeIcons i.homeIconsBg.home-insurance {
    background-position: 0 82.1%;
    background-size: 100%
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons i.homeIconsBg.home-insurance {
        background-position: 0 81.8%;
        background-size: 80%
    }
}

.container.prd-container.homeIcons i.homeIconsBg.commercial-vehicle {
    background-position: 0 71.5%;
    background-size: 100%
}

@media only screen and (max-width:767px) {
    .container.prd-container.homeIcons i.homeIconsBg.commercial-vehicle {
        background-position: 0 71.5%;
        background-size: 100%
    }
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons i.homeIconsBg {
        margin-top: 10px
    }
}

.container.prd-container.homeIcons .add {
    height: calc(100% - 10px)
}

.container.prd-container.homeIcons .add+.cover {
    display: none
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .add+.cover {
        display: none
    }
}

.container.prd-container.homeIcons .add p.small {
    padding-top: 0
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .add p.small {
        display: none
    }
}

.container.prd-container.homeIcons .add p {
    padding-top: 10px
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .homeIconsBg+p {
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 15px
    }
}

.container.prd-container.homeIcons .prd-block {
    border: none
}

.container.prd-container.homeIcons .prd-block .investment {
    display: inline-block
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .prd-block:nth-child(7n) {
        margin-right: auto;
        left: auto
    }
}

.container.prd-container.homeIcons .experiment {
    display: none
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .experiment.show-link {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .prd-row {
        margin: 0 5px 30px 5px;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media (min-width:640px) and (max-width:666px) and (orientation:landscape) {
    .container.prd-container.homeIcons .prd-row {
        margin-left: 20px
    }
}

@media only screen and (max-width:575px) and (orientation:landscape) {
    .container.prd-container.homeIcons .prd-row {
        margin-left: 0
    }
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .prd-row .prd-block {
        margin: 10px auto;
        width: calc(25% - 10px)
    }
}

@media only screen and (max-width:320px) {
    .container.prd-container.homeIcons .prd-row .prd-block {
        margin: 10px auto;
        width: calc(33.3333333333% - 10px)
    }
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox {
    background-color: #f2f7ff;
    width: 128px;
    height: 82px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative
}

@media (min-width:768px) and (max-width:1024px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox {
        width: auto;
        height: 78px
    }
}

@media only screen and (max-width:720px) and (orientation:landscape) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox {
        width: auto
    }
}

@media (min-width:640px) and (max-width:652px) and (orientation:landscape) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox {
        width: 128px !important
    }
}

@media (min-width:735px) and (max-width:740px) and (orientation:landscape) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox {
        width: 84px !important
    }
}

@media only screen and (max-width:667px) and (orientation:landscape) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox {
        width: auto
    }
}

@media only screen and (max-width:575px) and (orientation:landscape) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox {
        width: 128px !important
    }
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox {
        width: auto;
        height: 56px
    }
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .hi-light {
    position: absolute;
    font-size: 9px;
    text-align: center;
    background: #b6f4b4;
    letter-spacing: .016em;
    width: 100%;
    border-radius: 8px 8px 0 0;
    padding: 2px 0;
    top: 0;
    color: #253858
}

@media screen and (max-width:980px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .hi-light {
        font-size: 8px
    }
}

@media screen and (max-width:568px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .hi-light {
        font-size: 7px;
        letter-spacing: -.016em
    }
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .hi-light.orange {
    background: #00b8d9;
    color: #fff
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .hi-light.lblue {
    background: #7eb2ce;
    color: #fff
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .homeIconsBg {
    margin: 0 auto;
    text-align: center
}

@media only screen and (max-width:575px) {

    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .homeIconsBg::after,
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .homeIconsBg::before {
        display: none
    }
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .homeIconsBg.women_term img {
    width: 100%;
    height: auto;
    padding-top: 9px;
    margin-left: -4px
}

@media (max-width:1024px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .homeIconsBg.women_term img {
        width: 90%;
        height: auto;
        padding-top: 13px;
        margin-left: -4px
    }
}

@media (max-width:568px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .homeIconsBg.women_term img {
        width: 67%;
        height: auto;
        padding-top: 22px;
        margin-left: -4px
    }
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .shadowHandlerBox .homeIconsBg.women_term {
    width: 64px;
    height: 64px
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler p {
    font-size: 14px;
    line-height: 20px;
    width: 128px;
    text-align: center
}

@media (min-width:768px) and (max-width:1024px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler p {
        width: auto;
        font-size: 12px;
        line-height: 18px
    }
}

@media only screen and (max-width:640px) and (orientation:landscape) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler p {
        padding-bottom: 10px;
        width: 128px !important
    }
}

@media only screen and (max-width:767px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler p {
        width: auto;
        font-size: 11px;
        line-height: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

@media only screen and (max-width:350px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler p {
        font-size: 10px;
        line-height: 16px
    }
}

@media only screen and (max-width:320px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler p {
        font-size: 9px;
        line-height: 13px
    }
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler p br {
    display: none
}

@media only screen and (max-width:1024px) {
    .container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler p br {
        display: block
    }
}

.container.prd-container.homeIcons .prd-row .prd-block .prd-icon.shadowHandler .small {
    display: none
}

.container.prd-container.homeIcons .view-all-products {
    position: relative;
    top: 15px;
    margin: 15px auto;
    margin-top: 16px;
    text-align: center
}

.container.prd-container.homeIcons .view-all-products a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 124px;
    height: 33px;
    border: 1px solid #0065ff;
    border-radius: 40px;
    color: #0065ff;
    font-size: 12px;
    text-decoration: none;
    font-weight: 500
}

@media only screen and (max-width:767px) {
    .container.prd-container.homeIcons .view-all-products {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0 auto
    }
}

.container.prd-container.homeIcons .view-all-products+.mob-btn {
    background-color: #f2f7ff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 15px 0;
    text-align: center
}

@media only screen and (max-width:575px) {
    .container.prd-container.homeIcons .view-all-products+.mob-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.container.prd-container.homeIcons .view-all-products+.mob-btn a {
    z-index: 1;
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    height: 38px
}

.container.prd-container.homeIcons .view-all-products+.mob-btn::after {
    content: '';
    content: '';
    background-color: #f2f7ff;
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
    bottom: 0
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child .content .icon-block-row .left-block:nth-of-type(2) li {
    width: 19%
}

@media only screen and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child .content .icon-block-row .left-block:nth-of-type(2) li {
        width: 24%
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child .content .icon-block-row.bg-blue {
    margin-bottom: 10px
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child .content .icon-block-row.bg-blue .left-block:nth-of-type(2) ul li {
    width: 19%
}

@media only screen and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child .content .icon-block-row.bg-blue .left-block:nth-of-type(2) ul li {
        width: 24%
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child .left-block {
    padding-right: 0
}

@media only screen and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child .left-block {
        padding: 0 10px;
        background-color: transparent
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li {
    position: relative;
    left: -15px
}

@media only screen and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li {
        left: auto
    }
}

@media only screen and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li {
        width: 24%
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li a {
    margin-bottom: 15px
}

@media only screen and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li a {
        position: relative;
        z-index: 1
    }
}

@media only screen and (max-width:575px) and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li a span {
        line-height: inherit;
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 20px
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li a .green,
#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li a .new {
    display: none
}

@media only screen and (max-width:575px) {

    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li a .green,
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li a .new {
        display: none
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li .homeIconsBg {
    background-image: url(../../images/homepage-product-icons-v4.png?v=5);
    background-repeat: no-repeat
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li .homeIconsBg.personal-insurance {
    width: 35px;
    height: 40px;
    background: url("../../images/home-v1/personal-accident.svg") no-repeat 0 0 !important;
    background-size: 100%;
    margin: 9px auto
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li .homeIconsBg.corporate {
    width: 35px;
    height: 35px;
    background: url(../../images/corporate_insurance.png) no-repeat 0 0;
    background-size: 100%;
    margin: 13px auto
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li .homeIconsBg.health-insurance-opd {
    background-image: url(../../images/home/hi-opd.svg)
}

@media only screen and (max-width:575px) {

    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li .homeIconsBg::after,
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li .homeIconsBg::before {
        content: "";
        background: #f5f6fc;
        display: block;
        width: 90%;
        min-width: 90%;
        height: 59px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        border-radius: 10px;
        margin: 0 auto
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg {
    background-size: 100%;
    width: 50px;
    height: 50px;
    border: none
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.bgnone {
    background: 0 0 !important
}

@media only screen and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg {
        margin: 10px 0;
        border: none;
        width: 40px;
        height: 40px
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.term-insurance {
    background-position: 0 -.1%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.return-of-premium {
    background-position: 0 50%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.sjb {
    background-position: 0 25%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.non-working-spouse-plan {
    background-position: 0 53.5%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.health-insurance {
    background-position: 0 3.5%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.one-cr-health-Cover {
    background-position: 0 42.9%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.arogya-sanjeevani {
    background-position: 0 57.1%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.investment {
    background-position: 0 7%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.lic {
    background: url(../../images/lic-logo.svg) no-repeat !important;
    background-size: 100% !important
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.child-saving-plan {
    background-position: 0 32.1%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.guaranteed-return-plan-plane {
    background-position: 0 28.5%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.retirement-plan {
    background-position: 0 35.6%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.tax-saving-investment {
    background-position: 0 60.6%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.tax-saving-annuity {
    background-position: 0 64.3%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.tax-saving-smart-deposit,
#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.tax-saving-smart-deposite {
    background-position: 0 67.8%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.car-insurance {
    background-position: 0 10.7%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.two-wheeler-insurance {
    background-position: 0 14.2%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.travel-insurance {
    background-position: 0 21.4%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.commericial-vehicle-insurance {
    background-position: 0 71.4%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.pet-insurance {
    background-position: 0 92.9%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.personal-cyber-insurance {
    background: url("../../images/home-v1/personal-cyber-insurance.svg") no-repeat 0 0;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.job-loss {
    background-position: 0 73%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.cancer-insurance {
    background-position: 0 75%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.ulips {
    background-position: 0 78.6%;
    background-size: 100%
}
#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.dollar-based {
    background: url('../../images/home/dollar_base_product.png') no-repeat 0 0;
    background-size: 100%;
}
#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.home-insurance {
    background-position: 0 82.1%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.taxi-insurance {
    background-position: 0 85.7%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.group-insurance {
    background-position: 0 39.2%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.commercial-insurance {
    background-position: 0 71.5%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.family-health-insurance {
    background-position: 0 17.8%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.family-health-insurance~span br {
    display: none
}

@media only screen and (max-width:768px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.family-health-insurance~span br {
        display: block
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:first-child ul li i.homeIconsBg.other-general-insurance {
    background-position: 0 89.3%;
    background-size: 100%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg {
    background: url(../../images/home-business-insurance-icons.png?v=9) no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px
}

@media only screen and (max-width:575px) {
    #homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg {
        border: none;
        width: 40px;
        height: 40px
    }
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.fire-burglary-insurance {
    background-position: 0 0
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.shop-owner-insurance {
    background-position: 0 6.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.office-package-policy {
    background-position: 0 13%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.group-health-insurance {
    background-position: 0 19.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.group-personal-accident {
    background-position: 0 26.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.group-term-life {
    background-position: 0 33%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.covid-19-group-health-plan {
    background-position: 0 40%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.professional-indemnity {
    background-position: 0 46.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.workmen-compensation {
    background-position: 0 53.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.general-liability {
    background-position: 0 59.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.cyber-insurance {
    background-position: 0 66.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.directors-officers-liability {
    background-position: 0 73.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.eo {
    background: url(../../images/eando.png?v=2) no-repeat 0 0;
    background-size: contain
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.construction-all-risk {
    background-position: 0 80%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.erection-all-risk {
    background-position: 0 86.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.contractor-plant-machinery {
    background-position: 0 93.5%
}

#homeIcons.more-prd-blk .homeIcons.tabs .tab:nth-child(2n) .content .icon-block-row .left-block ul li a i.icon-bg.marine-insurance {
    background-position: 0 99.5%
}

.non-working-spouse-plan {
    background-position: 0 53.5%
}

.tax-saving-smart-deposit {
    background-position: 0 67.8%
}

.group-insurance.extra {
    background-position: 0 39.2% !important
}

.corporate,
.prd-row .prd-block .prd-icon i.corporate {
    width: 35px;
    height: 35px;
    background: url(../../images/corporate_insurance.png) no-repeat 0 0;
    background-size: 100%;
    margin: 0 auto
}

.slideshow-container .text span.viewplans-nri {
    background: #0663f6;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    z-index: 100;
    width: 114px;
    text-align: center
}

.content {
    color: #253858;
    background: url("../../images/home/graphic-home.svg") no-repeat 0 0
}

.content__container {
    font-weight: 600;
    padding: 75px 40px
}

@media (max-width:1024px) {
    .content__container {
        padding: 65px 40px
    }
}

.content__container__text {
    position: relative
}

.content__container__text span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    font-weight: 300
}

.content__container__text span.big {
    font-size: 36px;
    line-height: 54px
}

.content__container__text:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 5px;
    background: #0065ff;
    bottom: -60px
}

.content__container .listwrap {
    height: 40px;
    overflow: hidden;
    position: relative
}

.content__container__list {
    margin-top: 0;
    text-align: left;
    list-style: none;
    position: absolute;
    transition: top .5s ease-in
}

.content__container__list__item {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 700
}

.colorFliker {
    position: absolute;
    font-size: 9px;
    color: #253858;
    width: 100%;
    background: #f4a4a1;
    padding: 2px 3px 2px 3px;
    border-radius: 4px 4px 0 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 0
}

.colorFliker .text {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear
}

.changeinColor {
    background: #79d99b;
    height: 14px
}

.changeinColor:after {
    position: absolute;
    content: "New Fund Launch";
    left: 0;
    right: 0;
    margin: 0 auto
}

.changeinColor.newtext {
    background: #f4a4a1;
    height: 14px
}

.changeinColor.newtext:after {
    position: absolute;
    content: "Most Favourite";
    left: 0;
    right: 0;
    margin: 0 auto
}

@keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.carousel {
    position: relative;
    overflow: hidden;
    font-size: 2.5vmin
}

@media (max-width:568px) {
    .carousel {
        height: 200px;
        width: 95%;
        margin: 0 auto
    }
}

@media (max-width:375px) {
    .carousel {
        height: 190px
    }
}

@media (max-width:320px) {
    .carousel {
        height: 160px
    }
}

.carousel .carousel-slider {
    display: flex;
    transition: .3s;
    padding-bottom: 30px
}

@media (max-width:568px) {
    .carousel .carousel-slider {
        padding-bottom: 15px
    }
}

.carousel .carousel-slider .carousel-slide {
    flex: 1 0 100%
}

.carousel .carousel-slider .carousel-slide img {
    display: block;
    width: 100%;
    height: 205px;
    object-fit: contain
}

@media (max-width:568px) {
    .carousel .carousel-slider .carousel-slide img {
        height: 170px
    }
}

@media (max-width:360px) {
    .carousel .carousel-slider .carousel-slide img {
        height: 156px;
        margin-bottom: 16px
    }
}

@media (max-width:320px) {
    .carousel .carousel-slider .carousel-slide img {
        height: 134px
    }
}

.carousel button {
    font-size: 0px !important
}

.carousel .carousel-next,
.carousel .carousel-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 1em;
    border: none;
    cursor: pointer;
    display: none
}

.carousel .carousel-prev {
    left: 2em
}

.carousel .carousel-next {
    right: 2em
}

.carousel-navigation {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 1em
}

.carousel-bullet {
    width: 12px;
    height: 12px;
    border: none;
    background: #efecec;
    cursor: pointer;
    border-radius: 50%
}

.carousel-bullet.is-active {
    background: #1c69d3
}

@media (max-width:980px) {
    .blk-prd .container .prd-bg .block-data .left-container:has(.retirement-bg) .copy {
        padding-top: 5px;
        line-height: 20px
    }
}

.blk-prd .container .prd-bg .block-data .left-container .nri-tag-data {
    padding: 5px 12px;
    margin: 12px 0 0;
    display: inline-flex;
    background: rgba(255, 255, 255, .8);
    font-size: 12px;
    color: #4f4f4f;
    border-radius: 16px;
    font-weight: 500
}

.blk-prd .container .prd-bg .block-data .left-container .nri-tag-data.ulip-bg {
    background: #c8ffe4
}

.blk-prd .container .prd-bg .block-data .left-container .nri-tag-data.child-bg {
    background: #a3edff
}

.blk-prd .container .prd-bg .block-data .left-container .nri-tag-data.retirement-bg {
    background: #ffd2d2
}

.blk-prd .container .prd-bg .block-data .left-container .copy .sml-txt {
    font-weight: 400;
    display: block;
    font-size: 14px
}

.new_contact_wrapper .chat_icn{
    background: url('../../images/svg/chat-floating-icon.svg?v=1') no-repeat center center;
    font-size: 0px !important;
    box-shadow: none;
    z-index: 200;
    width: 90px;
    height: 90px;
    padding: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    cursor: pointer;
 
}
.new_contact_wrapper .chat_icn.active:before{
    position: absolute;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #f00;
    border-radius: 50%;
    right: 20px;
    padding: 0;
    top: 14px;
}
.new_contact_wrapper .chat_icn.active{
    display: block;
}
.live_chat {
    height: 75vh;
    position: fixed;
    z-index: 999;
    bottom: 15px;
    right: 15px;
}
@media (max-width:980px) {
    .live_chat {
        position: fixed;
        z-index: 999;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;

    }
    .live_chat.active {
        display: block;
    }
}