a{
    text-decoration: none;
}

.cards-banner p{
    color: black;
}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;
margin-top: 0;}
.swiper-wrapper{transform:translate3d(0px,0,0);}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));}
.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;}
.swiper-button-prev{left:10px;right:auto;}
.swiper-button-prev:after{content:'prev';}
.swiper-button-next{right:10px;left:auto;}
.swiper-button-next:after{content:'next';} 
.carousel.pointer-event{touch-action:pan-y;}
.carousel-inner{position:relative;width:100%;overflow:hidden;}
.carousel-inner:after{display:block;clear:both;content:"";}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.carousel-item{transition:none;}
}
.carousel-item.active{display:block;}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none;}
.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:2px solid transparent;border-bottom:2px solid transparent;opacity:.5;transition:opacity .6s ease;}
@media (prefers-reduced-motion:reduce){
.carousel-indicators li{transition:none;}
}
.carousel-indicators .active{opacity:1;}
.carousel-caption{
    /* position:absolute;right:15%;bottom:20px;left:15%; */
    z-index:10;padding-top:20px;color:#fff;text-align:center;}  
.swiper-slide{padding-left:15px!important;}
#carouselExampleIndicators{position:relative;max-width:1600px;margin:-20px auto 0;}
.carousel-item{min-height:570px;background:no-repeat 50% scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.mouse{text-align:center;position:relative;bottom:-94px;z-index:99;}
.mouse a{animation:MoveUpDown 1s linear infinite;position:absolute;left:50%;bottom:-20px;margin-top:100px;}
.cards-banner #carouselExampleIndicators .carousel-indicators{right:25px!important;left:auto;bottom:auto;top:45%;margin:0;width:auto;display:block;}
.carousel-indicators li{background-color:transparent;width:8px;height:8px;border-radius:8px;margin-bottom:8px!important;
    border: 2px solid #005e9e !important;
    background: #ffffff;}
.carousel-indicators li{margin-bottom:8px;}
.carousel-indicators li.active{
    background-color: #005e9e;
    border: 2px solid #005e9e !important;}
.carousel-caption{width:100%;bottom:auto;left:0;text-align:left;}
.swiper-slide .h5{margin-top:0;font-weight:600;line-height:14px;font-size:18px;color:#ed1c24;}
.swiper-slide .h5 span{color:#005e9e;font-size:14px;font-weight:500;}
.bannerh2{line-height:normal;font-weight:700;color:#233253;padding-bottom:0;}
.bannerh2{font-size:calc(16px + 2.9vw)!important;}
.bannerh5{font-size:calc(10px + .9vw)!important;line-height:normal;font-weight:700;color:#8a93a5;padding-bottom:0;}
.sar-logo img{width:20%;}
.ban-logo img{width:11%;}
.bottom-scroll{clear:both;width:930px;height:300px!important;position:absolute;overflow-x:hidden!important;overflow-y:hidden!important;z-index:99;padding-left:30px;padding-right:30px;bottom: 40px;
padding-top: 0;}
.swiper-container1{height:100%;overflow:hidden;}
.swiper-wrapper{height:100%;}
.bottom-scroll .h5{text-align:left;display:block;line-height:16px;margin-top:8px;}
.product-cateogry .tile{display:block;padding:0;outline:0;transition:all 1s ease-in-out;background:0 0;height:100%;word-break:break-all;border-radius:10px;}
.product-cateogry .tile:hover{background:linear-gradient(242deg,#ed1c24,#ed1c24),#ed1c24;box-shadow:-3px -1px 14px rgba(32,40,52,.2);}
.product-cateogry .tile:hover>div{background:#fff;transform:translate3d(-10px,-10px,0);}
.product-cateogry .tile>div{padding:12px;background:linear-gradient(62deg,#fff,#f4f4f4),#fff;transition:all .3s ease-in-out;height:100%;display:block;flex-wrap:wrap;justify-content:center;flex-direction:column;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.4);-webkit-box-shadow:0 2px 10px rgba(0,0,0,.4);-moz-box-shadow:0 2px 10px rgba(0,0,0,.4);}
.product-cateogry .tile>div:hover{box-shadow:none;}
.bottom-scroll .swiper-slide{background:transparent;height:170px!important;margin-right:0;width:170px!important;}
.swiper-button-next:after,.swiper-button-prev:after{opacity:1!important;font-size:0!important;font-family:none!important;width:80px!important;}
/* .bottom-scroll .swiper-button-next{right:3%!important;} */
.swiper-button-next{right:17%!important;top:150px!important;left:auto!important;}
.viewall{float:left;position:absolute;bottom:23%;width:70px;z-index:111;
    right: 5px;
    bottom: -40px;
    margin-bottom: -25px;}
.viewall img{width:100%;}
.swiper-button-next img{width:200%;max-width:160%;outline:none;}
.swiper-button-prev{left:40px!important;top:150px!important;outline:none;}
.swiper-button-prev img{max-width:160%;width:200%;}
.swiper-button-next img,.swiper-button-prev img{box-shadow:0 10px 16px rgba(237,28,36,.2)!important;border-radius:25px;margin-bottom:35px;}
.swiper-button-prev.swiper-button-disabled{opacity:.45!important;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);}
.ban-logo{padding-bottom:10px;}
.cards-banner .swiper-slide{text-align:left;font-size:18px;background:#fff;width:auto!important;padding-left:20px;}
.sar-logo{display:block;}
.sar-logo-mob{display:none;}
@media (min-width:768px){
.desk-block{display:none!important;}
}
@media only screen and (max-width:768px){
.swiper-button-next img,.swiper-button-prev img{max-width:100%;}
.mob-hide{display:none!important;}
.desk-block{display:block!important;}
}
@media (max-width:768px){
.viewall{display:none;}
.sar-logo{display:none;}
.sar-logo-mob{text-align:center;display:block;}
.bannerh5{font-size:16px;line-height:22px;}
.bannerh2,.bannerh5{text-align:center;padding-bottom:0!important;}
.bannerh2{font-size:34px!important;line-height:45px;}
.carousel-caption{width:100%;top:5%;padding-top:0;}
.carousel-item{background-size:100%!important;}
.ban-logo1{text-align:right;}
.ban-logo1 img{width:25%;}
.carousel-item{min-height:auto!important;background-position:bottom!important;}
.cards-banner #carouselExampleIndicators .carousel-indicators{bottom:0;top:20%;margin:0;width:100%!important;right:25px!important;text-align:center;display:block;}
.carousel-indicators li{background:#ffffff;width:6px;height:6px;border-radius:8px;border:2px solid #005e9e !important;display:inline-block;}
.carousel-indicators li.active{background-color:#005e9e;border: 2px solid #005e9e !important;}
.carousel-caption{bottom:auto;bottom:45%;left:5%;text-align:left;}
.carousel-indicators li{margin-bottom:8px;}
.bottom-scroll{display:none;}
.bg-Childrens,.bg-combo,.bg-Group,.bg-Health,.bg-pos,.bg-Retirement,.bg-Savings,.bg-Ulip{transform:scale(.6);position:inherit;margin-top:-14px;}
}
@media screen and (max-device-width:768px) and (orientation:landscape){
.carousel-item{background-size:68%!important;}
}
.bg-Chat{display:block;float:right;position:fixed;bottom:20px;right:0;z-index:999;}
.bg-Chat a{display:block;clear:both;width:63px;height:66px;}
.bg-Childrens{display:inline-block;width:93px;height:93px;}
.bg-Group{display:inline-block;width:93px;height:93px;}
.bg-Health{display:inline-block;width:93px;height:93px;}
.bg-Retirement,.bg-Savings{display:inline-block;width:93px;height:93px;}
.bg-combo,.bg-pos{display:inline-block;width:93px;height:93px;}
.bg-Term_plans{display:inline-block;width:93px;height:93px;}
.bg-Ulip{display:inline-block;width:93px;height:93px;}
.swiper-slide span{margin:0 auto!important;}
@media (max-width:1024px){
.side-strip{display:none;}
}
.side-strip{position:absolute;width:60px;height:100%;top:0;right:0;background:#fff;z-index:999;border-right:1px solid #f9f9f9;}
#carouselExampleIndicators .carousel-item{background:no-repeat 20% scroll;}
.h5{display:inline-block;position:relative;font-size:18px;color:#ed1c24;font-weight:600;padding-bottom:0;margin-bottom:0!important;}
.h5 span{color:#005e9e;}
@media only screen and (max-width:768px){
.carousel-item{background-size:100%!important;}
}
@media (min-width:1500px){
.bottom-scroll .swiper-slide{background:transparent;height:170px!important;margin-right:0;}
.swiper-wrapper{margin-top:25px;}
.viewall{bottom:20%;}
}
@media (min-device-width:768px) and (max-device-width:1100px){
#carouselExampleIndicators .carousel-indicators{right:30px!important;top:32%;}
.ban-logo img{width:20%;}
.bottom-scroll{width:620px;}
.viewall{left:514px;bottom:18%;}
#carouselExampleIndicators .carousel-item{background-position:bottom!important;min-height:560px!important;}
}
.scroll{position:absolute;width:100%;left:0;background-color:rgba(76,90,120,.9);padding:8px 30px;bottom:0;z-index:99;overflow:hidden;}
.scroll .marquee{font-size:14px;line-height:21px;color:#fff;font-weight:400;padding-left:20px;width:100%;}
.scroll .marquee:before{width:39px;height:44px;position:absolute;left:0;top:4px;content:"";}
ol{padding-left:10px;}
ol li{background-image:none;}
@media screen and (min-height:800px){
.viewall{bottom:17%;}
}
@media only screen and (max-width:768px){
.viewall{bottom:17%;}
}
@media only screen and (min-width:1500px){
.bottom-scroll{height:315px!important;}
.viewall{bottom:13%;}
}
:focus{outline:0!important;outline:none!important;} 
h1{font-size:38px;line-height:48px;color:#233253;font-weight:700;}
@media only screen and (max-width:640px){
h1{font-size:24px;line-height:30px;}
}
@media screen and (min-width:100px) and (max-width:1023px){
.bg-Chat.mob-hide{display:none;}
} 
@keyframes MoveUpDown{0%,to{bottom:0;}50%{bottom:10px;}}
 
.plans-wrapper{text-align:center;width:100%;}
.plans-holder{background-color:#fff;display:inline-block;border-radius:10px;padding:15px;margin:0 3px 12px;}
.plans-holder:hover{cursor:pointer;}
.plans-holder h5{margin-top:0;font-weight:600;line-height:14px;font-size:18px;color:#ed1c24;}
.plans-holder h5 span{color:#005e9e;font-size:14px;font-weight:500;}
@media (max-width:768px){
.vhid{visibility:hidden;}
.vhid+h5{top:-54px!important;}
.mb .plans-holder{width:110px;height:108px;padding:0;margin:0 4px!important;box-shadow:3px 3px 8px 1px #e4e3e3;}
.mb .plans-holder h5{font-size:14px!important;line-height:13px;position:relative;top:-20px;}
.bg-Childrens,.bg-combo,.bg-Group,.bg-Health,.bg-pos,.bg-Retirement,.bg-Savings,.bg-Term_plans,.bg-Ulip{transform:scale(.6);position:relative;margin-top:-14px;}
.plans-wrapper{line-height:17px;}
}
.bg-Childrens{display:inline-block;width:93px;height:93px;}
.bg-Group{display:inline-block;width:93px;height:93px;}
.bg-Health{display:inline-block;width:93px;height:93px;}
.bg-Retirement,.bg-Savings{display:inline-block;width:93px;height:93px;}
.bg-combo,.bg-pos{display:inline-block;width:93px;height:93px;}
.bg-Term_plans{display:inline-block;width:93px;height:93px;}
.bg-Ulip{display:inline-block;width:93px;height:93px;}
@media only screen and (max-width:767px){
.plans-wrapper{max-width:440px;width:100%;margin:0 auto;}
}
@media only screen and (max-width:440px){
.plans-wrapper{display:flex;flex-wrap:wrap;justify-content:center;}
.mb .plans-holder{width:100px;margin:0 4px 8px!important;}
} 

.vm-italic { font-style: italic; font-size: 18px; color: #233253; display:inline-block; margin-left:40px; font-weight:500; }
.vm-italic:hover { color: #233253; }
.vm-italic1 {  display:block; max-width:300px; width:100%; text-align:left; padding-top:15px; }
.vm-italic1 a {font-style: italic; font-size: 18px; color: #233253; font-weight:500; }
.vm-italic1 a:hover { color: #233253; }
.dinline { display:inline; background: #FFF !important; padding: 7px 20px !important; margin-top:10px; } 


/* My Style */
.term, .ulip, .saving, .health{
    /* background-size:auto; background-position: right !important; background-color:#f1f5f6 */
}
.carousel-caption picture{
    /* background: url(clientlib/css/Website-banner-wihtout-logo.jpg) no-repeat !important;
    background-size: cover !important; */
    display: block;
    position: relative;
}
.btn{
    cursor: pointer;
    margin-top: 10px;
}
.carousel-caption picture img{
    width: 100%;
}

.ulip{
    /* background: url(clientlib/css/C2W-dekstop.jpg) no-repeat !important;
    margin-top: 20px !important; */
}

.saving{
    /* background: url(clientlib/css/saving-desktop.jpg) no-repeat !important; */
}

.health{
    /* background: url(clientlib/css/C2P-Optima-Secure-Website-Banner.jpg) no-repeat !important; */
}

.redFont{
    color: #ed1c24 !important;
}

.whyNot{
    display: inline-block;
}

.carousel-caption .banner{
    position: absolute;
    top: 0;
}


.onlyBanner{
    height: 575px;
    /* background: url(clientlib/css/21years-Banner.png) no-repeat; */
    /* background-size: cover;
    background-position: bottom; */
}

.mobileBanner{
    display: none;
}

.banner{
    width: 100%;
    /* height: 500px; */
    /* background: none; */
}

.banner .allData .leftText {
    /* background: none; */
}

.banner .bannerImage img{
    width: 100%;
    /* height: 400px; */
}

.banner .allData .leftText{
    width: 56%;
    padding-top: 0 !important;
    margin-top: 50px;
}

.banner .allData .leftText .bottomBorder{
    width: 79%;
    margin-left: 5%;
    padding-bottom: 25px;
    border-bottom: 2px solid #005e9e;
}

.banner .allData .leftText .grwth{
    width: 58%;
    font-size: 40px;
    font-family: Poppins;
    color: #005e9e;
    margin: 20px 0;
    font-weight: 400;
    line-height: 45px;
}

.banner .allData .leftText .grwth span{
    font-size: 50px;
    font-weight: 700;
    color: #005e9e;
    line-height: 47px;
}
.growth{
    margin-left: 5%;
}

.topBorder{
    display: inline-block;
    border-top: 2px solid #ed1c24;
}

.banner .allData .leftText .prod_nm span{
    color: #005e9e;
}

.banner .allData .leftText .prod_nm{
    font-size: 35px;
    font-family: Poppins;
    font-weight: 600;
    padding-top: 8px;
    color: #ed1c24;
    margin-left: 5%;
    margin-bottom: 0px;
    display: inline;
}

.banner .allData .leftText p{
    font-size: 14px;
    font-family: Poppins;
    margin-left: 5%;
    width: 100%;
}

.mobileBottomText .boldPara{
    font-size: 12px;
    font-weight: 600;
}

.banner .allData .termBanner p{
    font-size: 12px;
}

.banner .allData .ulipBanner p{
    font-size: 16px;
}

.banner .allData .termBanner p, .banner .allData .savingBanner p{
    margin-bottom: 20px;
}

/*.banner .allData .leftText .btn{
    font-size: 25px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 800;
    color: #005e9e;
    padding: 10px 15px;
    margin: 20px 0 15px;
    margin-left: 5%;
    border: 5px solid #ed1c24;
    border-radius: 15px;
}*/

.banner .allData .leftText .btn{
font-size: 16px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 18px;
    margin: 0 0 15px;
    border-radius: 15px;
    border: none;
    background: #ed1c24;
    color: #fff;
    margin-left: 5%;

}
.banner .allData .carousel{
    position: relative;
}

.bottom-scroll{
    width: 933px;
    height: 200px !important;
    position: absolute;
}

.prod-main{
    width: 933px;
}

.banner .allData .leftText .boldPara{
    width: 85%;
    font-weight: 800;
    font-size: 15px;
    padding-bottom: 5px;
}

.h5{
    font-family: 'Poppins', sans-serif;

}

.bottom-scroll .swiper-slide{
    height: 170px !important;
    width: 170px !important;
}

.bottom-scroll .swiper-slide div{
    height: 146px !important;
}

.MainDiv {
    background-color: #f9f9f9;
    bottom: 15px;
    padding: 10px;
    text-align: center;
}

.MainDiv .IwantTO .term{
    font-family: 'Poppins', sans-serif;
    color: #005e9e;
    font-weight: bold;
    font-size: 13px;
    position: relative;
    right: 10px;
}


.arn{

    background-color: white;
    position: absolute;
    left: auto;
    border-radius: 5px;
    bottom: 28px;
    right: 57px;

}

.arn p{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;

}


.allData .MainDiv{
    display: none;
}



.MainDiv {
    background-color: #f9f9f9;
    bottom: 15px;
    padding: 10px;
    text-align: center;
}

#dropdownContent {
    background-color: #fff !important;
    border-radius: 0px !important;
    padding: 4px;
    font-size: 13px;
    border: 1px solid #c7cacc;
    position: relative;
    right: 7px;
    font-family: Poppins,sans-serif;
}

.ProceedButton {
    bottom: 0px;
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 4px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    z-index: 1;
    outline: 0;
    transition: all .3s ease;
    cursor: pointer;
    /* padding: 6px 20px; */
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 40%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    margin-top: -70px !important;
    right: 4.5% !important;
    margin-bottom: 0 !important;
}

.swiper-button-next{
    right: 25px !important;
}

.swiper-button-prev{
    left: 15px !important;
}

.cards-banner .swiper-button-next img, .cards-banner .swiper-button-prev img {
    box-shadow: 0 10px 16px rgb(237 28 36 / 20%) !important;
    border-radius: 25px;
    margin-bottom: 35px;
    width: 50px;
}

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

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

.mobileBottomText{
    display: inline-block;
    margin-left: 3%;
    width: 50%;
    margin-top: 15.5%;
}


.paraBottomBorder{
    font-family: 'Times New Roman', Times, serif !important;
    width: auto !important;
    display: inline-block;
    width: auto;
    border-bottom: 2px solid black;
    font-size: 15px;
}

.term
.banner .allData .termBanner{
    padding-top: 25px;
}

.banner .allData .leftText .bottomBorder{
    padding-bottom: 10px;
}

.banner .allData .termBanner .bottomBorder{
    width: 85%;
}

.banner .allData .termBanner .head2 {
    width: auto;
    font-size: 30px;
    font-family: Poppins;
    font-weight: 600;
    color: #005e9e;
    margin: 0;
}

.banner .allData .termBanner .head2 span{
    width: auto;
    font-size: 34px;
    font-family: Poppins;
    font-weight: 700;
    color: #ed1c24;
}

.savingBanner{
    margin-left: 3%;
    padding-top: 0!important;
}

.banner .allData .savingBanner .Tbnr {
    font-size: 30px;
    font-family: Poppins;
    font-weight: 800;
    color: #005e9e;
    margin-bottom: 5px;
    width: 100%;
}



.banner .allData .savingBanner .Tbnr span {
    display: block;
    color: #ed1c24;
    margin-top: -5px;
    font-size: 30px;
    font-family: Poppins;
    font-weight: 800;
}

.banner .allData .leftText .thrd3 {
    font-family: 'Poppins';
    font-size: 24px;
    font-weight: 300;
    margin-top: 7px;
    color: #005e9e;
    display: initial;
    border-bottom: 2px solid #ed1c24;
    background-color: transparent !important;
    padding-bottom: 5px;
}

.banner .allData .savingBanner .thrd3{
    font-weight: 500;
}

.banner .allData .leftText .thrd3 span {
        color: #ed1c24;font-weight: 600;
   
}

.banner .allData .savingBanner .hd3 span {
    color: #005e9e;
    font-weight: 700;
}

.banner .allData .savingBanner .hd3 {
    font-size: 24px;
    font-family: Poppins;
    font-weight: 800;
    color: #ed1c24;
    line-height: 30px;
    margin-left: 0 !important;
    margin-top:10px;
    margin-bottom: 0px !important;
}



.banner .allData .savingBanner p {
    font-size: 11px;
    font-family: Poppins;
    margin-left: 0 !important;
    width: 100%;
}

.banner .allData .savingBanner .btn {
    font-size: 16px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 18px;
    margin: 0 0 15px;
    border-radius: 15px;
    border: none;
    background: #ed1c24;
    color: #fff;
}

.banner .allData .forthBanner .frt-bnr {
    font-size: 30px;
    font-family: Poppins;
    font-weight: 600;
    color: #a0060c;
    width: 64%;
    display: inline-block;
    border-bottom: 2px solid #525253;
    margin: 0 0 0 5%;
}

.banner .allData .forthBanner .frt-bnr span{
    font-size: 30px;
    color: #a0060c;
    font-weight: 700;
}

.banner .allData .forthBanner .frt-bnr, .banner .allData .forthBanner .frt-bnr span{
    line-height: 40px;
}

.banner .allData .forthBanner .health-one{
    width: 57%;
    font-size: 28px;
    font-family: Poppins;
    font-weight: 800;
    color: #ed1c24;
    line-height: 37px;
    margin-top: 10px;
}


.health-one span {
    color: #005e9e;
}

.banner .allData .forthBanner .health-one .lowWeight{
    font-weight: 400;
}

#carouselExampleIndicators .carousel-item{
    /* background-position: right !important;
    background-size: cover; */
}

.banner .allData .childBanner{
    margin-left: 3%;
}

.banner .allData .childBanner .fft1 {
    font-size: 39px;
    font-family: Poppins;
    font-weight: 700;
    color: #ed1c24;
    line-height: 30px;
    margin-left: 0 !important;
    padding-top: 6px;
    border-bottom: 2px solid #ed1c24;
    width: max-content;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.banner .allData .childBanner .fft1 span{
    color: #005e9e;
}

.banner .allData .childBanner .fft3{
    font-family: 'Poppins';
    font-size: 29px;
    font-weight: 800;
    margin-top: 5px;
    color: #005e9e;
    display: inline-block;
    background-color: transparent !important;
    border-bottom: none !important;
    margin-bottom: 0px;
}

.banner .allData .childBanner .fft3 span {
    color: #ed1c24;
}

.banner .allData .childBanner .fft2{
    font-size: 30px;
    font-family: Poppins;
    font-weight: 800;
    color: #005e9e;
    margin-bottom: 0;
    width: 100%;
    margin-top: 0;
}

.banner .allData .childBanner .fft2 span{
        color: #ed1c24;
        margin-top: -5px;
        font-size: 30px;
        font-family: Poppins;
        font-weight: 800;
}

.banner .allData .childBanner p {
    font-size: 19px;
    font-family: Poppins;
    margin-left: 0 !important;
    width: 100%;
    margin-top: -5px;
    margin-bottom: 23px;
    color: #525253;
}

.banner .allData .childBanner .btn {
    font-size: 15px;
    font-family: Poppins;
    text-transform: capitalize;
    font-weight: 600;
    padding: 6px 18px;
    /* margin: 27px 0 15px; */
    border-radius: 15px;
    border: none;
    background: #ed1c24;
    color: #fff;
    margin-left: 0;
    text-transform: uppercase;
}

.banner .allData .ulipBanner h1{
    font-weight: 500;
}

.ulip .mobileBottomText{
    width: 55%;
}

@media screen and (max-width: 1500px) {
    .swiper-wrapper{
        padding-top: 10px;
    }
    .bottom-scroll{
        bottom: 20px;
    }

    .banner .allData .forthBanner {
        padding-top: 10px;
    }

    .ulip .mobileBottomText{
        margin-top: 14.5%;
        width: 55%;
    }

    .viewall{
        bottom: 0;
        margin-bottom: 26px;
    }

    .savingBanner{
        /* background-position: right !important; */
    }

    .health .carousel-caption .banner {
        margin-top: 20px;
    }

    .banner .allData .forthBanner h2{
        width: 68%;
    }

    .banner .allData .childBanner h1{
        width: 82%;
    }
}

@media screen and (max-width: 1367px) {
    
    .banner .allData .leftText h2{
        font-size: 25px;
    }

    .banner .allData .ulipBanner h2 {
        font-size: 40px !important;        
    }
    .banner .allData .ulipBanner h2 span{
        font-size:50px;        
    }
    .banner .allData .leftText h1{
        font-size: 30px;
    }
    .banner .allData .carousel .bottom-scroll{
        top: 25px;
    }
    .carousel-inner {
        height: 508px !important;
    }

    .bottom-scroll {
        bottom: 0;
    }
    .banner .allData .termBanner .bottomBorder {
        width: 90%;
    }

    .banner .allData .leftText .boldPara{
        width: 78% !important;
    }

    .ulip .mobileBottomText {
        margin-top: 12.8%;
        width: 55%;
    }

    .banner .allData .savingBanner .btn {
        
    margin: -8px 0 15px;
    }

    .banner .allData .leftText .grwth{
        margin: 20px 0 15px;
    }

    .banner .allData .ulipBanner .grayPara{
        margin-top: -5px;
    }

}

@media screen and (max-width: 1367px) {
    .banner .allData .ulipBanner p{
        width: 64% !important;
    }


    .banner .allData .ulipBanner h2 {
        width: 68%;        
    }

    .health{
        /* background-position: left !important; */
    }

    .health .banner .forthBanner h2{
        width: 75%;
    }
    .health .banner .forthBanner h1{
        width: 75%;
    }

}

@media screen and (max-width: 1100px) {
    .viewall{
        left: unset;
        right: 23px;
    }
    .banner .allData .ulipBanner h2 {
        width: 85%;        
    }

    #carouselExampleIndicators .carousel-item{
        /* background-position-y: 0 !important;
        background-size: cover !important; */
    }

    #carouselExampleIndicators .term{
        /* background-position: right !important; */
    }

    .banner .allData .savingBanner h3{
        width: 53%;
    }

    .banner .allData .savingBanner h3 span{
        width: auto;
    }
        .banner .allData .savingBanner h3 span{
            display: inline-block !important;
    }

    .health .carousel-caption .banner {
        margin-top: 0 !important;
    }

}

@media screen and (max-width: 1078px) {


    .banner .allData .leftText{
        padding-top: 22px;
    }

    .banner .allData .leftText .boldPara{
        width: 100%;
    }

    .banner .allData .termBanner p {
        width: 85%;
    }

    .banner .allData .termBanner .btn{
        font-size: 22px;
        padding: 5px 8px;
        border: 4px solid #ed1c24;
    }

    .banner .allData .leftText .bottomBorder {
        width: 87%;

    }
    .banner .allData .leftText .bottomBorder{
        padding-bottom: 10px;
    }

    .banner .allData .leftText h1{
        padding-top: 0;
    }
    .banner .allData .carousel .bottom-scroll{
        top: 30px;
    }
    .banner .allData .ulipBanner h2 {
        width: 86%;        
    }

    .banner .allData .forthBanner h2, .banner .allData .forthBanner h1 {
        font-size: 22px;
    }
    .banner .allData .forthBanner h2 span {
        font-size: 24px;
    }
    .ulip{
        /* background: url(clientlib/css/C2W-mobile.jpg) !important;
        background-position: top !important; */
    }

    #carouselExampleIndicators .carousel-item.saving{
        /* background: url(clientlib/css/SP-Tax_mobile.jpg) no-repeat!important;
        background-position: bottom !important;
        background-size: cover !important; */
    }
    #carouselExampleIndicators .carousel-item.health{
        /* background: url(clientlib/css/C2P-Optima-Secure-Mobile-Banner.jpg) no-repeat!important;
        background-position: top !important;
        background-size: cover !important; */
    }
    .health .carousel-caption{
        margin: 0 auto;
    }
    .health .banner .allData{
        width: 80%;
        margin: 0 auto !important;
    }

    .banner .allData .forthBanner{
        width: 91%;
        margin: 40px auto 0;
    }

    .banner .allData .forthBanner h2{
        width: 100%;
        line-height: 30px;
        margin: 0 auto!important;
        text-align: center;
    }
    .banner .allData .forthBanner h2 span{
        font-size: 22px;
        line-height: 30px;
    }
    .banner .allData .forthBanner h1{
        width: 77%;
        margin: 0 auto!important;
        text-align: center;
        line-height: 30px;
    }

}



@media screen and (min-width:901px) and (max-width:1445px) {

    .arn{bottom: 68px !important;}

    .carousel-inner{
        height: 546px;
    }

    .bottom-scroll {
        bottom: 30px;
    }

  }



@media screen and (max-width: 867px) {
    .banner .allData .leftText h2{
        font-size: 22px;
    }

    .carousel-caption picture img{
        width: 100%;
    }
    


    .banner .allData .leftText h1{
        font-size: 25px;
    }
    .banner .allData .ulipBanner h2 {
        width: 97%;        
    }
}
    @media screen and (max-width: 768px) {

        .carousel-caption{
            position: unset;
            width: 100% !important;
        }

        .carousel-caption .banner{
            margin-top: -10px;
        }

        #carouselExampleIndicators{
            margin-top: 0;
        }

        .swiper-wrapper{
            padding-top: 0;
        }

        .carousel-item{
            background: none;
        }

        .term{
            /* background: url(clientlib/css/Adhura-Mobile.jpg) !important;
            background-position: top !important; */
        }

        .ulip{
            /* background: url(clientlib/css/C2W-mobile.jpg) !important;
            background-position: top !important; */
            margin-top: 5.8%;
        }

        .ulip .leftText{
            margin-top: -30px;
        }

        #carouselExampleIndicators .carousel-item.saving{
            /* background: url(clientlib/css/SP-Tax_mobile.jpg) no-repeat !important;
            background-size: cover !important;
            background-position: right bottom !important; */
        }

        #carouselExampleIndicators .carousel-item.health{
            /* background: url(clientlib/css/C2P-Optima-Secure-Mobile-Banner.jpg)  no-repeat!important;
            background-position: top !important;
            background-size: cover !important; */
        }

        #carouselExampleIndicators .carousel-item{
            /* background-position: 86% !important; */
        }
        .onlyBanner{
        /* background: none; */
        height: auto;
    }

    .desktopBanner{
        display: none;
    }
    .mobileBanner{
        display: block;
    }

    .pc{
        display: none;
    }
    .banner .allData .leftText {
        /* background: url(clientlib/css/Home.png) no-repeat; */
        /* background-size: contain; */
        height: auto;
        padding-top: 0;
        width: 100%;
        /* background-position: right; */
        margin-top: 15px;
    }
    /* .banner .bannerImage img {
        width: 169%;
        margin-left: -52%;
        overflow: hidden;
    } */

    .banner .allData .leftText h2 {
        font-size: 12px;
    }

    .banner .allData .leftText .bottomBorder {
        padding-bottom: 3px;
        width: 48%;
        margin-left: 4%;
    }
    .banner .allData .leftText .bottomBorder .head2 br {
        display: none;
    }

    .ulip .carousel-caption picture img{
        margin-top: -21px;
    }

    .banner .allData .termBanner{
        margin-top: 30px;
    }
    .banner .allData .termBanner .head2 {
        margin: 20px 0 5px;
        line-height: 18px;
        font-size: 16px !important;
    }
    .banner .allData .termBanner .head2 span {
        font-size: 16px !important;
        line-height: 15px;
    }
    .banner .allData .leftText h1 {
        width: 57%;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
        margin-left: 4%;
    }

    .banner .allData .leftText .prod_nm {
        font-size: 14px;
        font-family: Poppins;
        font-weight: 600;
        padding-top: 7px;
        color: #ed1c24;
        margin-left: 4%;
        margin-bottom: 4px;
        display: inline-flex;
        margin-top: 0px;
    }

    .banner .allData .leftText .grwth {
        width: 58%;
        font-size: 29px !important;
        font-family: Poppins;
        color: #005e9e;
        margin: 0px !important;
        font-weight: 400;
        line-height: 30px !important;
    }

    .banner .allData .leftText .grwth span {
        font-size: 22px !important;
        font-weight: 700;
        color: #005e9e;
        line-height: 46px !important;
    }

    .banner .allData .savingBanner .Tbnr {
        font-size: 21px; 
        font-family: Poppins;
        font-weight: 800;
        color: #005e9e;
        margin-bottom: -5px;
        width: 100%;
    }
    .banner .allData .savingBanner .Tbnr span {
        display: block;
        color: #ed1c24;
        margin-top: -5px;
        font-size: 21px;
        font-family: Poppins;
        font-weight: 800;
    }
    .banner .allData .leftText h3 {
        font-family: 'Poppins';
        font-size: 24px;
        font-weight: 300;
        margin-top: 3px;
        color: #005e9e;
        display: inline-block;
        border-bottom: 2px solid #ed1c24;
        background-color: transparent !important;
        padding-bottom: 10px;
    }
    .banner .allData .savingBanner .hd3 {
        font-size: 20px;
        font-family: Poppins;
        font-weight: 800;
        color: #ed1c24;
        line-height: 25px;
        margin-left: 0 !important;
        margin-top: 10px;
        margin-bottom: 0px !important;
    }

    .banner .allData .savingBanner h3 {
        width: 50%;
        font-size: 12px;
    }
    .banner .allData .leftText .thrd3 {
        font-family: 'Poppins';
        font-size: 10px;}

    .banner .allData .forthBanner .frt-bnr {
        font-size: 18px;
        font-family: Poppins;
        font-weight: 600;
        color: #a0060c;
        width: 100%;
        display: inline-block;
        border-bottom: 2px solid #525253;
        margin: 0;
        line-height: 20px !important;
        text-align: center;
        padding: 10px 0 8px 0;
    }

    .banner .allData .forthBanner .frt-bnr span {
        font-size: 12px;
        color: #a0060c;
        font-weight: 700;
        line-height: 17px !important;
    }
    .banner .allData .forthBanner .health-one {
        width: 100%;
        font-size: 15px;
        font-family: Poppins;
        font-weight: 800;
        color: #ed1c24;
        line-height: 21px;
        margin-top: 3px;
        text-align: center;
    }

    .banner .allData .childBanner .fft1 {
        font-size: 12px;
        font-family: Poppins;
        font-weight: 700;
        color: #ed1c24;
        line-height: 15px;
        margin-left: 0 !important;
        padding-top: 2px;
        border-bottom: 2px solid #ed1c24;
        width: max-content !important;
        padding-bottom: 6px;
        margin-bottom: 0px;
        display: b;
    }

    .banner .allData .childBanner .fft3 {
        width: max-content !important;
        font-size: 14px !important;
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .banner .allData .childBanner .fft2 span {
        color: #ed1c24;
        margin-top: -17px;
        font-size: 14px  !important;
        font-family: Poppins;
        font-weight: 800;
    }

    .banner .allData .childBanner .fft2 {
        font-size: 13px;
        font-family: Poppins;
        font-weight: 800;
        color: #005e9e;
        margin-bottom: 0;
        width: 100%;
        margin-top: 0;
    }
    .banner .allData .childBanner p {
        width: 45%;
        font-size: 10px;
        font-weight: 700;
        margin-top: 0;
    }

    .banner .allData .childBanner p {
        width: 55%;
        font-size: 8px;
        font-weight: 700;
        margin-top: 0 !important    ;
    }

    .banner .allData .childBanner .btn {
        padding: 2px 7px;
        font-size: 14px !important;
        margin-left: 0;
        border-radius: 15px;
    }

    .banner .allData .leftText .btn {
        font-size: 14px !important;
        margin-left: 4%;
    }
    .banner .allData .leftText p {
        width: 43%;
        font-size: 10px;
        margin-left: 4%;
    }

    .banner .allData .termBanner p {
        width: 41%;
    }
    .banner .allData .leftText .btn {
        font-size: 10px;
        margin-left: 4%;
    }

    .banner .allData .leftText .btn {
        padding: 3px 10px;
        border: 2px solid #ed1c24;
    }

    .banner .allData .leftText .boldPara {
        width: 155%;
    }

    /* .banner .allData .ulipBanner h2 {
        font-size: ;        
    } */

    .ulipBanner p{
        display: inline-block;
        font-size: 7px;
    }

    /* .ulip .carousel-caption{
        margin-top: 20px;
    } */
    

    .banner .allData .leftText .bottomBorder h2{
        font-size: 17px;
    margin: 0;
    padding: 0;
    width: 68%;
    padding-top: 5px;
    margin-bottom: 5px;
    }

    .banner .allData .termBanner .bottomBorder h2{
        width: 100%;
    }
    .banner .allData .ulipBanner{
        padding-top: 35px;
        width: 60%;
    }

    .banner .allData .ulipBanner .growth{
        margin-left: 4%;
    }

    .banner .allData .ulipBanner .growth h2{
        width: 90%;
        font-size: 28px !important;
        margin: 0!important;
        line-height: 1;
    }
    
    .banner .allData .ulipBanner .growth h2 span{
        font-size: 36px !important;
        line-height: 36px;
    }
    
    .banner .allData .ulipBanner .growth h1{
        border-top: 2px solid #ed1c24;

    }

    .banner .allData .ulipBanner .boldPara{
        display: inline-block;
        width: 85% !important;
        font-size: 10px;
        font-weight: 800;
        margin-bottom: 10px;
        font-family: 'Times New Roman', Times, serif;
        padding-bottom: 2px;
    }

    .banner .allData .ulipBanner p {
        width: 50% !important;
    }

    .banner .allData .ulipBanner h1{
        font-size: 20px;
        line-height: 32px;
        width: 66%;
    }
    .banner .allData .ulipBanner h2{
        font-size: 17px !important;
    }

    /* .ulip .carousel-caption picture img {
        height: 248px;
    } */

    .banner .allData .savingBanner{
        margin-left: 4%;
        margin-top: 26px;
    }

    .banner .allData .savingBanner h2{
        font-size: 20px;
        line-height: 30px;
    }

    .banner .allData .savingBanner h2 span {
        font-size: 20px !important;
        line-height: 24px;
    }

    .banner .allData .savingBanner h3 {
        width: 50%;
        font-size: 13px;
    }
    

    .health .carousel-caption{
        margin: 0 auto;
    }
    .health .banner .allData{
        width: 100%;
        margin-left: -7px !important;
    }

    .banner .allData .forthBanner{
        width: 91%;
        margin: 40px auto 0;
    }

    .banner .allData .forthBanner h2{
        width: 100%;
        line-height: 15px;
        margin: 0 auto!important;
        text-align: center;
    }
    .banner .allData .forthBanner h2 span{
        font-size: 12px;
        line-height: 13px;
        font-weight: 800;
        color: #a0060c;
    }
    .banner .allData .forthBanner h1{
        width: 77%;
        line-height: 16px;
        margin: 0 auto!important;
        text-align: center;
        line-height: 22px;
    }

    .banner .allData .savingBanner .btn{
        margin: 0 0;
    }

    .banner .allData .childBanner {
        margin-left: 4%;
        margin-top: 11%;
    }

    .banner .allData .childBanner h1{
        width: 43%;
        padding-bottom: 5px;
        margin-bottom: 0;
        font-weight: 800;
    }

    .banner .allData .childBanner h3 {
        width: 57%;
        font-size: 14px;
        font-weight: 600;
        margin-top: 0px;
    }

    .banner .allData .childBanner h2{
        margin-top: 0;
        font-size: 13px;
        margin-top: -15px;
    }

    .banner .allData .childBanner h2 span{
        font-size: 13px;
    }

    .banner .allData .childBanner p {
        width: 55%;
        font-size: 8px;
        font-weight: 700;
        margin-top: -16px;
    }

    .banner .allData .childBanner .btn{
        padding: 2px 7px;
        font-size: 8px;
        margin-left: 0;
        border-radius: 15px;
    }

    .MainDiv{
        display: block;
    }

    .allData .MainDiv{
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .allData .MainDiv .IwantTO{
        margin-top: 15px;
    }

   .ProceedButton {
        font-size: 8px;
    }

    .ulip .mobileBottomText {
        width: 58%;
        display: inline-block;
        margin-left: 3%;
        margin-top: 4.5%;
    }

    .ulip .arn {
        bottom: 58px !important;
    }

    .mobileBottomText .boldPara {
        font-weight: 600;
        font-size: 9px;
        line-height: 10px;
    }


    .mb .plans-holder h5{
        font-family: 'Poppins', sans-serif;
    }

    .Va1 h5{
        margin-top: 12px !important;
    }

    /* .desk-block{
        margin-top: 20px;
    } */

 .arn{
        bottom: 7px;
        right: 3px;
    }
    
    .arn p{
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        padding: 2px 5px;
        font-size: 8px;
        font-weight: bold;
        margin-bottom: 0px;
    }
    
    .ulip .arn{
        bottom: 44px;
    }

    .saving .carousel-caption .banner {
        margin-top: 0;
    }
    
}

@media screen and (max-width: 700px) {
    .banner .allData .ulipBanner .growth h2{
        width: 82%;
        font-size: 23px !important;
    }
    .banner .allData .ulipBanner .growth h2 span{
        font-size: 30px !important;
    }
    .banner .allData .ulipBanner h1 {
        font-size: 17px;
        line-height: 23px;
        width: 60%;
    }
}

@media screen and (max-width: 573px) {
    .banner .allData .ulipBanner .growth h2{
        width: 73%;
        font-size: 18px !important;
    }
    .banner .allData .ulipBanner .growth h2 span{
        font-size: 23px !important;
    }
    .banner .allData .ulipBanner h1 {
        font-size: 11px;
        line-height: 23px;
        width: 67%;
    }

    .banner .allData .savingBanner h1{
        width: 48%;
    }

    .banner .allData .forthBanner h1{
        font-size: 12px;
        line-height: 15px;
    }

    .plans-wrapper .plans-holder .bg-Term_plans{
        width: 93px;
        height: 93px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media screen and (max-width: 500px) {
    #carouselExampleIndicators{
        width: 100%;
    }

    .carousel-inner, #carouselExampleIndicators .carousel-item{
        height: 290px !important;
    }
.ulip .mobileBottomText {
        margin-top: 3%;
    }
    .banner .allData .ulipBanner .growth h2{
        width: 83%;
    }
    .banner .allData .savingBanner h1{
        width: 40%;
    }
    .banner .allData .savingBanner p{
        width: 39%;
    }

}

@media screen and (max-width: 378px) {
    .carousel-inner, #carouselExampleIndicators .carousel-item {
        height: 278px !important;
    }

.banner .allData .ulipBanner .growth p{
        /* width: 88%; */
        font-size: 18px !important;
    }
    .banner .allData .ulipBanner .growth h2 span{
        font-size: 23px !important;
    }

    .banner .allData .ulipBanner h1 {
        font-size: 14px;
        line-height: 23px;
        width: 80%;
    }
    .ulip .mobileBottomText {
        margin-top: 3%;
    }
    .ulip .arn{
        bottom: 47px;
    }

.banner .allData .ulipBanner .growth p {
    width: 88% !important;
    font-size: 18px !important;
}
}

@media screen and (min-width: 391px) and (max-width: 480px) {
	.ulip .mobileBottomText {
    margin-top: 3%;
}

}

@media screen and (max-width: 361px) {
    .banner .allData .ulipBanner .boldPara{
        width: 90% !important;
    }
    .ulip .mobileBottomText {
        margin-top: 3%;
    }
    .ulip .arn{
        bottom: 44px;
    }
    .carousel-inner, #carouselExampleIndicators .carousel-item {
        height: 268px !important;
    }
        .banner .allData .ulipBanner .boldPara {
    width: 100% !important;
}

.banner .allData .ulipBanner .boldPara {
    width: 100% !important;
}

.ulip .mobileBottomText {
    margin-top: 0;
}

.banner .allData .ulipBanner .boldPara {
    width: 100% !important;
}

.banner .allData .ulipBanner .boldPara {
    width: 100% !important;
}

.ulip .mobileBottomText {
    margin-top: 0;
}

.MainDiv{
	padding: 10px 2px 10px 13px;
}
}

@media screen and (max-width: 350px) {
    .banner{
        height: 330px;
    }
    .allData .MainDiv {
        display: flex;
        height: 120px;
        padding: 0;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    .allData .MainDiv .IwantTO {
        width: 100%;
        margin-top: 0;
    }

    .allData .MainDiv label, .allData .MainDiv select, .allData .MainDiv input{
        display: block;
        text-align: center;
        margin: 5px auto;
    }

    .banner .allData .leftText h1 {
        padding-top: 3px;
    }

.banner .allData .ulipBanner .boldPara {
    width: 100% !important;
}

.banner .allData .ulipBanner .boldPara {
    width: 100% !important;
}

.ulip .mobileBottomText {
    margin-top: 0;
}

}

@media screen and (max-width: 329px) {

    .onlyBanner{
        height: auto;
    }
    .banner .allData .leftText h1 {
        
        width: 52%;

    }

    .banner .allData .leftText p {
        display: none;
    }

    .plans-wrapper {
        margin: 5px auto;
    }

}



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


/* banner new cards css start here */

.invisible{visibility: hidden;}
.ban-prod-wrap{width: 84%;overflow-x: scroll;margin: 0 auto;margin: 0 0 25px 40px;overflow-y: hidden;}
.ban-prod-wrap ul li a{text-decoration: none;}
.ban-prod-wrap-bg{background-color: #EDF7FF;width: 93%;border-radius: 60px;height: 130px;border:1px solid #468BB8;position: relative;top: -145px;z-index: -1;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.27); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.27);}
.ban-prod-wrap ul{list-style: none;padding: 0;display: flex;flex-direction: row;width: max-content;}
.ban-prod-wrap ul li {margin-left: 6px;text-align: center;width: 110px;margin-bottom: 20px;}
.ban-prod-wrap ul li img{width: 80px;}
.ban-prod-wrap h2{margin-top: -12px;font-weight: 600;line-height: 16px;font-size: 16px;color: #ed1c24;font-size: 18px;word-break: break-word;    margin-bottom: -8px;}
h2 span{color: #005e9e;font-size: 14px;font-weight: 600;margin-top: 5px;display: inline-block;}
.badge-danger {
  background: #ed1c24;
  position: relative;
  top: -20px;
  font-weight: 600;
  animation: zoom 1s infinite;
  animation-direction: alternate;
  padding: 4px 10px;
  color: #fff;
  font-size: 12px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}


.ban-prod-wrap .badge-danger{width:110px; background: #ed1c24;position:relative;top: -20px;font-weight: 600;
  animation: zoom 1s infinite;animation-direction: alternate;padding: 7px 10px;}
@keyframes zoom {from {transform: scale(.88);}to {    transform: scale(1);}}



/* width */
.ban-prod-wrap::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    
  }
  
  /* Track */
  .ban-prod-wrap::-webkit-scrollbar-track {
    background: #C0E3FF; 
    border-radius: 10px;
  }
   
  /* Handle */
  .ban-prod-wrap::-webkit-scrollbar-thumb {
    background: #547ED4; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  .ban-prod-wrap::-webkit-scrollbar-thumb:hover {
    background: #3057a5; 
    border-radius: 10px;
  }








@media screen and (max-width:1600px) {
  .arn {
    bottom: -180px !important;
}
.banner .allData .termBanner p{margin-bottom: 12px;}

  
}


  @media screen and (max-width:1280px) {

  .bottom-scroll.product-cateogry {
    width: 60%;
    bottom: 108px;
    }

    .banner .allData .leftText {
      width: 71%;
      margin-top: 24px;
  }

  .banner .allData .leftText.childBanner {
    margin-top: 48px;
}

.banner .allData .leftText.termBanner {
  width: 61%;
  margin-top: 35px;
}



  }


  @media screen and (min-width:996px) and (max-width:1279px) {

    .bottom-scroll.product-cateogry{bottom: 164px;}

  }


  @media screen and (min-width:900px) and (max-width:995px) {

    .bottom-scroll.product-cateogry{bottom: 164px;}


  }

  @media screen and (min-width:901px) and (max-width:1043px) {

    .arn{bottom: 174px !important;}

    .ban-prod-wrap {
      width: 84%;
      overflow-x: scroll;
      margin: 0 auto;
      margin: 0 0 25px 55px;
      overflow-y: hidden;
  }


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

.banner .allData .leftText.forthBanner {
  width: 100%;
  margin-top: 24px;
}

.health .banner .allData {
  width: 100%;
  margin: 0 auto !important;
}

.banner .allData .forthBanner .frt-bnr{width: 49%;}
.banner .allData .forthBanner .health-one {
  width: 50%;
  font-size: 15px;
  font-family: Poppins;
  font-weight: 800;
  color: #ed1c24;
  line-height: 3px;
  margin-top: 8px;
}

.banner .allData .leftText .thrd3 {font-size: 18px;}
.banner .allData .savingBanner .hd3 {font-size: 18px;margin-top: 6px;}
.mobileBottomText{display: block !important;margin-top: 2% !important;}



  }




  @media (min-device-width: 768px) and (max-device-width: 1099px){
  #carouselExampleIndicators .carousel-indicators {
      right: 14px !important;
      top: 25%;
  }

  .bottom-scroll.product-cateogry {
    bottom: -45px;
    width: 84%;
    margin-left: 80px;
}


}


@media screen and (max-width:768px) and (min-width:580px) {
  .Va1{position: relative;top: 12px;}
}


@media screen and (max-width:768px) {
  .prod-main{display: none;}
  .cards-banner #carouselExampleIndicators .carousel-indicators {
    bottom: 0;
    top: auto;
    right: 0px !important;
  }


}


@media screen and (max-width:580px) {

  .ban-prod-wrap {
    width: 84%;
}

.banner .allData .termBanner p {
  width: 58%;
}

.banner .allData .leftText .bottomBorder {
  width: 94%;
  margin-left: 4%;
}

.banner .allData .leftText .grwth{font-size: 22px !important;line-height: 22px !important;}
.banner .allData .leftText .grwth span{font-size: 22px !important;line-height: 26px !important;}
.banner .allData .ulipBanner p {width: 70% !important;}
.arn {bottom: 36px !important;}
.banner .allData .savingBanner .Tbnr span{font-size: 16px;}
.banner .allData .savingBanner .hd3{width: 90%;}
.banner .allData .savingBanner p {width: 58%;}







}



@media screen and (max-width:480px) {

  .ban-prod-wrap {
    width: 82%;
}

.ban-prod-wrap ul li {
  margin-left: 6px;
  text-align: center;
  width: 98px;
}

.prod-main .col-lg-7{
  padding: 5px;
}


}



@media screen and (max-width:360px) {

.banner .allData .ulipBanner p {
  width: 75% !important;
}

.banner .allData .savingBanner .hd3 {
  width: 60%;
}

.banner .allData .leftText {
  width: 68%;
  margin-top: 15px;
}

.banner .allData .savingBanner p {
  width: 62%;
}

.banner .allData .savingBanner .Tbnr{font-size: 18px;}
.banner .allData .savingBanner .hd3{font-size: 14px;font-size: 14px;line-height: 16px;}
.banner .allData .termBanner p, .banner .allData .savingBanner p {margin-bottom: 12px;}
.banner .allData .leftText .btn {font-size: 12px !important;}



}


/* banner new cards css ends here */