p#maturity-date::after {
    display: block;
}
summary.start-icon::before {
    content: '';
    display: inline-block;
    min-width: 12px;
    height: 12px;
   background-image: url(/content/dam/icicibank/india/managed-assets/revamp-pages/fd-new-design/fd-interest-rates-new-design/images/bxs-star.svg) !important;
    background-repeat: no-repeat;
    width: 12px;
    background-size: contain;
}
.gradient-bg .calculator .actual-calculator .booking .details summary {
    align-items: normal;
}
.gradient-bg .calculator .actual-calculator .booking .details summary:not(:last-child)::before {
    margin-top: 3px;
}
.gradient-bg .calculator .interest .bullet {
    align-items: normal;
}
.gradient-bg .calculator .interest .bullet::before {
    margin-top: 6px;
}

.displaynone {
    display: none;
} 
    .gradient-bg .calculator .actual-calculator .tabs-parent .tabs a.active {
        opacity: 1 !important;
    }
    .gradient-bg .calculator .actual-calculator .tabs-parent .tabs {
        background: #ebe7e7;
    }
    .gradient-bg .calculator .actual-calculator .tabs-parent .tabs a {
        opacity: 0.8 !important;
    }
    h1.tag-name {
        font-size: 14px;
        color: #fff;
        margin-top: 5px;
    }
      .tabs-parent .tabs .active {
        background: #ea711f;
        color: #fff !important;
    }
    .gradient-bg .calculator .actual-calculator .tabs-parent .tabs {
        padding-bottom: 0px !important;
    }
    .gradient-bg .calculator .actual-calculator .tabs-parent .tabs {
        height: 30px;
    }
    .gradient-bg .calculator .actual-calculator .tabs-parent .tabs a {
        padding-top: 5px;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
    }
    
    /* .gradient-bg .calculator .interest table tr, th, td {
        border: 2.68px solid #D6D6D6;
    } */
    .important-info-sec .section-inner {
        padding-bottom: 10px;
    }
    .blog-card-wrapper .section-inner {
        padding-bottom: 36px;
    }
    .border-top-left-redius0{
    border-top-left-radius: 0px !important;
    }
    .border-top-right-redius0{
        border-top-right-radius: 0px !important;
    }
p#maturity-date {
    cursor: pointer;
}
#calendar {
  position: absolute;
  top: 30;
  right: auto;
  display: none;
  z-index: 1000;
}


.gradient-bg .calculator .actual-calculator .booking .card .info .info-details:nth-of-type(3) p::after {
    width: 0px;
    height: 0px;
  }


.gradient-bg .calculator .actual-calculator .booking .card .info .info-details:nth-last-child(3){
    position: relative;
display: flex;
    justify-content: space-between;
}

.gradient-bg .calculator .actual-calculator .booking .card .info .info-details:nth-of-type(3) #calendar {
  position: absolute;
  top: 30;
  right: 0!important;
  display: none;
  z-index: 1000;
}
.gradient-bg .calculator .actual-calculator .booking .card .info .info-details:last-of-type p::after{
display:none;
}
p#maturity-date:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/content/dam/icicibank/india/managed-assets/revamp-pages/fd-new-design/fd-interest-rates-new-design/images/date.svg);
    background-repeat: no-repeat;
}
.gradient-bg .calculator .actual-calculator .booking .card .info .info-details:nth-last-child(3) p::after {
display:none;
}
    select#year-dropdown {
        display: block !important;
    }
    .info .ui-selectmenu-button.ui-button {
        display: none !important;
    }
    select#month-dropdown {
        display: block !important;
    }
    select#day-dropdown {
        display: block !important;
    }
    @media only screen and (min-width: 410px) and (max-width: 415px){
    .info .ui-selectmenu-button.ui-button {
        width: 86px;
        margin-right: 3px;
    }
    }
    @media only screen and (min-width: 340px) and (max-width: 365px){
    .info .ui-selectmenu-button.ui-button {
        width: 68px !important;
    }
    }
    @media only screen and (min-width: 366px) and (max-width: 390px){
    .info .ui-selectmenu-button.ui-button {
        width: 80px !important;
    }
    }
    
    @media only screen and (min-width: 450px) and (max-width: 490px){
    .info .ui-selectmenu-button.ui-button {
        width: 90px !important;
    }
    }
    .flatpickr-current-month {
        display: flex;
    }
    span#mobile-dropdown-button {
        max-width: 300px !important;
        width: 100%;
    }
    
    /* @media only screen and (min-width: 340px) and (max-width: 575px){
    .gradient-bg .calculator .interest .interest-rates table {
        width: calc(117%);
    }
    } */
    .ui-selectmenu-button-closed .ui-icon-triangle-1-s, .ui-selectmenu-button-open .ui-icon-triangle-1-s {
        right: 3px;
        top: 14px;
    }
    input#amount:focus {
        background-color: #F8F8F8 !important;
    }
    /* .gradient-bg .calculator .interest .interest-rates table td {
        font-size: 12px;
        font-weight: 600;
        color: #333333;
        padding: 2px 14px;
        position: relative;
        border-color: white;
        border: 2.86px solid white;
    } */
    /* .gradient-bg .calculator .interest .interest-rates table th {
        border: 2.86px solid white;
    } */
        a.get__in-touch-btn {
            display: none;
        }
        span#ui-id-1-button {
            display: none;
        }
        select#ui-id-1 {
            display: block !important;
        }


            @media only screen and (min-width: 769px) {
            .gradient-bg {
                padding-top: 23px;
            }
            }
            span#mobile-dropdown-button {
                display: none;
            }
            select#mobile-dropdown {
                display: block !important;
            }
            
            
            
            @media only screen and (min-width: 530px) and (max-width: 540px){
            .info .ui-selectmenu-button.ui-button {
                width: 124px;
            }
            }
            @media only screen and (min-width: 991px) and (max-width: 1024px){
            .info .ui-selectmenu-button.ui-button {
                width: 82px;
            }
            }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper {
                width: 100%;
                overflow-x: scroll;
              }
              /* .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper::-webkit-scrollbar {
                display: none;
              } */
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart {
                width: 100%;
                min-width: 480px;
                max-height: 320px;
                cursor: pointer;
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .apexcharts-tooltip {
                transform: translate(50%, -16px);
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .apexcharts-xaxistooltip {
                display: none !important;
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart #SvgjsLine1014 {
                stroke: #B02A30;
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .apexcharts-xaxis-texts-g text {
                font-size: 10px;
                font-weight: 700;
                fill: black;
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .apexcharts-series-markers circle {
                filter: drop-shadow(3px 4px 10px #B02A30BF);
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .chart-tooltip {
                display: flex;
                padding: 6px 10px;
                border-radius: 4px;
                background-color: #FEEDEE;
                align-items: center;
                gap: 8px;
                z-index: 100000;
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .chart-tooltip p {
                font-size: 12px;
                color: #B02A30;
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .chart-tooltip.highest {
                background-color: #B02A30;
                top: 100%;
              }
              .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .chart-tooltip.highest p {
                color: white;
              }
            
              @media only screen and (min-width: 340px) and (max-width: 575px) {
                .gradient-bg .calculator .actual-calculator .tabs-parent .graph-wrapper .graph .chart-wrapper #chart .chart-tooltip.highest::after {
                  font-size: 8px;
                }
              }
            @media only screen and (min-width: 340px) and (max-width: 575px){
            .gradient-bg .calculator .actual-calculator .booking .card .info .select-duration .drop-down::before {
                z-index: 1;
            }
            }
            .filter-mobile .ui-selectmenu-button-closed .ui-icon-triangle-1-s, .ui-selectmenu-button-open .ui-icon-triangle-1-s{display: none;}span#mobile-dropdown-button {
                padding-top: 4px;
                background: #ebe7e7;
                max-width: 300px !important;
                width: 100%;
                padding-left: 9px;
                border-radius: 8px;
            }
            .gradient-bg .calculator .interest .interest-rates .filter-mobile::before {
                z-index: 1;
            }
            @media only screen and (max-width:990) {
            .gradient-bg .calculator .actual-calculator .booking .card .info .select-duration .drop-down::before {
                right: 44px !important;
                z-index: 1 !important;
            }
            }
            @media only screen and (min-width: 1025px) {
            .info .ui-selectmenu-button.ui-button {
                width: 96px;
            }
            .gradient-bg .calculator .actual-calculator .booking .card .info .select-duration .drop-down::before {
              top: 47%;
                right: 10px;
            z-index: 1;
            }
            
            }
            .flatpickr-months .ui-selectmenu-button-closed .ui-selectmenu-text, .ui-selectmenu-button-open .ui-selectmenu-text {
                padding-top: 2px;
            }
            .flatpickr-month .ui-selectmenu-button-closed .ui-icon-triangle-1-s, .ui-selectmenu-button-open .ui-icon-triangle-1-s {
                right: 44px !important;
                top: 8px !important;
            }
            .flatpickr-current-month .numInputWrapper {
                width: 11ch;
            }
            .flatpickr-current-month {
                display: flex;
                align-items: center;
            }
            .ui-selectmenu-menu.ui-front.ui-selectmenu-open {
                position: absolute;
                z-index: 1000000000 !important;
                margin-bottom: 10px !important;
                margin-top: 10px !important;
            border-radius: 12px;
                overflow: hidden;
            }
            
            
            .ui-selectmenu-button-closed, .ui-selectmenu-button-open{border-bottom: none;}
            .info .ui-selectmenu-button.ui-button {
                  margin: 0px;
                background: #e1dede;
                border-radius: 8px;
                display: flex;
                align-items: center !important;
                padding-left: 4px;
                padding-top: 5px;
            }
            .info span.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
            display: none;
            }
            
/*             
            
            .table-wrap-inner table {
                width: 100%;
                border: 1px solid #d6d6d6;
                border-radius: 16px;
                border-spacing: 0;
                margin-top: 10px;
                border-collapse: separate;
            }
            
            table {
                border-collapse: collapse;
                border-spacing: 0;
            }
            
            .table-wrap-inner thead tr:first-child th:first-child,
            .table-wrap-inner tbody tr:first-child th:first-child {
                border-radius: 16px 0 0 0;
            }
            
            .table-wrap-inner.table-wrap-inner--5-col th:first-child {
                width: 295px;
            }
            
            .table-wrap-inner.table-wrap-inner--5-col th,
            .table-wrap-inner.table-wrap-inner--5-col td {
                padding: 9px 26px;
            }
            
            .table-wrap-inner th:first-child {
                border-left: 0;
            }
            
            .table-wrap-inner th,
            .table-wrap-inner td {
                border-left: 1px solid #d6d6d6 !important;
                border-top: 1px solid #d6d6d6 !important;
            }
            
            .table-wrap-inner th {
                font-size: 18px;
                font-weight: 700;
                line-height: 118%;
                text-align: left;
                color: #fff;
                background: #ad1e23;
                border-top: 0;
            }
            
            .table-wrap-inner th,
            .table-wrap-inner td {
                border-left: 1px solid #d6d6d6;
                border-top: 1px solid #d6d6d6;
                padding: 9px 35px;
            }
            
            .table-wrap-inner tr td {
                font-size: 14px;
                font-weight: 400;
                line-height: 130%;
                background: #f5f7f6;
            }
             */
            .border-top-right-redius {
                border-top-right-radius: 16px !important;
            }
            
            .border-bottom-right-redius {
                border-bottom-right-radius: 16px !important;
            }
            
            .border-bottom-left-redius {
                border-bottom-left-radius: 16px !important;
            }
            
            .border-top-left-redius {
                border-top-left-radius: 16px !important;
            }
            
            
            
            /* @media only screen and (max-width: 767px) {
                .table-wrap-inner {
                    overflow-x: scroll;
                }
            
                .ppf-details-con.grey-text {
                    overflow: hidden;
                }
            
             
                .table-wrap-inner.table-wrap-inner th:first-child {
                    color: #333;
                    background: #bdbdbd;
                }
            }
             */
            
            .border-top-left-redius0{
                border-top-left-radius: 0px !important;
            }
            .border-top-right-redius0{
                border-top-right-radius: 0px !important;
            }