

       
        .calculator_wrapper .nav {
            padding-left: 0px;
            margin-bottom: 0px;
            list-style-type: none;
            list-style-image: none;
            list-style-position: outside;
        }

        .calculator_wrapper .tab-content > .tab-pane {
            display: none;
        }
        .calculator_wrapper .tab-content > .active {
            display: block;
        }
        
    .calculator_wrapper .range-slider{
        width: 100%;
        margin: 0 auto;
        position: relative;
        margin-top: 2.5rem;
        margin-bottom: 2rem;
    }
    .calculation_part{
        max-width: 570px;
        margin: auto;
    }
    .calculator_wrapper .nav-tabs li a img{
        width: 100%;
        max-width: 32px;
        height: 32px;
        object-fit: contain;
    }
    .calculator_wrapper .nav-tabs li a {
        display: flex;
        flex-direction: column;
        transition: all 0.3s;
        opacity: 0.5;
    }
    .calculator_wrapper .nav-tabs li.active a {
        opacity: 1;
    }
    .calculator_wrapper #range { -webkit-appearance: none; width: 100%;border-radius: 6px; }
    .calculator_wrapper #range:focus { outline: none; }

    .calculator_wrapper #range::-webkit-slider-runnable-track {
        width: 100%;
        height: 7px;
        cursor: pointer;
        animate: 0.2s;
        background: linear-gradient(90deg, #17b978 var(--range-progress), #dee4ec var(--range-progress));
        border-radius: 6px;
    }
    .calculator_wrapper #range::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: 0.25rem solid #17b978;
        box-shadow: 0 1px 3px rgba(0,0,255,.3);
        border-radius: 50%;
        background: #17b978;
        cursor: pointer;
        height: 18px; width: 18px;
        transform: translateY(calc(-50% + 4px));
    }

   



    .calculator_wrapper .nav-tabs {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }
    .calculator_wrapper .tab-content .tab-pane button {
        background: transparent;
        color: #fff;
        border: 1px solid #e5e9f2;
        padding: 14px 40px;
        border-radius: 100px;
        margin: 0 10px;
        font-family: "Inter", Sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        text-transform: capitalize;
        cursor: pointer;
    }
    .calculator_wrapper .calculation{
        font-family: "Inter", Sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        text-transform: capitalize;
        color: #fff;
    }
    .calculator_wrapper #total_calc {
        font-size: 36px;
        line-height: 100%;
        margin: 12px 0;
        text-transform: capitalize;
        color: #fff;
    }
    .calculator_wrapper .tab-content .tab-pane {
        text-align: center;
    }
    .calculator_wrapper .tab-content .tab-pane button.active {
        background: #17b978;
        border-color: #17b978;
    }
    .calculator_wrapper .tab-content {
        margin-top: 40px;
    }
    .calculator_wrapper .calculation_part .range-slider #tooltip {
        text-align: right;
    }
    .calculator_wrapper .range_title_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        margin: 0 0 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 1;
    }
    .calculator_wrapper .calculation_part .range-slider #tooltip span:before {
        content: '$';
    }
    .calculator_wrapper .calculation_part .range-slider #tooltip span {
        position: relative;
    }
    .calculator_wrapper #profit_percentage {
        font-size: 24px;
        line-height: 100%;
        margin: 0;
        color: #17b978;
        position: relative;
        padding-left: 24px;
    }
    .calculator_wrapper #profit_percentage:before {
        content: '';
        background-image: url(/invest/wp-content/uploads/2024/06/top-right.png);
        height: 13px;
        width: 13px;
        background-size: 13px;
        position: absolute;
        background-position: center;
        left: 0;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
    }
    .calculator_wrapper .calculation p {
        display: flex;
        gap: 2px;
    }
    .calculator_wrapper .calculation p sup {
        height: 17px;
        width: 17px;
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-weight: 600;
    }

    /* Start Invested in */
    .calculator_wrapper button.btn {
        background: transparent;
        color: #fff;
        border: 1px solid #e5e9f2;
        padding: 14px 40px;
        border-radius: 100px;
        margin: 0 10px;
        font-family: "Inter", Sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        text-transform: capitalize;
        cursor: pointer;
    }
    
    .calculator_wrapper button.btn.active {
        background: #17b978;
        border-color: #17b978;
    }
    
    .calculator_wrapper .year_wise_cal {
        display: flex;
        align-items: center;
        justify-content: center;
    }
      .select2-container--default .select2-selection--single {
        border-color: #fff;
        height: 60px;
        padding: 7.5px 0;
        border-radius: 0;
      }
      .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 58px;
      }
      
      .select2-dropdown {
        border-radius: 0;
        box-shadow: #444 0px 3px 5px;
        border: 0;
      }
      .icon_name_select{padding:30px 0;width:100%;max-width:560px;margin:0 auto}
      .icon_name_select span.select2{width:100%!important;height:45px}
      span.select2-selection{display:flex}
      .icon_name_select img.img-flag{width:28px}
      .icon_name_select .select2-selection__rendered span{width:100%;display:flex;align-items:center;gap:20px}
      .icon_name_select span.select2-selection.select2-selection--single{border-radius:3px}
      .icon_name_select span.select2-selection{height:45px!important}
      .icon_name_select .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;right:1px;width:30px;transform:translate(0,-50%)}
      .select2-results .select2-results__options li img.img-flag{width:28px}
      .select2-results .select2-results__options li span{display:flex;align-items:center;gap:20px}
      .select2-results .select2-results__options li{padding:8px}
      body .select2-container--default .select2-results__option--highlighted[aria-selected]{background:#17b978}
      .range_title_wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom: 16px;}
      .range_title_wrap span{color:#fff;font-weight:500;font-size:16px;line-height:1}
      .range-slider input#range{width: 100%;}
      .range-slider{padding: 0 5px;margin-bottom: 2rem;}
      input#range{-webkit-appearance:none;width:100%;border-radius:6px}
      input#range:focus{outline:0}
      input#range::-webkit-slider-runnable-track{width:100%;height:7px;cursor:pointer;animate:0.2s;background:linear-gradient(90deg,#17b978 var(--range-progress),#dee4ec var(--range-progress));border-radius:6px}input#range::-webkit-slider-thumb{-webkit-appearance:none;border:.25rem solid #17b978;box-shadow:0 1px 3px rgba(0,0,255,.3);border-radius:50%;background:#17b978;cursor:pointer;height:18px;width:18px;transform:translateY(calc(-50% + 4px))}
      .calculation p{font-size:15px;font-weight:500;line-height:1;text-transform:capitalize;color:#fff;display:flex;gap:2px}
      .select2-hidden-accessible{opacity: 0; display: none;width:0}
      div#tooltip span:before {content: '$';}
      .calculation{padding:0 5px}
      .calculation p sup{height:17px;width:17px;display:flex;background:#fff;align-items:center;justify-content:center;border-radius:50%;font-weight:600}
      .calculation h4#total_calc{font-size:36px;line-height:100%;margin:12px 0;text-transform:capitalize;color:#fff}
      .calculation #profit_percentage:before{content:'';background-image:url(/wp-content/uploads/2024/06/top-right.png);height:13px;width:13px;background-size:13px;position:absolute;background-position:center;left:0;z-index:1;top:50%;transform:translateY(-50%)}
      .calculation #profit_percentage{font-size:24px;line-height:100%;margin:0;color:#17b978;position:relative;padding-left:24px}
      .select-box-wrap{margin-top: 5px;}
      .icon_name_select label.choose-top-coins{color: #fff;font-weight: 500;font-size: 16px;line-height: 1;}
    /* End Invested in */
    @media(max-width:767px){
        .calculator_wrapper .nav-tabs {
            flex-wrap: nowrap;
            justify-content: inherit;
            overflow: auto;
        }
        .calculator_wrapper .nav-tabs li {
            min-width: fit-content;
        }
        .calculator_wrapper .tab-content > .active {
            display: flex;
            overflow: auto;
        }
        .calculator_wrapper .tab-content .tab-pane button {
            width: 100%;
            min-width: fit-content;
        }
    }
    @media(max-width: 675px) {
        .calculator_wrapper .year_wise_cal {
            justify-content: space-between;
        }
        .calculator_wrapper button.btn {
            padding: 14px 30px;
            margin: 0 0px;
        }
    }
    @media(max-width: 530px) {
        .calculator_wrapper button.btn {
            padding: 10px 25px;
            margin: 0 0px;
        }
    }
    @media(max-width: 480px) {
        .calculator_wrapper .year_wise_cal {
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
        }
        .calculator_wrapper button.btn {
            padding: 12px 40px;
            margin: 0 0px;
        }
    }