/* Page Basic Content css */
@media (min-width: 1200px){/*.container {width: 1120px;}*/}

    .div-second-container {margin-bottom: 20px;}
    .txt{font-size: 16px;color: #272727;line-height: 21px;}
    .h2, h2 {font-size: 22px;color: #444444;}
    @media (max-width: 667px){
    .h2, h2 {font-size: 18px;}
    .txt {font-size: 14px;line-height: 18px;}
    }
/* Page Basic Content css end */

/* Baner description */
.persona-banner{background:#F5F6EF;margin-bottom:25px;min-height: 300px;position: relative;}
.banner-description{max-width:905px;margin:0 auto;padding:20px 0 10px;min-height: 200px;}
.banner-description a{color:#444;font-size:14px;}
.banner-description a i{width:15px;background:url(/etc/designs/icicipru/persona/image/left-arrow-icon.svg) center center no-repeat;display:inline-block;margin-right:10px;background-size:15px;}
.banner-description h1{margin-top:17px;color:#094B7F;font-weight:800;margin-bottom: 24px;max-width:630px;font-size:24px;}
.banner-description p{font-size:16px;color:#094B7F;max-width:450px;margin-bottom:25px;}
.persona-banner a.read-more-lnk {position: absolute;bottom: 15px;left: calc(50% - 35px);color: #aaaaaa;font-size: 12px;/*font-family: Lato, Regular;*/}
.persona-banner a.read-more-lnk .arrows {
    position: relative;
    /**/
    position: absolute;
    top: -15px;
    left: 50%;
    /**/
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);border: 1px solid #e88b50b3;
    border-radius: 100%;
  }
  .persona-banner a.read-more-lnk .arrows:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 19px;top: 5px;
    border-left: 1px solid rgba(232, 139, 80, 0.7);
    border-bottom: 1px solid rgba(232, 139, 80, 0.7);
    transform: translate(10px, 15px) rotate(-45deg);
    animation: arrows 3s linear infinite;
  }
  .persona-banner a.read-more-lnk .arrows:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 19px;top: 5px;
    border-left: 1px solid rgba(232, 139, 80, 1);
    border-bottom: 1px solid rgba(232, 139, 80, 1);
    transform: translate(10px, 0px) rotate(-45deg);
    animation: arrows 3s linear infinite -1.5s;
  }
  
  @keyframes arrows {
    0% {
      border-left: 1px solid rgba(232, 139, 80, 0);
      border-bottom: 1px solid rgba(232, 139, 80, 0);
      transform: translate(-13px, -10px) rotate(-45deg);
    }
    10%, 90% {
      border-left: 1px solid rgba(232, 139, 80, 0);
      border-bottom: 1px solid rgba(232, 139, 80, 0);
    }
    50% {
      border-left: 1px solid rgba(232, 139, 80, 1);
      border-bottom: 1px solid rgba(232, 139, 80, 1);
      transform: translate(-13px, 0px) rotate(-45deg);
    }
    100% {
      border-left: 1px solid rgba(232, 139, 80, 0);
      border-bottom: 1px solid rgba(232, 139, 80, 0);
      transform: translate(-13px, 10px) rotate(-45deg);
    }
  }


/* Goals banner images */
.persona-banner.family-protection-banner {background: url(/etc/designs/icicipru/persona/image/family-protection-banner.png) center center no-repeat;}
.persona-banner.early-investing-banner {background: url(/etc/designs/icicipru/persona/image/early-investing-banner.png) center center no-repeat;}
.persona-banner.plan-child-future-banner {background: url(/etc/designs/icicipru/persona/image/plan-child-future-banner.png) center center no-repeat;}
.persona-banner.long-term-wealth-banner {background: url(/etc/designs/icicipru/persona/image/long-term-wealth-banner.png) center center no-repeat;}
.persona-banner.plan-happy-retirement-banner {background: url(/etc/designs/icicipru/persona/image/plan-happy-retirement-banner.png) center center no-repeat;}
.persona-banner.reduce-tax-burden-banner {background: url(/etc/designs/icicipru/persona/image/reduce-tax-burden-banner.png) center center no-repeat;}


/* Banner description end */
.container h2{text-align:center;margin-bottom:20px;font-weight: 700;}
.highlight-point-list-wrapper{background:#FDF0E5;border-radius:10px;padding:35px 50px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.highlight-point-list-wrapper .highlight-point-list{font-size:16px;line-height:20px;color: #444;margin-bottom: 14px;padding-left: 25px;position: relative;}

.highlight-point-list-wrapper h2, .highlight-point-list-wrapper ul {flex-basis: 50%;}
.highlight-point-list-wrapper h2 {font-size: 28px;text-align: left;max-width: 350px;line-height: 34px;display: flex;align-items: center;margin-top: -7px;}
.highlight-point-list-wrapper ul {padding: 0;}
.highlight-point-list-wrapper .highlight-point-list:before {position: absolute;content: "";width: 8px;height: 8px;left: 0;top: 5px;background: #AE2B30;border-radius: 100%;}

@media (max-width: 990px){ 
    .persona-banner {
        background-position: 70% 0 !important;
    }
    .banner-description p {max-width: 400px;}
    .highlight-point-list-wrapper {padding: 25px 25px 15px;}
    .highlight-point-list-wrapper .highlight-point-list {    width: auto;
        margin-bottom: 15px;}
    .highlight-point-list-wrapper h2 {
        max-width: initial;
        text-align: center;
        display: block;
        font-size: 24px;
        margin: 0 0 15px;flex-basis: initial;
    }.highlight-point-list-wrapper ul {
        padding: 0 0 1px;    flex-basis: initial;
    }
}
@media (max-width: 700px){ 
    .persona-banner{height: 140px;min-height: auto;background-position: 70% 0 !important;
        background-size: 175% !important;}

    
    /* .persona-banner.early-investing-banner {} */



    .persona-banner a.read-more-lnk {
        display: none;
    }
    .banner-description{background:none!important;padding-bottom:0;float: left;}
    .banner-description a{font-size:12px;line-height:15px;}
    .banner-description h1{font-size: 22px;
        line-height: 26px;
        margin-top: 10px;
        max-width: 180px;    margin-bottom: 10px;    position: absolute;}
    .banner-description p{font-size: 12px;
        line-height: 15px;
        margin-top: 120px;}
    .container h2{font-size:16px;line-height:19px;    text-align: left;}
    .highlight-point-wrapper {
        clear: both;    margin-bottom: 25px;
    }
    .highlight-point-list-wrapper .highlight-point-list{background-size:18px;padding-left:20px;font-size:14px;line-height:18px;margin-bottom:15px;background-position:left top;width:100%;margin-bottom:15px;}
    .highlight-point-list-wrapper > div {order: 1;}
    .highlight-point-list-wrapper > div + div + div {order: 2;}
    .highlight-point-list-wrapper > div + div + div + div + div {order: 3;}
    .highlight-point-list-wrapper > div + div + div + div + div + div + div {order: 4;}
    .highlight-point-list-wrapper > div + div + div + div + div + div + div + div + div {order: 5;}

    
    .highlight-point-list-wrapper > div + div {order: 6;}
    .highlight-point-list-wrapper > div + div + div + div {order: 7;}
    .highlight-point-list-wrapper > div + div + div + div + div + div {order: 8;}
    .highlight-point-list-wrapper > div + div + div + div + div + div + div + div {order: 9;}
    .highlight-point-list-wrapper > div + div + div + div + div + div + div + div + div + div {order: 10;}

}

/* Recommended css */
.recommended-section {width: 100%;overflow: hidden;height: 100%;}
.recommended-list-wrapper{display:flex;flex-wrap:wrap;padding-bottom: 45px;/*border-bottom: 2px solid #cecece;*/justify-content: center;}
.recommended-list-wrapper .recommended-list{width:calc(33.33% - 33px);height: 100%;margin: 0 15px 15px 0;}
.recommended-list-wrapper .recommended-list:nth-child(3n) {margin-right: 0;}
.recommended-list-wrapper .recommended-list p.top-highlight-point{max-width:300px;margin:0 auto;text-align:center;color:#094B7F;font-size:14px;line-height:16px;background:#E3EDF8;padding:8px 5px;border-radius:5px 5px 0 0;}
.recommended-list-wrapper .recommended-list p.top-highlight-point.empty-field{opacity: 0;}
.recommended-list-wrapper .recommended-list .recommended-info{border:1px solid #DEDEDE;border-radius:10px;padding:0px;height:100%;min-height: 450px;position: relative;box-shadow: 0px 3px 11px #00000021;}
.recommended-list-wrapper .recommended-list .recommended-info .recommended-title {display: flex;align-items: center;padding-top: 15px;
padding-left: 15px;padding-right: 15px;padding-bottom: 20px;margin-bottom: 15px;height: 90px;border-bottom: 1px solid #DEDEDE;}
.recommended-list-wrapper .recommended-list .recommended-info img{margin-right:15px;display: flex;align-items: center;max-width: 80px;margin-bottom: 5px;}
.recommended-list-wrapper .recommended-list .recommended-info h3{margin:0;font-size:16px;line-height:19px;display:inline-block;display: flex;align-items: center;color: #003B6E;font-weight: bold;max-width: 180px;}
.recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point{color:#003B6E;font-size:14px;line-height:16px;padding:0 15px 10px;clear:both;min-height:200px;}
.recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point li{margin-bottom:10px;padding-left:25px;background:url(/etc/designs/icicipru/persona/image/tick-icon.png) 0 5px no-repeat;background-size:14px;line-height: 18px;}

.recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point.readmore {min-height: initial;overflow: hidden;padding-bottom: 10px;height: 200px;position: relative;}
.recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point.readmore:before {content: "More..";position: absolute;cursor: pointer;bottom: 0;right: 10px;color: #333;z-index: 1;text-decoration: underline;background: #fff;padding-left: 5px;}
.recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point.readmore:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 25px;background: linear-gradient(rgb(255 255 255 / 62%), rgb(255 255 255));}



.recommended-list-wrapper .recommended-list .recommended-info .recommended-pay-get{background:#FDF0E4;padding:10px 5px 5px 10px;margin-bottom:70px;overflow:hidden;position: absolute;width: calc(100% - 0px);bottom: 0;}
.recommended-list-wrapper .recommended-list .recommended-info .recommended-pay-get p{margin:0 0 6px;font-size:12px;line-height:16px;color:#B02A30;    display: flex;}
.recommended-list-wrapper .recommended-list .recommended-info .recommended-pay-get p b {padding-right: 5px;font-size: 14px;}
.recommended-list-wrapper .recommended-list .recommended-info .recommended-button-wrapper a{font-size: 14px;line-height: 16px;color: #9A9A9A;margin-right: 20px;border: 1px solid #AE2B30;border-radius: 16px;display: inline-block;padding: 8px;width: 120px;}
.recommended-list-wrapper .recommended-list .recommended-info .recommended-button-wrapper{text-align:center;position: absolute;bottom: 15px;width: calc(100% - 0px);}
.recommended-list-wrapper .recommended-list .recommended-info .recommended-button-wrapper a.check-btn{background:#AE2B30;border-radius:16px;padding:8px 7px;color:#fff;margin-right:0;display:inline-block;margin-bottom:0;}
.recommended-list-wrapper .recommended-list .recommended-info .recommended-button-wrapper a:hover{text-decoration:underline;}
.recommended-section .blue-panel .plan-details .panel-heading h4 a.accordion-toggle.collapsed:after{content: "";position: absolute;background: url(/etc/designs/icicipru/images/accordion.png) no-repeat 98% 60% ;right: 25px;top: 10px;width: 30px;height: 30px;background-size: 30px;transform: rotate(0deg);transition: all 0.5s;}
.recommended-section .blue-panel .plan-details .panel-heading h4 a.accordion-toggle:after {content: "";position: absolute;background: url(/etc/designs/icicipru/images/accordion.png) no-repeat 98% 60% ;right: 25px;top: 10px;width: 30px;height: 30px;background-size: 30px;transform: rotate(-180deg);transition: all 0.5s;}
.recommended-section .blue-panel .plan-details .panel-heading h4 a,
.recommended-section .blue-panel .plan-details .panel-heading h4,
.recommended-section .blue-panel .plan-details .panel-heading {background: transparent;border-radius: 0px;overflow: hidden;color: #444;font-size: 16px;position: relative;}
.recommended-section .blue-panel .plan-details .panel-heading {margin-top: 20px;}
.recommended-section .blue-panel .plan-details #disc p,
.recommended-section .blue-panel .plan-details #disc li {font-size: 11px;padding: 0px 10px 0;}
.recommended-section .blue-panel .plan-details .panel {background: none;box-shadow: none;}
.recommended-section .blue-panel .plan-details #disc li {list-style-type: decimal;margin-bottom: 5px;}

/* Disclaimer style change */
.recommended-section .blue-panel .plan-details .panel-heading h4 {border-bottom: 1px #969696 solid;box-shadow: 0px 1px 0px 0px #cac6c6;}
.recommended-section .blue-panel .plan-details .panel-heading h4 a {color: #6a6a6a;font-size: 20px;}

/* default product select */
.recommended-list-wrapper .recommended-list.prd-selected .recommended-info{border: 1px solid #b02a30;box-shadow: 0px 3px 11px #b02a30;}


/* Disclaimer style change */

.recommended-section .blue-panel .plan-details .panel-heading h4 a.accordion-toggle.collapsed:after {transform: rotate(0deg);BACKGROUND: url(/etc/designs/icicipru/images/accordion.png) no-repeat 98% 60%;}
.recommended-section .blue-panel .plan-details .panel-heading h4 a {color: #6a6a6a;font-size: 20px;}
.recommended-section .blue-panel .plan-details .panel-heading h4 a.accordion-toggle:after {transform: rotate(-180deg);BACKGROUND: url(/etc/designs/icicipru/images/accordion.png) no-repeat 98% 60%;}


.recommended-list-wrapper .recommended-list .recommended-info .recommended-title {position: relative;}
.ulip_disclaimer {position: absolute;left: 10px;width: calc(100% - 20px);bottom: -10px;font-size: 9px;line-height: 12px;color: #808080;}
p.ulip_disclaimer.smart-life {left: 10px;}

@media (max-width: 1200px){ 
.recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point {min-height: 200px;}
}
@media (max-width: 990px){ 
.recommended-list-wrapper{justify-content: initial;}
.recommended-list-wrapper .recommended-list {width: calc(50% - 10px);margin-bottom: 15px;}
.recommended-list-wrapper .recommended-list:nth-child(2n) {margin-right: 0;}
.recommended-list-wrapper .recommended-list:nth-child(2n+1) {margin-right: 15px;}
}
@media (max-width: 700px){    
    .recommended-section {background: #F7F7F7;}
    .recommended-list-wrapper .recommended-list {width: 100%;margin-right: 0;}
    .recommended-section h2 {margin-bottom: 30px;margin-top: 15px;    text-align: center;}
    .recommended-list-wrapper .recommended-list .recommended-info {background: #fff;min-height: auto !important;}
    .recommended-list-wrapper .recommended-list .recommended-info .recommended-pay-get {position: relative;margin-bottom:30px;}
    .recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point {min-height: auto;}
    .recommended-list-wrapper .recommended-list .recommended-info .recommended-button-wrapper {margin-top: 10px;position: relative;}
    .recommended-list-wrapper .recommended-list .recommended-info .recommended-button-wrapper a {color: #444;display: inline-block;border: 1px solid #AE2B30;padding: 8px 20px;border-radius: 16px;margin-right: 10px;}
    .recommended-list-wrapper .recommended-list:nth-child(2n+1) {margin-right: 0px;}
    .recommended-list-wrapper .recommended-list p.top-highlight-point.empty-field {display: none;}
    .recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point.readmore:before {display: none;}
    .recommended-list-wrapper .recommended-list .recommended-info ul.recommended-point.readmore {height: auto;} 
    .recommended-list-wrapper .recommended-list .recommended-info {padding-bottom: initial !important;}    
}


/* Banner highlight list view */
ul.banner-highlight-list {padding-left: 0;max-width: 550px;}
ul.banner-highlight-list li {font-size: 16px;line-height: 20px;color: #444;margin-bottom: 10px;padding-left: 15px;position: relative;}
ul.banner-highlight-list li:before {content: "";position: absolute;width: 8px;height: 8px;left: 0;top: 5px;background: #AE2B30;border-radius: 100%;}
@media (max-width: 900px){
ul.banner-highlight-list {max-width: 400px;}
}
@media (max-width: 700px){
ul.banner-highlight-list {margin-top: 135px;margin-bottom: 15px;}
ul.banner-highlight-list li {font-size: 14px;margin-bottom: 5px;line-height: 17px;}
.banner-description h1{top:30px;}
}


/* floating Back button */
a.back_btn {background: #fff;color: #444;left:10px;font-size: 14px;position: fixed;padding: 5px 10px 5px;margin-top: 5px;z-index:99;}
a.back_btn i {width: 15px;background: url(/etc/designs/icicipru/persona/image/left-arrow-icon.svg) center center no-repeat;display: inline-block;margin-right: 10px;background-size: 15px;}
@media (max-width: 1024px){
a.back_btn {margin-left: 0;}
}
@media (max-width: 990px){
a.back_btn {margin-left: 0;}
}