/* Quote Builder CSS */
.ep-border-bottom{border-bottom: 1px solid #e5e7eb;}
.ep-quote-card {
    cursor: pointer;
    transition: all 0.3s ease;
}

.uk-card-hover{color: #fff; background-color: #292a36; background-image: none !important; transition: all 0.3s ease; border: none !important;}

.uk-card-hover:hover,
.ep-active-card {
    background-color: #00578a !important;
    color: #fff;
    background-image: linear-gradient(-45deg, #005789 0, #025a8b 28.15%, #0a6293 45.56%, #1771a0 60.06%, #2a85b3 72.95%, #42a0cb 84.77%, #5fc0e8 95.67%, #6dcff6 100%);
}

.uk-card-secondary a{color: #6dcff6 !important;}
.uk-card-secondary a:hover{text-decoration: underline;}

/* Checkbox container for cards */
.ep-quote-card .open-button {    
    width: 30px;
    height: 30px;   
    z-index: 2;
}

.fa-info-circle:hover{color: #6dcff6 !important;}

/* SVG base styles */
.epPlusIcon, .epInfoIcon, .uk-slidenav-previous, .uk-slidenav-next, .epCheckBox{filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); transition: all .3s ease;}
.table-size-option:hover span, .table-size-option:hover .epPlusIcon, .uk-card-hover:hover .epPlusIcon, .ep-active-checkbox span{color: #fff !important; fill: #fff;}
.table-size-option:hover .epPlusIcon, .uk-card-hover:hover .epPlusIcon, .epInfoIcon:hover{transform: scale(1.1);}

.ep-quote-card .epPlusIcon,
.ep-quote-card .epCheckBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px !important;
    height: 30px !important;
    transition: all 0.3s ease;	
}

/* Plus icon styles */
.ep-quote-card .epPlusIcon {
    fill: #6dcff6;
    opacity: 1;
}

.ep-quote-card .ep-active-checkbox .epPlusIcon {
    opacity: 0;
}

/* Checkmark SVG styles */
.ep-quote-card .epCheckBox {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #6DCFF6;
    opacity: 0;
    stroke-dasharray: var(--a, 86.12);
    stroke-dashoffset: var(--o, 86.12);
    transform: scale(var(--scale, 1));
    transition: opacity 0.3s ease, border 0.5s ease, stroke-dasharray 0.6s ease, stroke-dashoffset 0.6s ease !important;
	border: solid 2px transparent;
	border-radius: 20px;
}

.ep-quote-card .ep-active-checkbox .epCheckBox {
    opacity: 1;
	border: solid 2px #fff !important;
	border-radius: 20px;
}

.ep-quote-card .ep-active-checkbox .path .epCheckBox {
    --a: 16.1 86.12;
    --o: 102.22;
}

.ep-quote-card .ep-active-checkbox .bounce .epCheckBox {
    animation: bounce 0.4s linear forwards 0.2s;
}

.ep-quote-card .bounce .epCheckBox {
    --scale: 0;
}

.ep-quote-card.accessory-card{display: none;}
.accessory-card .uk-card {min-height: 300px;}

@keyframes bounce {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.machine-bed-size{padding-bottom: 26.7%; min-height: 195px;}
.machine-bed-size img {    
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.table-size-option, .ep-cursor-pointer {
    cursor: pointer;
}

.table-size-icon {
    position: absolute;
}
.table-size_maker-edge-12_icon, .table-size_maker-edge-24_icon, .table-size_maker-edge-36_icon, .table-size_pro-24_icon, .table-size_pro-36_icon, .table-size_pro-48_icon{position: absolute; display: flex; flex-direction: column; align-items: center; transform: translate(-50%, -50%);}

.table-size_maker-edge-12_icon {top: 58%;left: 58%;}
.table-size_maker-edge-24_icon {top: 71%; left: 58%;}
.table-size_maker-edge-36_icon {top: 50%; left: 69%;}

.table-size_pro-24_icon{top: 52%; left: 56%;}
.table-size_pro-36_icon {top: 52%; left: 62%;}
.table-size_pro-48_icon {top: 73%; left: 40.5%;}

.table-size-option span{color: #999; transition: all 0.3s ease;}

#maker-table_12, #edge-table_12{width: 56%; height: 50%;}
#maker-table_24, #edge-table_24{width: 56%; height: 100%;}
#pro-table_24{width: 41%; height: 50%;}
#pro-table_36{width: 100%; height: 50%;}
#maker-table_36, #edge-table_36, #pro-table_48{width: 100%; height: 100%;}

#quote-builder .gform-page-footer{position: absolute; bottom: 0; right: 0; padding: 0;} 
#quote-builder .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before{border-radius: 40px; background: #00578A; height: 36px; width: 36px;border-color: #cfd3d9;}   

#quote-builder .gf_page_steps {border-bottom: none; margin-bottom: 10px;}

#quote-builder .gform_wrapper.gravity-theme .gf_step_active .gf_step_number{background: #6dcff6 !important; color: #fff !important;}

#quote-builder legend, #quote-builder .gfield_label {font-size: 19px !important; line-height: 1.4; font-family: Mont-light; color: #00578A;}
#quote-builder legend::before,
#quote-builder .gfield_label::before {
  content: "";
  display: inline-block;
  position: relative;
  top: calc(-.1 * 1em);
  vertical-align: middle;
  height: calc(4px + .7em);
  margin-right: calc(5px + .2em);
  border-left: calc(8.1px) solid #e5e5e5;
}

#quote-builder #gform_page_47_5 legend::before,
#quote-builder #gform_page_47_5 .gfield_label::before {
  content: none;
  border-left: none;
}

#quote-builder .uk-slider-container-offset {margin: -35px -30px -35px -30px;}

#quote-builder .uk-dropdown{border-radius: 12px;}

#quoteSection_machine, #quoteSection_bed-size, #quoteSection_wattage, #quoteSection_accessory{border-image: linear-gradient(90deg,#fff 0%,#6dcff6 35%,#00578a 100%) 1; border-top: 6px solid #00578a; border-bottom: 6px solid #00578a; margin-right: -40px; margin-left: -40px; margin-bottom: 20px; padding: 0 40px;}

#tube1{left: 1%; top: 67%;}
#tube2{left: 36%; top: 37%;}
#tube3{left: 74%; top: 12%;}

.tube_bg{width: 100%; height: calc(100% - 10px); position: absolute; top: 10px; left: 0; z-index: -2; border-radius: 20px; background: #292a36;}

.galvo_wattage #tube1, .galvo_wattage #tube2, .galvo_wattage #tube3 {display: none !important;}

.gform_fields .ginput_container {display: inherit !important;}
#gform_page_47_5 .gform_fields .ginput_container {display: flex !important;}


.gfield_radio label{font-size: 16px;  padding: 5px; width: calc(100% - 30px);}
.gfield_radio .gchoice label, .gfield_radio .gchoice input{cursor: pointer;}
.gfield_radio .gchoice:hover label{color: #6dcff6;}

.gfield_radio .gchoice:not(:last-child) label {
    border-bottom: solid 1px #e5e5e5; 
}

/* -- Tablet and Below -- */
@media screen and (max-width: 1200px) {	
	#quoteSection_machine, #quoteSection_bed-size, #quoteSection_wattage, #quoteSection_accessory{margin-right: -30px; margin-left: -30px;}
}
/* -- Tablet and Below -- */
@media screen and (max-width: 1080px) {
	.machine-bed-size{padding-bottom: 53.7%;}
	.gform_wrapper.gravity-theme .gf_step_label{display: none;}
}