/* Filter Popup CSS Start */

.term-all-products .elementor-element.elementor-element-2440b550, .term-all-products .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-2c9bc86a{
    display:none !important;
}
.term-all-products .elementor-27950 .elementor-element.elementor-element-491461b2{
    height:250px;
}
.find-my-shelter{
    background: #e76821;
}
.find-my-shelter a{
    color: #FFFFFF !important;
}
#customFilterPopup{
    display:none; 
    position:fixed; 
    top:0; left:0; 
    width:100%; 
    height:100%;
     background:rgba(0,0,0,0.7); 
     justify-content:center; 
     align-items:center; 
     z-index:9999;
         font-family: "Roboto", Sans-serif;

}
.filterPopupBody h3{
    font-size:33px;
    font-weight:700;
    line-height:100%;
}
.filterPopupBody .jet-filter-label2 {
    font-family: "Roboto", Sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #060606;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    font-weight: 400;
}

.form-step>p, #usableSizeContainer>p, #footprintSizeContainer>p{
   font-size:21px; 
   line-height:24px;
   font-family: "Roboto", Sans-serif;
   color:#6C6C6C;
   font-weight:300;
}
/* Progress bar */
    .filterPopupBody .progress-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      margin: 20px auto 40px;
      width: 100%;
    }

   .filterPopupBody  .progress-container::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 2px;
      border-top: 1px dashed #8F8F8F;
      transform: translateY(-50%);
      z-index: 0;
    }

   .filterPopupBody .step {
      width: 13px;
      height: 13px;
      background-color: #B9B9B9;
      border-radius: 50%;
      z-index: 1;
      position: relative;
    }

    .filterPopupBody .step.active {
     border: 2px solid #f58242;
      background-color: #E76821 !important;
    }

    /* Form steps */
    .filterPopupBody .form-step {
      display: none;
    }

    .filterPopupBody .form-step.active {
      display: block;
    }

    .filterPopupBody .btn {
      padding: 7px 40px;
      border: none;
      border-radius: 50px;
      cursor: pointer;
      font-size: 16px;
      font-weight: 400;
    text-transform: uppercase;
    border:1px solid #e76821;
    }

  .line-height-border{
      width:100%;
      background:#C9C9C9;
      height:1px;
          margin-top: 30px;
    margin-bottom: 20px;
  }
  .button-right-wrapper {
    margin-top: 65px;
    margin-bottom:20px;
    display: flex
;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
  
.filterPopupBody h4{
    font-size:18px;
    font-weight:800;
    line-height:100%;
    color:#004B87;
    text-align:center;
}
.filterPopupBody
{
    background:#fff;
    padding:25px 35px; 
    border-radius:20px; 
    width:740px; 
    position:relative;
        border-top: 48px solid;
    border-color: #004B87;
}
#filterPopupClose{
    position:absolute; 
    top:10px; 
    right:15px; 
    cursor:pointer;
    font-size:35px;
    color:#FF0000
}


.popCategories h3 {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popCategories .pop-toggle-sign {
    margin-left: auto;
    font-size: 18px;
}
form#popupFilterForm h4, form#popupFilterForm .popCategories.mounting_options h3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
    display: flex;
    column-gap: 5px;
    justify-content: space-between;
    color:#000;
    font-family: "Roboto", Sans-serif;
    pointer-events: none;
    user-select: none;
}
form#popupFilterForm {
    font-family: "Roboto", Sans-serif;
}

form#popupFilterForm .popCategories.mounting_options {
    margin-top: 12px;
    margin-bottom:7px;
}
form#popupFilterForm span.pop-toggle-sign {
    width: 22px;
    height: 22px;
    background: #004b87;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: 0;
    color:#fff;
}
.popupFilterForm  h4.step-title {
    font-size: 20px !important;
    text-align: center;
    justify-content: center !important;
    display: flex !important;
    color:#004B87 !important;
}
.popupFilterForm .form-step.steps1 label, .popupFilterForm .form-step.steps2 label {
    font-size: 15px;
    color: #060606;
    line-height: 20px;
    font-family: "Roboto", Sans-serif;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom:7px;
}
.popCategories.mounting_options li label{
    font-size: 15px;
    color: #060606;
    line-height: 20px;
    font-family: "Roboto", Sans-serif;
}
.popCategories.mounting_options li input{
        width: 20px;
    height: 16px;
border-color:#DEDEDE !important;
}
.popCategories.mounting_options > li{
    margin-bottom:10px;
}
.popCategories.mounting_options li ul{
    margin-bottom:7px;
}
.popupFilterForm .form-step label+br{
    display:none;
}
.popupFilterForm input[type=radio] {
    padding: 0;
    width: 20px;
    /* font-size: 70px; */
    height: 16px;
    border-color:#DEDEDE !important;
    /* margin-top: 3px; */
}
.popupFilterForm button:hover, button#filterResult:hover{
     background-color: #fff !important;
    border: 1px solid #e76821 !important;
    color: #e76821 !important;
}
.popupFilterForm button, button#filterResult{
padding: 13px 45px 13px 45px !important;
    background: #e76821;
    border-radius: 40px !important;
    border: 1px solid #e76821;
    line-height: 23px;
    font-size: 14px;
    letter-spacing: 1px;
}
div#filterStep_1, div#filterStep_2 {
    margin-top: 12px;
}
.pop-toggle-sign{
    display:none !important;
}

.mount-select label {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
        color: #060606;
    line-height: 20px;
    font-family: "Roboto", Sans-serif;
}
div#filterStep_1 label {
    display: flex;
    gap: 5px;
    font-size:14px;
}
form#popupFilterForm{
    margin-bottom:0px !important;
}
div#usableWidth, .size-section, #categorySection{
    background: #ffffff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 4px 15px 4px rgba(0, 75, 136, .11);
    border: 1px solid #f3f3f3;
     margin-bottom: 5px;
}
.nextbutton {
    display: flex
;
    align-items: center;
    justify-content: flex-end;
    margin: 15px 0;
}
form#popupFilterForm .popCategories ul ul li {
    margin-bottom: 4px;
    display: inline-block;
    margin-top: 4px;
}
form#popupFilterForm .popCategories.mounting_options ul ul {
    margin-left: 8px !important;
}
form#popupFilterForm .popCategories.mounting_options ul {
    margin-left: 0px !important;
}
/* Base styling for the parent UL */
form#popupFilterForm .popCategories ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 10rem;
  font-size: 14px;
  width:650px;
}
.popCategories.mounting_options ul li {
    margin-bottom: 12px;
}
form#popupFilterForm .elementor-element.elementor-element-4880a46.elementor-widget.elementor-widget-button {
    display: flex
;
    justify-content: flex-end;
}
.mount-select {
    display: flex !important;
    align-items: center;
    /* justify-content: center; */
    gap: 9px;
    margin-bottom: 15px;
    margin-top:21px;
}

/* Indent child ULs under each parent */

/* Mobile: Stack into 1 column */
@media only screen and (max-width: 767px) {
  form#popupFilterForm .popCategories ul {
    columns: 1;
    width:100% !important;
  }
  .filterPopupBody {
    background: #fff;
    padding: 25px 35px;
    border-radius: 20px;
    width: 90%;
    position: relative;
    border-top: 48px solid;
    border-color: #004B87;
    margin: 0 auto;
}
.filterPopupBody{
        padding: 25px 25px !important;
}
.popupFilterForm button, button#filterResult {
    padding: 8px 35px 8px 35px !important;
}
.form-step>p, #usableSizeContainer>p, #footprintSizeContainer>p{
    width:320px;
}
.filterPopupBody h3 {
    font-size: 27px;
}
.line-height-border {
    margin-top: 20px;
    margin-bottom: 15px;
}
}




/* Filter Popup CSS End */
/* css for checkout page button right */
p.form-row.form-row-wide.raq-send-request-row {
    display: flex;
    justify-content: end;
}
.elementor-kit-4151 button:hover, .elementor-kit-4151 button:focus, .elementor-kit-4151 input[type="button"]:hover, .elementor-kit-4151 input[type="button"]:focus, .elementor-kit-4151 input[type="submit"]:hover, .elementor-kit-4151 input[type="submit"]:focus, .elementor-kit-4151 .elementor-button:hover, .elementor-kit-4151 .elementor-button:focus{
    border-color:#e76821 !important;
    border:1px solid !important;
    color: #e76821 !important;
}