@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body.page-id-14521{font-family: "Roboto", sans-serif;}
.font-roboto{font-family: "Roboto", sans-serif;}
.gap-15{gap:15px;}
.flex-auto{flex:auto;}
input:disabled{background: #efefef !important; cursor: no-drop;}
body.page-id-14521 .form-control{font-family: "Roboto", sans-serif !important; height:auto; padding:17px 12px !important;}
body.page-id-14521 .btn-primary{padding-top:15px; padding-bottom:15px;}
.custom-control .custom-control-label{ min-height: 54px; display: flex;
    align-items: center; }
.sidebar-border > form > div{ background:#fff; border:1px solid #d2d2d2; padding:40px 20px; }
.step_result{ padding:10px 15px !important;}
.step_result .step_result_title{font-size:12px;}
.step_result_values{ display:flex; font-weight:700; font-family: "Roboto", sans-serif; flex-wrap:wrap;}
.step_result_values > div:after{content:','; margin-right:5px;}
.step_result_values > div:nth-last-child(1):after{display:none;}

.custom-control{padding-left:0;}
.custom-control .custom-control-label{font-weight:400; border:1px solid #ced4da; padding:0.5rem; padding-left:2rem; width:100%; text-align:left; border-radius:5px; }
.custom-control-input:checked~.custom-control-label{  border-color: #f1b000;}
.custom-control-label::before{top:50%; transform:translatey(-50%); left:0.5rem;}
.custom-control-label::after{top:50%; transform:translatey(-50%); left:0.5rem;}
.cursor-pointer{cursor:pointer;}

.step_result{display:none;}
.completed + .step_result{display:block;}
.k-calendar-view{width:100% !important;}

.btn-primary {
    color: #231f20;
    background-color: #ffc425;
    border-color: #ffc425;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #231f20;
    background-color: #feb900;
    border-color: #f1b000;
}
.custom-control-input:checked~.custom-control-label::before{
	background-color: #feb900;
    border-color: #f1b000;
}
.custom-control-input:focus~.custom-control-label::before,
.btn-primary.focus, .btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 .2rem rgba(254, 185, 0, .25);
}
.custom-control-label .checkbox-desc{font-size:16px !important;}

.max-w-400{max-width:400px;}

.flatpickr-month .numInput.cur-year{
border:none !important; padding:0 5px !important; font-size:16 !important;
background:transparent !important; font-family: "Roboto", sans-serif !important;
}
.flatpickr-day.selected{border-color: #ffc425;    background: #ffc425;}

.time-select {
  background: #f5f5f5;
  padding: 10px 23px 2px 23px;
  border-radius: 10px;
}

.time-select .border-top {
  border-top: 1px solid #ddd !important;
}

.time-select .check-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.time-select .time-select-heading {
  display: flex;
  gap: 10px;
}

.time-select h5 {
  margin: 0px;
  color: #231f20;
  font-size: 1.188rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.time-select p {
  font-size: 12px;
  margin: 0px;
  color: #505051;
  font-family: "Roboto", sans-serif;
}

.time-select .form-check {
  padding-left: 0px;
}

.time-select .form-check .form-check-input + label span {
  background:#fff;
  border:4px solid #e9e9e9;
  width: 14px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
  left: 11px;
  top: 14px;
  border-radius:100px;
}

.time-select .form-check .form-check-input:checked + label span {
  background:#fff;
  border:4px solid #e4a705;
  width: 14px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
  left: 11px;
  top: 14px;
  border-radius:100px;
}

.time-select .form-check .form-check-input:checked {
  background-color: #fff;
  border-color: #fff;
}

.time-select .form-check .form-check-input:checked + label {
  background-color: #f6c84b;
  border: 1px solid #f6c84b;
  color: #fff;
}

.time-select .form-check .form-check-input {
  display: none;
}

.time-select .form-check label.form-check-label {
  background: #fff;
  border-radius: 0.313rem;
  border: 1px solid #c0c0c5;
  padding: 0.625rem 0.813rem 0.625rem 2rem;
  cursor: pointer;
  color: #231f20;
  font-weight: 400 !important;
    font-size: 14px !important;
}

.ribbon_heading{background:#ffc425; color:#fff; padding:15px 35px; margin:40px 0 20px; position:relative;}
.ribbon_heading:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 28px solid #fff;
    top: 0;
}
.ribbon_heading:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-right: 28px solid #fff;
    top: 0;
}

.global-control-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.global-control-wrapper.smallGrid .global-control {
    margin: 0;
    flex: 0 0 33.33%;
}
.global-control-wrapper .global-control .global-control-input {
    display: none;
}
.global-control-wrapper.smallGrid .global-control .global-control-label {
    width: 90% !important;
    margin: 8px;
    height: 96px;
    text-align: center;
    background: #fff;
    padding: 0.75rem;
    border: 2px solid #dddddd;
    border-radius: 3px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.global-control-wrapper .global-control .global-control-label .imgWrap {
    margin-top: auto;
    margin-bottom: auto;
}
.global-control-wrapper.smallGrid .global-control .global-control-label .imgWrap img {
    max-height: 40px;
}
.global-control-wrapper.smallGrid .global-control .global-control-label .checkbox-desc {
    font-size: 0.75rem;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 0;
}
.global-control-wrapper .global-control .global-control-label:before {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: -2px;
    top: -2px;
    display: none;
    content: '\2713';
    font-family: "entypo";
    color: #fff;
    background: #ddd;
}
.global-control-wrapper .global-control .global-control-input:checked + .global-control-label:before {
    display: inline-block;
    background: #ffc425;
}
.global-control-wrapper .global-control .global-control-input:checked + .global-control-label {
    border-color: #ffc425;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
}
select{    border: 1px solid #e1e1e1 !important; border-radius: 5px !important;}
select:focus{ border: 1px solid #ffcc01 !important;
    box-shadow: 0 3px 2px 0 rgb(255, 204, 1, 0.2) !important;
    border-radius: 5px !important;}

/* Loader and Overlay Styles */
    body .loader-overlay.loader-overlay-step {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
      z-index: 1050; /* Higher than Bootstrap modals */
      display: flex;
      align-items: center;
      justify-content: center;
     
    }

    





@media screen and (max-width: 767px) {
	.step-sidebar ul {
    display: flex;
    justify-content: space-between;
  }

  .step-sidebar ul li {
    flex-direction: column;
  }

  .step-sidebar ul li.active {
    display: flex;
  }

  .step-sidebar li:after {
    height: 2px !important;
    left: 20px;
    top: 23px;
    width: 200px;
  }

  .step-sidebar li:last-child:after {
    background: #fff;
  }
	.step-sidebar h6 {
    font-size: 12px;
  }
  .step_result {
        padding: 15px !important;
    }
.container-step-outer {
    padding-top: 20px ! important;
}
.step1 .landing-slider h2{margin-bottom: 0px;}
.step1 .landing-slider h2{display: flex;column-gap: 10px;align-items: center;justify-content: center;}
.step1 .landing-slider h2 i{color:#ffc425;}
.container-step-outer .custom-control .custom-control-label{padding-top: 3px;padding-bottom: 3px;}
.container-step-outer h5{margin-bottom: 0px ! important;font-size: 16px ! important;}
.landing-slider h2, .step-box h2{display: flex;column-gap: 10px;align-items: center;justify-content: center;margin-bottom: 0px;        line-height: 27px;}
.landing-slider h2 i, .step-box h2 i{color:#ffc425;}
}
@media screen and (max-width: 575px) {
  .step-sidebar h6 {
    display: none;
  }

  .step-sidebar .number {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }

  .step-sidebar li:after {
    top: 16px;
  }

  .step-sidebar li {
    margin-bottom: 15px;
  }
  .global-control-wrapper.smallGrid .global-control{flex:0 0 100%;}
  .global-control-wrapper.smallGrid .global-control .global-control-label .imgWrap img{max-height:25px;}
  .global-control-wrapper.smallGrid .global-control .global-control-label{ display: flex;
      width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px; height:54px;}
  .ribbon_heading{font-size:14px;}
  .step_result .step_result_title{font-size:10px;}
  .step_result_values{font-size:12px;}
  .custom-control-label .checkbox-desc small{display: block;margin-left: 0 !important;}
  .step1 .landing-slider h2{font-size: 20px ! important;}
  .step2 #map { height: 180px ! important;}
  .step2 .inventory-outer {padding-bottom: 0px ! important;}
   .step3 .time-select .check-radio{gap: 8px;}
   .time-select .form-check label.form-check-label{padding: 6px 14px; padding-right: 6px; padding-left: 23px; font-size: 13px !important;}
   .time-select .form-check .form-check-input:checked + label span{left: 5px;top: 10px;}
   .time-select .form-check .form-check-input + label span {left: 6px; top: 10px; }
   .step3 .time-select {padding: 12px ! important;}
   .step3 .mt-4.preferred-box {margin-top: 14px ! important;}
   .step3 .mobile-mb-2 {margin-bottom: 3px ! important;}
.step4 .global-control-wrapper.smallGrid .global-control .global-control-label, .step5 .global-control-wrapper.smallGrid .global-control .global-control-label{text-align: left;}
.step4 .global-control-wrapper.smallGrid, .step5 .global-control-wrapper.smallGrid{display: flex;flex-wrap: wrap;column-gap: 7px;}
.step4 .global-control-wrapper.smallGrid .global-control, .step5 .global-control-wrapper.smallGrid .global-control{flex: 0 0 48%;}
.step4 .global-control-wrapper.smallGrid .global-control .global-control-label, .step5 .global-control-wrapper.smallGrid .global-control .global-control-label{gap: 9px;}
.step4 .container-step-outer h5{font-size: 14px ! important;margin-bottom: 10px ! important;margin-top: 21px ! important;}
.step5 .container-step-outer h5{font-size: 14px ! important;margin-bottom: 10px ! important;margin-top: 21px ! important;}
.step6 .alert.alert-warning{font-size: 13px;line-height: 17px;padding: 10px;}
.step6 .custom-control .custom-control-label{line-height: 17px;}
.responsive #top #wrap_all .container{ width: 90%; max-width: 90%;}
.container.container-step-outer { padding-top: 6px ! important;}
.step5 .font-roboto.font-weight-bold.ribbon_heading{margin-top: 22px ! important; margin-bottom: 13px ! important;}
}