.sx-map-wrapper{position:relative}
#sx-popup{position:absolute;z-index:999;}
#sx-popup.sx-hidden{display:none}
#sx-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;}
#sx-popup .sx-popup-close{position:absolute;right:6px;top:6px;border:none;background:transparent;font-size:20px}
#sx-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}
#sx-form-modal.sx-hidden{display:none}
#sx-form-modal .sx-form-inner{background:#fff;padding:40px;border-radius:20px;width:630px;max-width:95%;border: 1px solid #0000001A;height: 90%;overflow-y: auto;}
#sx-form-modal label{display:block;margin-bottom:10px}
.sx-popup-details {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;width: 100%;margin: 15px 0px;}
h3#sx-card-title {color: #fff;font-family: Ubuntu;font-weight: 500;font-size: 14px;line-height: 110.00000000000001%;text-transform: uppercase;display: none;}
.sx-popup-actions {display: flex;justify-content: center;gap: 8px;align-items: center;}
button#sx-quote-to {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#sx-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.sx-btn.sx-btn-primary {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#sx-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#sx-popup-close {border: 2px solid #343859; border-radius: 50%; padding: 0rem .5rem; color: #343859; display: flex; float: right; cursor: pointer;background: #fff;}
button#sx-popup-close:hover {color: #fff;background-color: #343859;}
div#sx-popup {width: auto;}
.sx-card {width: 100%;display: flex;flex-direction: column;}
.half-width {width: 50%;}
.full-width {display: flex;gap: 20px;}
.sx-field {padding-bottom: 20px;}
.sx-field label {font-family: Roboto;font-weight: 700;font-size: 16px;line-height: 100%;vertical-align: middle;text-transform: capitalize;color: #343859;}
.sx-form-actions {display: flex;gap: 20px;}
.sx-field input {height: 48px;border-radius: 12px !important;border: 1px solid #343859  !important;}
.sx-field textarea {height: 92px;border-radius: 12px !important;border: 1px solid #343859  !important;}
.sx-additional-info {background: linear-gradient(90deg, #343859, #66ccff);padding: 10px;border-radius: 20px;margin-bottom: 20px;}
.sx-additional-info h2 {color: white;}
.sx-additional-info .sx-field label {color: white;}
label.required::after {content: " *";color: red;font-weight: bold;}
.sx-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 */}

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