.sxc-map-wrapper { position: relative; width: 100%; height: auto; }
#sxc-map-svg-container { width: 100%; height: auto; display: block; }
.sxc-marker-circle {stroke: #fff;stroke-width: 2;cursor: pointer;}
.sxc-marker-icon {pointer-events: none;}
#sxc-popup {position: absolute;z-index: 9999;width: 300px;}
#sxc-popup.sxc-hidden { display: none; }
#sxc-popup img {max-width:250px;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
#sxc-popup .sxc-popup-close {position: absolute;right: 6px;top: 6px;border: none;background: transparent;font-size: 20px;cursor: pointer;}
#sxc-form-modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);display: flex;align-items: center;justify-content: center;z-index: 10000;}
#sxc-form-modal.sxc-hidden { display: none; }
#sxc-form-modal .sxc-form-inner {background: #fff;padding: 40px;border-radius: 20px;width: 630px;max-width: 95%;border: 1px solid #0000001A;height: 90%; overflow:  overlay;}
#sxc-form-modal label { display: block; margin-bottom: 10px; }
.sxc-popup-details {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;width: 100%;margin: 15px 0px;}
h3#sxc-card-title {color: #fff;font-family: Ubuntu;font-weight: 500;font-size: 14px;line-height: 110%;text-transform: uppercase;display: none;}
.sxc-popup-actions {display: flex;justify-content: center;gap: 8px;align-items: center;}
button#sxc-quote-to,
button#sxc-quote-from {width: 115px;border-radius: 50px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;border: 2px #fff;background: #C73734;color: #fff; }
button.sxc-btn.sxc-btn-primary,
button#sxc-form-cancel {width: 50%;border-radius: 50px;padding-top: 10px;padding-right: 20px;padding-bottom: 10px;padding-left: 20px;border: 2px #fff;background: #C73734;color: #fff; }
button#sxc-popup-close { border: 2px solid #343859; border-radius: 50%; padding: 0rem .5rem; color: #343859; display: flex; float: right; cursor: pointer;background: #fff; }
button#sxc-popup-close:hover { color: #fff; background-color: #343859; }
div#sxc-popup {width: auto;}
.sxc-card { width: 100%; display: flex; flex-direction: column; }
.half-width { width: 50%; }
.full-width { display: flex; gap: 20px; }
.sxc-field { padding-bottom: 20px; }
.sxc-field label {font-family: Roboto;font-weight: 500;font-size: 16px;line-height: 100%;text-transform: capitalize;color: #000000;}
.sxc-form-actions { display: flex; gap: 20px; }
.sxc-field input { height: 48px; border-radius: 12px !important; border: 1px solid #343859 !important; padding: 0 10px; }
.sxc-field textarea { height: 92px; border-radius: 12px !important; border: 1px solid #343859 !important; padding: 10px; }
.sxc-additional-info {background: linear-gradient(90deg, #343859, #66ccff);padding: 10px;border-radius: 20px;margin-bottom: 20px;}
.sxc-additional-info h2 {color: white;}
.sxc-additional-info .sxc-field label {color: white;}
label.required::after {content: " *";color: red;font-weight: bold;}
.sxc-additional-info .full-width::before {content: "";display: block;width: 1px;background-color: #ccc; /* divider color */align-self: stretch; /* makes divider full height */order: 1; /* ensures divider stays between columns */}

.sxc-additional-info .full-width > .sxc-field:first-child {order: 0;}
.sxc-additional-info .full-width > .sxc-field:last-child {order: 2;}