.elementor-39 .elementor-element.elementor-element-0e79023{--display:flex;--min-height:714px;--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;--overlay-opacity:0.66;--padding-top:30px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;}.elementor-39 .elementor-element.elementor-element-0e79023:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-0e79023 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11A0C4;background-image:url("https://pcbcreationhouse.com/wp-content/uploads/2025/04/multi-layer-circuit-board-600x360.jpeg");background-size:100% auto;}.elementor-39 .elementor-element.elementor-element-0e79023::before, .elementor-39 .elementor-element.elementor-element-0e79023 > .elementor-background-video-container::before, .elementor-39 .elementor-element.elementor-element-0e79023 > .e-con-inner > .elementor-background-video-container::before, .elementor-39 .elementor-element.elementor-element-0e79023 > .elementor-background-slideshow::before, .elementor-39 .elementor-element.elementor-element-0e79023 > .e-con-inner > .elementor-background-slideshow::before, .elementor-39 .elementor-element.elementor-element-0e79023 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-39 .elementor-element.elementor-element-61c734c{--display:flex;--justify-content:center;}.elementor-39 .elementor-element.elementor-element-61c734c.e-con{--flex-grow:0;--flex-shrink:0;}.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-39 .elementor-element.elementor-element-d0d3e02{text-align:left;}.elementor-39 .elementor-element.elementor-element-d0d3e02 .elementor-heading-title{font-family:"Economica", Sans-serif;font-size:45px;font-weight:300;text-shadow:1px 1px 0px rgba(10.373697231126858, 71.66012590404716, 227.23336791992188, 0.89);mix-blend-mode:screen;color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-4ee343e{text-align:left;}.elementor-39 .elementor-element.elementor-element-4ee343e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#9B9B9B;}.elementor-39 .elementor-element.elementor-element-544eb44{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:55px;--margin-bottom:55px;--margin-left:55px;--margin-right:55px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39 .elementor-element.elementor-element-544eb44:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-544eb44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pcbcreationhouse.com/wp-content/uploads/2025/04/PCB-Design-House-4.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-39 .elementor-element.elementor-element-7d6fe93{--display:flex;}.elementor-39 .elementor-element.elementor-element-7d6fe93:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-7d6fe93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #052036 1%, #FFFFFF 100%);}.elementor-39 .elementor-element.elementor-element-e15b7d7 > .elementor-widget-container{padding:25px 0px 0px 0px;}.elementor-39 .elementor-element.elementor-element-e15b7d7{text-align:center;}.elementor-39 .elementor-element.elementor-element-e15b7d7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:39px;font-weight:300;color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-ba93246{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.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-39 .elementor-element.elementor-element-1fce8c3{text-align:justify;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-39 .elementor-element.elementor-element-45e1a5d{width:var( --container-widget-width, 42.278% );max-width:42.278%;--container-widget-width:42.278%;--container-widget-flex-grow:0;}.elementor-39 .elementor-element.elementor-element-45e1a5d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-39 .elementor-element.elementor-element-2b8b513{--display:flex;}.elementor-39 .elementor-element.elementor-element-ca760a3{--display:flex;}.elementor-39 .elementor-element.elementor-element-a98fcb5 > .elementor-widget-container{margin:25px 1px 1px 1px;}.elementor-39 .elementor-element.elementor-element-a98fcb5{text-align:center;}.elementor-39 .elementor-element.elementor-element-a98fcb5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:600;color:#FF0202;}@media(max-width:767px){.elementor-39 .elementor-element.elementor-element-d0d3e02{text-align:center;}.elementor-39 .elementor-element.elementor-element-d0d3e02 .elementor-heading-title{font-size:29px;}.elementor-39 .elementor-element.elementor-element-4ee343e{text-align:justify;}.elementor-39 .elementor-element.elementor-element-4ee343e .elementor-heading-title{font-size:17px;}.elementor-39 .elementor-element.elementor-element-1fce8c3{font-size:15px;}.elementor-39 .elementor-element.elementor-element-45e1a5d.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-39 .elementor-element.elementor-element-45e1a5d{text-align:center;}}@media(min-width:768px){.elementor-39 .elementor-element.elementor-element-61c734c{--width:56%;}.elementor-39 .elementor-element.elementor-element-544eb44{--width:35%;}}@media(min-width:1025px){.elementor-39 .elementor-element.elementor-element-0e79023:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-0e79023 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-357cc88 *//* style.css */


h1 {
    text-align: center;
    margin-bottom: 22px;
}

label {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

select, input, button {
    width: 100%;
    padding: 1px;
    margin-bottom: 20px;
    font-size: 15px;
}

button {
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #45a049;
}

#result {
    text-align: center;
    margin-top: 20px;
}

#cost {
    font-size: 25px;
    color: #28a745;
}

/* Tooltip (info icon) styling */
.info-icon {
    color: #007bff;
    cursor: pointer;
    font-size: 18px;
    margin-left: 8px;
}

/* Modal styling */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}

.modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border-radius: 8px;
    width: 80%; /* Could be more or less, depending on screen size */
}

.close {
    color: #aaa;
    float: right;
    font-size: 25px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}/* End custom CSS */