.elementor-849 .elementor-element.elementor-element-18618de{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-849 .elementor-element.elementor-element-18618de:not(.elementor-motion-effects-element-type-background), .elementor-849 .elementor-element.elementor-element-18618de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-849 .elementor-element.elementor-element-7ffba30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-849 .elementor-element.elementor-element-1320dde{text-align:center;}.elementor-849 .elementor-element.elementor-element-1320dde .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-849 .elementor-element.elementor-element-5e4ff1c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-849 .elementor-element.elementor-element-5e4ff1c:not(.elementor-motion-effects-element-type-background), .elementor-849 .elementor-element.elementor-element-5e4ff1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-849 .elementor-element.elementor-element-7fdd6ae{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-849 .elementor-element.elementor-element-782218c{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-849 .elementor-element.elementor-element-5e4ff1c{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1200px){.elementor-849 .elementor-element.elementor-element-18618de{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-849 .elementor-element.elementor-element-5e4ff1c{--padding-top:55px;--padding-bottom:55px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-849 .elementor-element.elementor-element-18618de{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-849 .elementor-element.elementor-element-1320dde{text-align:center;}.elementor-849 .elementor-element.elementor-element-5e4ff1c{--padding-top:50px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-849 .elementor-element.elementor-element-782218c{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-849 .elementor-element.elementor-element-18618de{--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-849 .elementor-element.elementor-element-5e4ff1c{--padding-top:45px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-849 .elementor-element.elementor-element-ab62d86{text-align:center;}.elementor-849 .elementor-element.elementor-element-7fdd6ae{text-align:center;}.elementor-849 .elementor-element.elementor-element-782218c{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-849 .elementor-element.elementor-element-7ffba30{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-1320dde */@media (max-width: 1024px) {
    .elementor-849 .elementor-element.elementor-element-1320dde h1 br {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-822b3f0 */.elementor-849 .elementor-element.elementor-element-822b3f0 .calculator-wrapper {
        max-width: 100%;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 420px;
        gap: 60px;
        align-items: start;
      }

    .elementor-849 .elementor-element.elementor-element-822b3f0  .section-title {
        margin-bottom: 10px;
        line-height: 21px;
        font-weight: 400;
        font-size: 14px;
        color: #fff;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .size-options,
      .plan-options {
        display: flex;
        gap: 20px;
        margin-bottom: 25px;
        flex-wrap: wrap;
      }

      .elementor-849 .elementor-element.elementor-element-822b3f0 .card {
        width: 140px;
        height: 120px;
        background: #fff;
        color: #000;
        border: 2px solid #e5e5e5;
        border-radius: 18px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: 0.3s;
        position: relative;
      }

      .elementor-849 .elementor-element.elementor-element-822b3f0 .card.active {
        border-color: #fcca28;
      }

      .elementor-849 .elementor-element.elementor-element-822b3f0 .card.active::after {
        content: "✓";
        position: absolute;
        top: -12px;
        right: -12px;
        width: 36px;
        height: 36px;
        background: #fcca28;
        color: #000;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
      }

      .elementor-849 .elementor-element.elementor-element-822b3f0 .card img {
        width: 50px;
        margin-bottom: 10px;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .area-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        gap: 20px;
        flex-wrap: wrap;
        color: #fff;
      }
    .elementor-849 .elementor-element.elementor-element-822b3f0 .counter-box {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .elementor-849 .elementor-element.elementor-element-822b3f0 .area-input {
        width: 110px !important;
        height: 45px !important;
        border: 2px solid #fff !important;
        border-radius: 8px !important;
        font-size: 25px;
        line-height: 38px;
        font-weight: 400;
        text-align: right;
        color: #000;
        background: #fcca28;
        outline: none;
        padding-right: 10px;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .range {
        width: 100%;
        accent-color: #fcca28;
        margin-bottom: 40px;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .plan {
        width: 180px;
        padding: 18px;
        background: #fff;
        color: #000;
        border-radius: 14px;
        border: 3px solid #ddd;
        cursor: pointer;
        transition: 0.3s;
        text-align: center;
        position: relative;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .plan.active {
        background: #fff;
        color: #000;
        border-color: #fcca28;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .plan.active::after {
        content: "✓";
        position: absolute;
        top: -12px;
        right: -12px;
        width: 36px;
        height: 36px;
        background: #fcca28;
        color: #000;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .plan small {
        display: block;
        margin-bottom: 10px;
      }
     .elementor-849 .elementor-element.elementor-element-822b3f0 .plan h2 {
          font-size: 18px;
          line-height: 27px;
          font-weight: 400;
          margin: 0;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .result-box {
        background: #fff;
        border-radius: 25px;
        padding: 35px;
        position: relative;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .result-box {
    background: #fff;
    border-radius: 25px;
    padding: 35px 35px 90px;
    position: relative;
}
.elementor-849 .elementor-element.elementor-element-822b3f0 .result-box h2 {
    color: #a0a0a0;
    font-size: 18px;
    font-weight: 400;
}

     .elementor-849 .elementor-element.elementor-element-822b3f0 .total {
        font-size: 65px;
        color: #000;
        font-weight: 700;
        margin-bottom: 40px;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .result-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 35px;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .result-item h4 {
        color: #999;
        margin-bottom: 10px;
        font-weight: 500;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .result-item p {
        font-size: 22px;
        font-weight: 700;
        color: #000;
      }

     .elementor-849 .elementor-element.elementor-element-822b3f0 .btn {
    width: 300px;
    padding: 12px 25px;
    border-radius: 50px;
    background: #fcca28;
    border: 1px solid #fcca28;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
          0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -20px;
}
     .elementor-849 .elementor-element.elementor-element-822b3f0 .btn:hover {
        background: #fcca28;
        border: 1px solid #fcca28;
        color: #000;
        box-shadow: 0 14px 28px rgb(255 255 255 / 25%), 0 10px 10px rgb(255 255 255 / 22%);
      }

      input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }

      /* Firefox */
      input[type="number"] {
        -moz-appearance: textfield;
      }

      @media (max-width: 1024px) {
    .elementor-849 .elementor-element.elementor-element-822b3f0 .calculator-wrapper {
          grid-template-columns: 1fr;
          gap: 30px;
        }

       .elementor-849 .elementor-element.elementor-element-822b3f0 h1 {
          font-size: 34px;
        }

       .elementor-849 .elementor-element.elementor-element-822b3f0 .total {
          font-size: 36px;
        }
      }
      @media (max-width: 575px) {
         .elementor-849 .elementor-element.elementor-element-822b3f0 .calculator-wrapper {
    gap: 10px;
}
         .elementor-849 .elementor-element.elementor-element-822b3f0 .size-options, .plan-options {
    gap: 15px;
}
.elementor-849 .elementor-element.elementor-element-822b3f0 .card img {
    width: 30px;
}
.elementor-849 .elementor-element.elementor-element-822b3f0 .card {
    width: 100px;
    height: 80px;
}
.elementor-849 .elementor-element.elementor-element-822b3f0 .plan {
    width: calc(50% - 10px);
}
.elementor-849 .elementor-element.elementor-element-822b3f0 .btn {
    width: 260px;
padding: 10px 0;
    font-size: 17px;
}
      }/* End custom CSS */