.item1 {
    flex: 0 0 68%;
}

.item2 {
    flex: 0 0 30%;
    height: fit-content;
    border: 1px solid #eee;
    box-shadow: 0px 3px 10px 0px rgba(167, 167, 167, 0.16);
    padding: 1.563vw;
    border-radius: 16px;
}

.additional_details_items {
    flex: 0 0 33.333%;
    padding: 0 2vw 2vw 0;
}

.input__num__field {
    padding: 0.5vw;
    background-color: #e9ecef;
    border: 1px solid #E5E5E5;
    margin-bottom: 0.4vw;
}

.items_width {
    width: 65%;
}

.details_padding {
    border-bottom: 1px solid #eee;
    padding: 0.8vw 0.9vw;
}

.details_padding p {
    width: 50%;
}

.icon_con_btn {
    width: 0.9vw;
    cursor: pointer;
}

.add_new_cart {
    background-color: #28a745;
    color: #fff;
    padding: 0.5vw;
    border-radius: 3px;
    border: none;
    outline: none;
}

.investment_cart {
    width: 60%;
    column-gap: 0.5vw;
    padding: 0.986vw 0.5vw;
    border-right: 1px solid #eee;
}

.investment_cart_items {
    width: 13.3333%;
    border-right: 1px solid #eee;
    padding: 0.986vw 0.5vw;
}

.cart_container {
    padding: 1.302vw;
}

.cart_items {
    border: 1px solid #eee;
    box-shadow: 0px 3px 10px 0px rgba(167, 167, 167, 0.16);
    padding: 2vw;
    border-radius: 6px;
}

.new_cart {
    padding-bottom: 1.563vw;
}

.cart_instructions {
    padding: 2.05vw 0;
}

.confirm_order_table_row {
    width: 60%;
    padding: 0.986vw 0.5vw;
    display: flex;
    column-gap: 0.5vw;
    border-right: 1px solid #eee;
}

.instruction_line {
    padding: 0.4vw 0;
}

.cart_pay_btn {
    padding: 2vw;
}

.cart_pay_btn button {
    background-color: #E73745;
    cursor: pointer;
    color: #fff;
    padding: 0.781vw 1.563vw;
    border: none;
    outline: none;
    border-radius: 2px;
}

.cart_input_fields {
    width: 60%;
    padding: 1vw;
    border-left: 1px solid #eee;
}

.inv_year_input_field {
    width: 70%;
    background-color: #fafafa;
    padding: 0.5vw;
    border: 1px solid #eee;
}

.payment_process {
    padding-top: 0.5vw;
}

.confirm_order_table_row_1 {
    width: 80%;
    padding: 0.986vw 0.5vw;
    border-right: 1px solid #eee;
    display: flex;
    align-items: center;
    column-gap: 0.5vw;
}

.confirm_order_table_row_2 {
    width: 10%;
    padding: 0.986vw 0.5vw;
    border-right: 1px solid #eee;
    display: flex;
    align-items: center;
    column-gap: 0.5vw;
}

.confirm_order_table_row_3 {
    width: 40%;
    padding: 0.986vw 0.5vw;
}

.confirm_order_table_row_3 input {
    padding: 0.5vw;
    background-color: #e9ecef;
    border: 1px solid #E5E5E5;
}

.confirm_order_table_row_4 {
    width: 20%;
    padding: 0.986vw 0.5vw;
    border-right: 1px solid #eee;
}

.confirm_order_table_row_4 input {
    width: 70%;
    background-color: #fafafa;
    padding: 0.5vw;
    border: 1px solid #eee;
}

.select__box select {
    border: 1px solid #E5E5E5;
}


/* fund growth */

.fund_growth_content_container {
    padding: 1.041vw;
    margin: 1.041vw;
    border: 1px solid #eee;
    box-shadow: 0px 3px 10px 0px rgba(167, 167, 167, 0.16);
    border-radius: 16px;
}

.data_visualizations_container {
    column-gap: 2%;
}

.mutual_fund_name {
    padding-left: 0.5vw;
}

.mutual_fund_type {
    padding: 0.781vw 2.5vw;
}

.mutual_fund_chart {
    width: 60%;
    margin: auto;
}

.monthly_sip {
    padding-top: 0.781vw;
    column-gap: 0.3vw;
}

.fund_inv_amt {
    padding-top: 2vw;
    padding-bottom: 0.9vw;
    border-bottom: solid 3px #ccc;
}

.fund_inv_amt p {
    padding-bottom: 0.5vw;
}

.fund_inv_amt input {
    border: 1px solid #e5e5e5;
    background-color: #f1f1f1;
    padding: 0.8vw 0.9vw;
    outline: none;
    width: 100%;
}

.fund_form_btn {
    padding-top: 1.563vw;
}

.fund_form_btn button {
    border: none;
    color: #fff;
    outline: none;
    padding: 0.7vw 1.2vw;
    cursor: pointer;
}

.add_to_cart {
    background-color: #0170B9;
    margin-right: 0.9vw;
}

.inv_now_btn {
    background-color: #e84546;
}

.fund_details_container {
    padding-bottom: 0.3vw;
    border-bottom: 1px solid #eee;
}

.fund_details_tbl_cell {
    width: 20%;
    padding: 0.9vw 0;
}

.fund_details_tbl_cell_2 {
    width: 30%;
    padding: 0.9vw 0;
}

.border_top_eee {
    border-top: 1px solid #eee;
}

.peer_performance_container {
    padding-bottom: 1.563vw;
    border-bottom: 1px solid #eee;
}

.peer_performance_child0 {
    width: 70%;
    padding: 0.781vw;
    column-gap: 0.3vw;
}

.peer_performance_child {
    width: 15%;
    padding: 0.781vw;
}

.peer_performance_child1 {
    width: 70%;
    padding: 0.781vw;
}

.sip_calculator_container {
    width: 95%;
    margin: auto;
    height: fit-content;
    border: 1px solid #eee;
    box-shadow: 0px 3px 10px 0px rgba(167, 167, 167, 0.16);
    padding: 1.563vw;
    border-radius: 16px;
}

.pop_form_head_container input {
    /*padding: 0.5vw 0.7vw;*/
    background-color: #fafafa;
    border: none;
    outline: none;
    width: 100%;
}

.calculator-input {
    background-color: #fafafa;
    padding: 0.5vw 0.7vw;
    width: 13%;
}

.inv_per_month {
    column-gap: 0.5vw;
    padding-left: 5vw;
    justify-content: center;
}

.frequency_btn {
    padding: 0.5vw;
    border: 2px solid #fff;
    background-color: #e73745;
    border-radius: 10%;
    box-shadow: 0 5px 5px 0 #ccc, 0 -5px 5px 0 #fff;
}

.selected {
    padding: 0.5vw;
    border: 2px solid #fff;
    background-color: #ff3300;
    border-radius: 10%;
    box-shadow: 0 5px 5px 0 #ccc, 0 -5px 5px 0 #fff;
}

.inv_inp_field {
    padding-top: 0.781vw;
    column-gap: 0.3vw;
}

.additional_details {
    background-color: #fafafa;
    padding: 0.781vw 0.5vw;
    margin-top: 3.646vw;
}

.additional_details_name {
    padding-bottom: 0.6vw;
}

.fund_details_labels {
    border-bottom: 1px solid #eee;
    padding: 0.9vw;
}

.custom_range_bar {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}


/* fund growth end */