/* Add your styles here */
#swq-quote-form {width: 100%;max-width: 100%;margin: auto;}

#swq-quote-form label {display: block;}

#swq-quote-form input, #swq-quote-form select { width: 100%; margin-bottom: 16px; padding: 8px;}


.d-none{ display: none;}
.loader-overlay{background: #000;width: 100%;height: 100%;top: 0;left: 0;position: fixed;opacity: .5;z-index:999999;}
.section-loader{position: fixed;left: 50%;top: 50%;z-index: 1;width: 120px;height: 120px;margin: -76px 0 0 -76px;border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;z-index: 999999;}

.overlay{background: #000;width: 100%;height: 100%;top: 0;left: 0;position: fixed;opacity: .5;z-index:999999;}
.modal{ background-color: rgba(32, 37, 52, 0.9); position: fixed; width: 674px; transform: translate(-50%, -50%); top: 50%; left: 50%;z-index: 999999;border-radius: 20px; padding: 30px 39px; height: 583px; overflow-y: auto;}
.close-overlay-modal{ font-size: 25px; font-weight: bold; text-align: right; position: absolute; top: 16px; right: 27px; cursor: pointer;background: #6565ea;height: 33px;width: 33px;border-radius: 50%;color:#fff;}
.close-overlay-modal:hover{background-color: #386beb;}
.form-header{text-align: center;width: 100%;float: left;}
.form-header h1 { background: #6565ea;padding: 10px 20px;color: #fff;width: 100%;float: left; margin-top: 12px; font-size:26px;}
.swq-quote-form p {color: #fff; float: left; width: 100%; margin-top: 17px;  font-size: 17px; font-weight: 400;  line-height: 23px;letter-spacing: 0.2px;font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
font-weight: 300;}
.form-group {float: left; width: 100%;margin-top: 18px;}
label.label-bold {font-weight: bold;margin-bottom: 9px;}
.swq-quote-form .radio-option  label { color: #fff ; font-size: 18px;letter-spacing: 0.2px;}
#swq-quote-form label{ color: #fff; font-size: 17px;letter-spacing: 0.2px;float: left; width: 100%; }
#swq-quote-form label input{width:auto;}

.swq-quote-form .form-group.zipcode-box input{ width: 199px ! important; margin-bottom: 3px;height: 31px;border: 3px solid #cecece;
border-right: 3px solid #fff; border-bottom: 3px solid #fff;padding-left: 13px ! important;text-transform: uppercase;font-size: 17px;color: #6565ea;margin-bottom:0px ! important;border-radius: 0px;}
.swq-quote-form .form-group.zipcode-box input::placeholder {color: #6565ea;opacity: 1;}
.swq-quote-form .form-group.zipcode-box input::-ms-input-placeholder { color: #6565ea;}
#swq-quote-form button.btn.btn-primary{color: #FFFFFF !important; border-color: #386beb; border-radius: 0px;letter-spacing: 1px; font-size: 18px;font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; background-color: #6565ea;padding: 10px 36px; box-shadow: 0px 0px 9px 5px #fcfdfd;  text-transform: uppercase;  border: 2px solid #386beb;cursor: pointer;}
.button-flex { display: flex;  width: 100%;justify-content: center;padding-top: 28px;column-gap: 31px;}
.is-invalid.invalid-feedback {width: 100%; display: block; color: #ff0000;float: left;line-height: 100%;margin-top: 5px;}
.step-2 h5 {color: #fff; font-size: 17px;margin-top: 22px;float: left;width: 100%;line-height: 22px; letter-spacing: 0.9px;}
#swq-quote-form .option-description label {font-weight: bold;}
#swq-quote-form .option-description label span {font-weight: 300;padding-left: 7px;}
#swq-quote-form .option-description p.text-light {font-weight: 300;margin-top: 0;}
#swq-quote-form .existing-alarm-system-options label {font-weight: 300;}

.swq-quote-form .radio-option .radio-box { display: block;position: relative; padding-left: 32px;margin-bottom: 8px;cursor: pointer;font-size: 22px;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}
.swq-quote-form .radio-option .radio-box  input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.swq-quote-form .radio-option .radio-box  .checkmark {position: absolute;top: 1px;left: 0; height: 19px; width: 19px;background-color: #fff;border-radius: 0;border:3px solid #cecece;border: 3px solid #cecece; border-right: 3px solid #fff;border-bottom: 3px solid #fff;}
.swq-quote-form .radio-option .radio-box :hover input ~ .checkmark { background-color: #ccc;}
.swq-quote-form .radio-option .radio-box  input:checked ~ .checkmark {background-color: #6565ea;}
.swq-quote-form .radio-option .radio-box  .checkmark:after { content: "";position: absolute;display: none;}
.swq-quote-form .radio-option .radio-box  input:checked ~ .checkmark:after { display: block;}
.swq-quote-form .radio-option .radio-box  .checkmark:after { top: 1px;left: 1px;width: 12px; height: 12px; border-radius: 0; background: #6565ea;}
.swq-quote-form .radio-option .radio-box p {margin-top: 0px; padding-bottom: 0;font-weight: 300;}
.radio-box-outer{ width: 100%;float: left;margin-top: 10px;}
.existing-alarm-system-options .form-group { padding-left: 6%;}
.existing-alarm-system-options .form-group p {margin-top: 2px;font-weight: 300;}
.existing-alarm-system-options .form-group label.radio-box {margin-bottom: 0px;}
.swq-quote-form .radio-option .radio-box p.text-bold { font-weight: bold;}
.swq-quote-form .radio-option .radio-box p.text-bold span{font-weight: 300 !important;}
.option-description.option-description-01 {float: left; width: 100%; padding-left: 6%;}
.option-description.option-description-01 li {color: #fff;font-size: 17px;}
.option-description.option-description-01 ul{width: 100%;float: left;}
.option-description.option-description-01 p.text-light.pb-3 { padding-bottom: 9px;}
.col-md-8.quantity-check-box { width: 100%; float: left;}
.additional-check-box .additional-item.row {display: flex;  width: 100%; align-items: center;}
.quantity-check-text input.form-control.addon-quantity {margin-bottom: 0px ! important;width: 50px ! important;}
.quantity-check-text p {margin-top: 0px;font-weight: 300;}
.col-md-4.quantity-check-text {display: flex;align-items: center;column-gap: 10px;justify-content: end;margin-bottom: 10px;}
span.non-willy-description { font-weight: 500;}
.additional-outer h5 {margin-top: 6px;}
#swq-quote-form .additional-outer label{font-weight: 500;margin-bottom: 0px ! important;}
#swq-quote-form .additional-outer input{height: 31px;border-radius: 0px;}
#swq-quote-form .mb-0{margin-bottom: 0px ! important;}
.step-3 h5.text-white {color: #fff;font-size: 18px; letter-spacing: 0.2px;line-height: 21px; margin-top: 20px;  width: 100%;float: left;}
.step-3-img { text-align: center;width: 100%;float: left;}
.step-3-img img {width: 462px;margin-bottom: 5px;}
.step-3 input::placeholder {color: #6565ea;opacity: 1;}
.step-3 input::-ms-input-placeholder { color: #6565ea;}
#swq-quote-form .step-3 input{ border-top: 3px solid #cecece ! important;border-left: 3px solid #cecece ! important;border-bottom: 0px;border-right: 0px ! important;padding-left: 13px ! important;font-size: 17px;height: 34px;background: #fcfcfc ! important;margin: 0px; color: #6565ea;border-radius: 0px;padding-top: 6px;}
#swq-quote-form .step-3 .form-group-outer {display: flex; column-gap: 21px;}
.form-group-custom { display: flex; column-gap: 21px; width: 100%;float: left;}
#swq-quote-form .step-3 .row { width: 100%; float: left;}
#swq-quote-form .step-3 .row .form-group-custom .col-md-8.col-12 {width: 341px;}
#swq-quote-form .step-3 .row .form-group-custom .col-md-4.col-12{width: 219px;}
#swq-quote-form .step-3 .form-group-full { width: 100%;float: left;}
#swq-quote-form .step-3 .form-group-half {display: flex; width: 100%;column-gap: 21px;}
#swq-quote-form .step-3 .form-group-full{width: 100%;float: left;}
#swq-quote-form .step-3  .form-group-button {display: flex;width: 100%;justify-content: center;padding-top: 40px;column-gap: 31px;    padding-bottom: 43px;}
#swq-quote-form .step-3 .form-group-half .col-md-5.col-12 {width: 384px;}
#swq-quote-form .step-3 .form-group-half .col-md-3.col-12 {width: 155px;}
#swq-quote-form .step-3 .form-group-half .col-md-4.col-12 {width: 205px;}
#swq-quote-form  .radio-option.flex-box {padding-left: 11px;}
.step-1 .form-group {margin-top: 13px;}
/* .close-overlay-modal{ display:none;} */
.form-header img {width: 210px;}
#swq-quote-form .form-group.zipcode-box { margin-top: 24px;}
span#alarm_system-error { text-align: left; padding-top: 5px; padding-bottom: 11px;}
.ajax-reposnse{text-align: center;width:100%; float:left; color:#ff0000;padding-top: 19px;padding-bottom:0px;line-height: 18px;font-size: 19px; font-weight: 400;}
.existing-alarm-system-options .form-group:first-child {margin-top: 5px;}
.existing-alarm-system-options .form-group:last-child {margin-bottom: 12px;}
.quantity-check-text input{border-top: 3px solid #cecece ! important;border-left: 3px solid #cecece ! important;border-bottom: 0px;border-right: 0px ! important;font-size: 17px; color: #6565ea;}
.step-2 .button-flex{padding-bottom: 16px; padding-top: 35px;}
.close-overlay-modal i.ion-android-close { position: relative;right: 9px;top: 4px;}
.readonly{pointer-events: none;}

/*********************26-12-2024-css***************************/
.step-includes-box { width: 100%; float: left;margin-top: 14px; margin-bottom: 15px;}
.swq-quote-form .text-large-heading{font-size: 19px; letter-spacing: 1px;}
#swq-quote-form label.label-bold.text-large-heading {font-size: 19px;letter-spacing: 1px;}
.step-includes-box li { width: 100%; float: left;}
/*********************26-12-2024-css-End***************************/


@media screen and (max-width: 1100px) {
.modal{width: 83%;}
.modal{height: 646px;}
#swq-quote-form .step-3 .row .form-group-custom .col-md-8.col-12 { width: 100%;}
#swq-quote-form .step-3 .row .form-group-custom .col-md-4.col-12 {width: 100%;}
}
@media screen and (max-width: 767px) {
.modal{width: 96%;padding: 30px 25px;}
.form-header h1{padding: 10px 20px ! important;}
.swq-quote-form p{font-size: 16px;line-height: 22px;}
.step-2 h5{font-size: 16px;line-height: 19px;margin-top: 15px;}
.option-description.option-description-01 li{font-size: 16px;}
#swq-quote-form .quantity-check-text label{font-size: 14px;}
.quantity-check-text input.form-control.addon-quantity{width: 38px ! important;}
#swq-quote-form .quantity-check-text p{font-size: 14px;}
.quantity-check-text input{font-size: 14px;}
.step-3 h5.text-white{font-size: 17px;line-height: 19px;margin-top: 15px;}
#swq-quote-form .step-3 .form-group-outer{flex-direction: column;}
.form-group-custom{flex-direction: column;}
#swq-quote-form .step-3 .row .form-group-custom .col-md-8.col-12 { width: 100%;}
#swq-quote-form .step-3 .form-group-half{flex-direction: column;}
#swq-quote-form .step-3 .form-group-half .col-md-3.col-12 { width: 100%;}
#swq-quote-form .step-3 .form-group-half .col-md-5.col-12 {width: 100%;}
.option-description.option-description-01{padding-left: 11%;}
.existing-alarm-system-options .form-group {padding-left: 11%;}
.close-overlay-modal{right: 21px;}
.form-header img {width: 185px;}
#swq-quote-form .step-3 .row .form-group-custom .col-md-4.col-12 {width: 100%;}
#swq-quote-form .step-3 .form-group-half .col-md-4.col-12 { width: 100%;}
.ajax-reposnse{font-size: 18px;}
.swq-quote-form .text-large-heading{font-size: 17px;  letter-spacing: 1px;}
#swq-quote-form label.label-bold.text-large-heading { font-size: 17px;letter-spacing: 1px;}
.step-includes-box ul li{font-size: 16px;} 
.step-includes-box{margin-top: 10px;margin-bottom: 12px;}
}
@media screen and (max-width: 375px) {
#swq-quote-form button.btn.btn-primary{padding: 10px 28px;font-size: 16px;}
#swq-quote-form .additional-outer label{font-size: 16px;}
}