.elementor-992 .elementor-element.elementor-element-966d0c2{--display:flex;--min-height:380px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.9;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-992 .elementor-element.elementor-element-966d0c2:not(.elementor-motion-effects-element-type-background), .elementor-992 .elementor-element.elementor-element-966d0c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/orderstokeys.com/wp-content/uploads/2025/12/1603897561-res2.webp?fit=2250%2C1500&ssl=1");background-position:center center;background-size:cover;}.elementor-992 .elementor-element.elementor-element-966d0c2::before, .elementor-992 .elementor-element.elementor-element-966d0c2 > .elementor-background-video-container::before, .elementor-992 .elementor-element.elementor-element-966d0c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-992 .elementor-element.elementor-element-966d0c2 > .elementor-background-slideshow::before, .elementor-992 .elementor-element.elementor-element-966d0c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-992 .elementor-element.elementor-element-966d0c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.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-992 .elementor-element.elementor-element-d983225{width:100%;max-width:100%;text-align:center;}.elementor-992 .elementor-element.elementor-element-d983225 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:42px;font-weight:800;text-transform:uppercase;line-height:1em;color:var( --e-global-color-secondary );}.elementor-992 .elementor-element.elementor-element-63aabd4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-992 .elementor-element.elementor-element-63aabd4:not(.elementor-motion-effects-element-type-background), .elementor-992 .elementor-element.elementor-element-63aabd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-992 .elementor-element.elementor-element-e0cdc73{--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;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-992 .elementor-element.elementor-element-e0cdc73{--width:65%;}}@media(max-width:767px){.elementor-992 .elementor-element.elementor-element-966d0c2{--min-height:320px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-992 .elementor-element.elementor-element-d983225 .elementor-heading-title{font-size:32px;line-height:1.2em;}.elementor-992 .elementor-element.elementor-element-63aabd4{--padding-top:80px;--padding-bottom:120px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for html, class: .elementor-element-20b8133 */.calc-box {
    background: #f2f6fa;
    padding: 18px;
    border-radius: 10px;
    border: 1px solid #c7d6e2;

}

.calc-box h3 {
    margin-bottom: 10px;
    color: #0F2F46;
    font-family: 'Merriweather', serif;
    font-size: 18px;
}

.field {
    margin-bottom: 12px;
}

.field label {
    font-family: 'Merriweather', serif;
    font-size: 13px;
    font-weight: 600;
    color: #0F2F46;
}

input[type=range] {
    width: 100%;
    margin-top: 4px;
}

input[type=number], select {
    width: 100%;
    padding: 6px;
    margin-top: 4px;
    border-radius: 5px;
    border: 1px solid #b5c5d1;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    color: #0F2F46;
}

input::placeholder {
    font-family: 'Rubik', sans-serif;
}

select {
    background: white;
}

#resultBox {
    background: #e7eef5;
    padding: 12px;
    margin-top: 12px;
    border-radius: 8px;
}

#resultBox h4 {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #0F2F46;
    margin: 0 0 6px 0;
}

#result {
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #0F2F46;
    margin: 0;
}/* End custom CSS */