.sanad-calculator-section {
        display: flex;
        width: 100%;
        max-width: 1650px;
        margin-left: auto;
        margin-right: auto;
        justify-content: space-between;
    }
    .sanad-calculator-form-wrap {
        width: 50%;
    }
    .sanad-roi-summary {
        width: 50%;
    }
    .sanad-calculator-form-wrap {
        display: flex;
        padding: 32px;
        flex-direction: column;
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: rgba(223, 240, 242, 0.10);
        max-width: 749px;
        width: 100%;
        margin-right: 37px;
    }
    .sanad-calculator-form {
        display: block;
        width: 100%;
    }
    .sanad-roi-summary {
        width: 100%;
        max-width: 864px;
        padding: 48px 56px 48px;
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #DFF0F2;
       display: flex;
         flex-direction: column-reverse;
    }
    .sanad-calculator-form-wrap > div {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 24px;
    }
    .sanad-calculator-form-wrap > div h2 {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
        color: var(--Text-Main-text, #09090B);
        font-size: 32px;
        font-weight: 900;
        line-height: 40px;  
    }
    .sanad-annual-saving {
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) -17.09%, rgba(102, 185, 186, 0.25) 51.39%, rgba(255, 255, 255, 0.10) 126.53%);
        display: flex;
        padding: 16px 40px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .sanad-annual-saving p {
        width: 100%;
        margin-bottom: 0;
        color: #023529;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 150%;
    }
    .sanad-annual-saving p :is(strong, span){
        color:#09090B;
        text-align: center;
        font-size: 40px;
        font-weight: 900;
        line-height: 40px;  
    }

    .sanad-annual-saving p strong{
        display: block;
        margin-top: 12px;
    }
    .sanad-calculator-form label {
        color: var(--Primary-Color, #023529);
        font-size: 18px;
        font-weight: 700;
        line-height: 150%; /* 27px */
        margin-bottom: 12px;
    }
    .sanad-calculator-form label span {
        color: var(--Colors-error, #E13B3B);
        font-weight: 700;
    }
    .sanad-calculator-form label .form-control {
        padding: 14px 18px;
        border-radius: 9.337px;
        border: 1.167px solid var(--Greyscale-Dark-Grey, #DEE1E6);
    }
    .sanad-calculator-form .form-group {
        margin-bottom: 28px;
    }
    .sanad-roi-summary h3 {
        color: #09090B;
        font-size: 28.012px;
        font-style: normal;
        font-weight: 700;
        line-height: 42.018px;
        padding-bottom: 14px;
        margin-bottom: 18px;
        border-bottom: 1.167px solid rgba(0, 0, 0, 0.15);
    }
    .sanad-calculator-form .form-control {
        border-radius: 9.337px;
        border: 1.167px solid var(--Greyscale-Dark-Grey, #DEE1E6);
        background: var(--Greyscale-White, #FFF);
        padding: 18px 24px;
        font-size: 19px !important;
    }
    .sanad-calculator-form .form-control::placeholder {
        color: #9197A4;
    }
    .sanad-roi-summary-txt {
        display: flex;
        align-items: flex-start;
            flex-direction: column;
    }
        .sanad-roi-summary-txt p{
            font-size: 20px;
        }
        .sanad-roi-summary-txt p :is(strong, span) {
            color: var(--Accents-Red, #FF383C);
            font-size: 22px;
            font-weight: 700;
            line-height: 40px; /* 181.818% */
        }
        .sanad-roi-summary-txt > p:last-child :is(strong, span){
                color: #02261C;
        }
        .sanad-roi-summary-txt > p {
            padding-right: 0;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #333;
            font-size: 18px;
            font-weight: 700;
            line-height: 150%; /* 27px */
        }
        .sanad-roi-chart {
            margin-bottom: 40px;
            max-width: 652px;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
        .rtl .sanad-calculator-form-wrap {
            margin-right: 0px;
            margin-left: 37px;
        }


        .roi-bar {
    margin-bottom: 20px;
}

.bar {
    position: relative;
    background: #eee;
      border-radius: 16px;
    height: 50px;
    overflow: hidden;
}

.fill {
    height: 100%;
    width: 0;
    border-radius: 12px;
    transition: width 0.6s ease;
}

.fill.savings { background: #63F7C0; }
.fill.sanad { background: #023529; }
.fill.recruit { background: #DFF0F2; }

.bar span {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}


    @media(min-width: 850px) and (max-width: 1600px){
        .sanad-calculator-form-wrap > div h2 {
            font-size: 28px !important;
            line-height: 38px;
        }
        .sanad-calculator-section {
            padding: 0;
            max-width: 83%;
        }
        .sanad-calculator-form-wrap{
            width: 35%;   
            padding: 20px;
        }
        .sanad-roi-summary {
            width: 65%;   
            padding: 35px;
        }
        .sanad-annual-saving p {
            font-size: 18px;
        }
        .sanad-annual-saving p :is(strong, span) {
            font-size: 30px;
            line-height: 30px;
        }
        .sanad-calculator-form .form-group {
            margin-bottom: 15px;
        }
        .sanad-calculator-form label {
            font-size: 16px;
        }
        .sanad-roi-summary-txt > p {
            margin-bottom: 0;
        }
        .sanad-roi-summary-txt p :is(strong, span) {
            font-size: 20px;
        }
    }


    @media(max-width: 1200px){
        .sanad-calculator-form-wrap {
             padding: 15px;
        }
        .sanad-calculator-form-wrap {
            max-width: 40%;
            width: 40%;
            margin-right: 10px;
        }
        .sanad-roi-summary {
            width: 70%;
            max-width: 70%;
            padding: 24px;
        }
        .sanad-calculator-section {
             padding: 0px;
            max-width: 100%;
        }
        .rtl .sanad-calculator-form-wrap {
            margin-right: 0px;
            margin-left: 10px;
        }
    }

    @media(min-width: 850px) and (max-width: 1299px){
           .sanad-calculator-form-wrap > div h2 {
                font-size: 24px !important;
                line-height: 30px;
            }
        }


    @media(max-width: 850px){
        .sanad-calculator-section {
            padding: 0;
            display: block;
        }
        .sanad-calculator-form-wrap {
            padding: 20px;
            margin-bottom: 15px;
            margin-right: 0;
        }
        .sanad-calculator-form label {
            line-height: 16px;
            font-size: 14px;
        }
        .sanad-roi-summary{
            padding: 20px;
        }
        .sanad-roi-summary-txt p strong {
             font-size: 18px;
        }
        .sanad-calculator-form-wrap {
            max-width: 100%;
            width: 100%;
            padding-bottom: 10px;
        }
        .sanad-roi-summary {
            width: 100%;
            max-width: 100%;
        }
        .sanad-roi-summary-txt > p {
            font-size: 14px !important;
        }
        .sanad-roi-summary-txt p :is(strong, span) {
            font-size: 18px !important;
            line-height: 20px;
            min-width: fit-content;
        }
        .sanad-calculator-form-wrap > div {
            margin-bottom: 15px;
        }
        .sanad-calculator-form .form-group {
            margin-bottom: 15px;
        }
        .sanad-calculator-form-wrap > div h2 {
            font-size: 24px !important;
        }
        .rtl .sanad-calculator-form-wrap {
                margin-right: 0px;
                margin-left: 0px;
        }
    }