:root {
	--primary-color-dark:rgb(20 20 20);
	--primary-color-light:rgb(237 237 237);
    --primaryColor: #191919 !important;
    --secondaryColor: #1DB954 !important;
  }
  
  ededed

  .custom-choices.choices[data-type*=select-one]::after{
    right: 20.5px;
  }

html {
    scroll-behavior: smooth;
}
  
  .choices.custom-choices.selected::after  /* //div.selected2::after  */
  {
    content: "\ed31" !important;
    font-family: boxicons !important;
    font-size: x-large;
    color:  var(--primaryColor) !important;

  }
  

  .additionalInputs ul.results_list, .additionalInputs .results_list ul
  {

    max-height: 150px;
  }
  
.__more_information,.__more_services,.more_services_selection_parent{display:none;}
  
 /*   div.selected2{position:relative}
   
   div.selected2::after 
   {
	right: 14px;  
	position: absolute;
    top: 14px;   
   }
  
  .landing-search .autocomplete-parent.selected2::after
  {
	top: 20px;   
  } */


.landing-search .autocomplete.search input
{
height: 89px;	
}

.landing-search  .autocomplete.search button
{
    top: 12px;
    right: 12px;	
}

.border-primary-quote-theme {
    border: 2px solid var(--primaryColor);
}
.categoryInput.border-gray-theme {
    border: 2px solid var(--dj-dark);
}

 .cursor-default{cursor:default;}

  .custom-choices.choices[data-type*=select-one].selected::after
  {

    right: 40.5px !important;
    margin-top: -17.5px !important;
    border:inherit !important;
  }
  
    .choices.custom-choices .choices__list .choices__item--choice{
		font-size: large;
        font-family: 'PJ-Medium'; }
		
		
		 .choices.custom-choices[data-type*=select-one] .choices__input
		{
			font-size: large;
        font-family: 'PJ-semiBold';
		}
 


  .radio label, .custom-textarea textarea,.checkbox label{
  border: 2px solid #e5e5e5;
  cursor: pointer;
  }
  
  .radio label:hover{background: var(--primary-color-light);  border: 2px solid #191919;}

  .radio input[type=radio],.checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
  }
  .radio input[type=radio] + .radio-label:before, .checkbox input[type=checkbox] + .checkbox-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
	margin-right:8px;
	display:none;
  }
  
  
  .checkbox input[type=checkbox] + .checkbox-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
	margin-right:8px;
  }
  
  
  body .checkbox input[type=checkbox] + .checkbox-label:before {
	  
	 border-radius: inherit;  
	
  }
  
  .checkbox input[type=checkbox]:checked + .checkbox-label:before {
	  
	  content: "\ea41";
	 font-family: boxicons;
	 background:inherit;
	 border:inherit; 
	     line-height: 23px;
    font-weight: 900;
	color: var(--primaryColor);
  }
  
  .radio input[type=radio]:checked + .radio-label:before{
    background-color: var(--primaryColor);
    box-shadow: inset 0 0 0 4px #f4f4f4;
  }
  
  header.header.navbar-sticky.headerTransparent .btn-transparent-white {
    background: #fff !important;
    border: 2px solid var(--dj-dark);
    color: var(--dj-dark) !important;
}

.btn-primary-theme-light{
    background: var(--primaryColor) !important;
    /* border: 2px solid var(--dj-dark) !important; */
}
.btn-primary-theme-light .text-primary-theme{
    color: #fff !important;
}

  .radio input[type=radio]:checked + .radio-label
  {
    border: 2px solid  var(--secondaryColor);
	
	/* background:var(--primaryColor); */
	/* color:#fff; */
  
  }
  
  .radio input[type=radio]:checked + .radio-label::after
  {
	content: "\f00c" !important;
    color: #fff;
    background: var(--secondaryColor);
    opacity: 1;  
  }
  
  
  .checkbox input[type=checkbox]:checked + .checkbox-label
  {
    border: 2px solid  var(--primaryColor);

  }
  
  .paste_more_services_items .checkbox input[type=checkbox]:checked + .checkbox-label:before
  {
	background: var(--primaryColor) !important;
    border: 2px solid var(--primaryColor) !important;
	color:#fff !important;
  }
  
  
   .btn-primary-theme-quote
   {
	  background:var(--primaryColor) !important;
	  border: 2px solid var(--primaryColor);
      color: #fff;
	   
   }
   
   .btn-primary-theme-quote:hover {
    /* opacity: .8 !important; */
	color: #ffffff !important;
    background: var(--primaryColor) !important;
    border: 2px solid var(--primaryColor) !important;
   }
   
   .btn-primary-theme-quote-outline
   {
	       border: 2px solid var(--dj-dark);
		   color: var(--dj-dark) !important;
   }
   
   .btn-primary-theme-quote-outline:hover
   {
	        background: var(--primaryColor) !important;
			color: #ffffff !important;
   }
  

  .radio input[type=radio]:focus + .radio-label:before,.checkbox input[type=checkbox]:focus + .checkbox-label:before {
    outline: none;
    border-color: var(--primaryColor);
	
  }
  .radio input[type=radio]:disabled + .radio-label:before,.checkbox input[type=checkbox]:disabled + .checkbox-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
  }
  .radio input[type=radio] + .radio-label:empty:before, .checkbox input[type=checkbox] + .checkbox-label:empty:before {
    margin-right: 0;
  }
  
  
  .error.invalid-feedback{    font-family: 'PJ-SemiBold';}
  
  .formHireDetailsAddtional{display:none;}
  
  .f-italic{font-style: italic;}











  .custom-textarea textarea:focus
  {
    border: 2px solid var(--primaryColor);
    box-shadow: inherit;
  }
  
  .custom-textarea textarea
  {
	font-size: 1.2rem; padding: 1rem;  
  }

  .vcv-timeline .vcv-timeline-item span{width:170px}
  .vcv-timeline .vcv-timeline-item:nth-child(2) span{width:240px}


  .vcv-timeline {
    position: relative;
    display: flex;
    align-items: center;
     max-width: 930px; 
    /* margin: 0 auto; */
    padding: 0;
    list-style-type: none;
    color: #a7a7a7;
  }


  .vcv-step-done
  {

    color:#000

  }

.vcv-timeline-item.vcv-step-done
{
font-family: 'PJ-SemiBold';
}




  .vcv-timeline-item {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    padding: 0;
  }
  .vcv-timeline-item::before,
  .vcv-timeline-item::after {
    content: '';
  }
  .vcv-timeline-item::before {
    content: attr(data-step);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 32px;
    height: 32px;
    margin: 0 10px 0 0;
    border-radius: 50%;
    border: 2px solid #a7a7a7;
    color: #a7a7a7;
  }
  .vcv-timeline-item::after {
    height: 2px;
    background: #a7a7a7;
    width: 100%;
    margin: 0 10px;
  }
  .vcv-timeline-item:last-of-type {
    flex: 0 0 120px;
  }
  .vcv-timeline-item:last-of-type::after {
    display: none;
  }
  .vcv-timeline-item.vcv-step-done::before {
    content: '';
    border-color:  var(--primaryColor);
    background:  var(--primaryColor) url("data:image/svg+xml,%0A%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Activation-Theme-to-Premium' transform='translate(-827.000000, -183.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Activation-02' transform='translate(342.000000, 172.000000)'%3E%3Cg id='Navigation' transform='translate(44.000000, 0.000000)'%3E%3Cg id='check' transform='translate(441.000000, 11.000000)'%3E%3Cpolygon id='Path' points='11.8606017 0 4.86058121 6.82615443 2.13952103 4.17292819 0 6.25973131 4.8606221 11 14 2.08684301'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: 40%;
  }
  .vcv-timeline-item.vcv-step-done::after {
    background:  var(--primaryColor);
  }
  @media screen and (max-width: 768px) {
    .vcv-timeline {
      margin-bottom: 50px;
    }
    .vcv-timeline-item {
      position: relative;
    }
    .vcv-timeline-item span {
      text-align: left;
      margin: 10px 0 0;
      position: absolute;
      top: 30px;
      width: 100%;
      left: 2px;
    }
    .vcv-timeline-item:last-of-type {
      flex: 0 0 auto;
      margin: 0 30px 0 0;
    }
    .vcv-timeline-item::before {
      margin: 0;
    }
    .vcv-timeline-item::after {
      flex: 0 1 auto;
    }
  }


   .choices.custom-choices.is-invalid[data-type*=select-one]::after
  {

    opacity:0;

  }
  
/*   
  body .choices__list--dropdown, .choices__list[aria-expanded]
  {
	    margin-top: -26px;  
	  
  } */
 
 
 
 .datepicker-days .disabled.day
 {
	 
	    opacity: 0.3; 
		cursor:not-allowed !important;
		  position: relative;

		
 }
 
  .datepicker-days .disabled.day:before {
 
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  
  -webkit-transform:rotate(320deg);
  -moz-transform:rotate(320deg);
  -ms-transform:rotate(320deg);
  -o-transform:rotate(320deg);
  transform:rotate(320deg);
  
  }
  
  
  
 
 .datepicker-days .day
 {
    font-family: 'PJ-Bold';	 
 }
 
 .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active
 {
	 
	background-color: var(--primary-color-dark) !important;
    border-color: var(--primary-color-dark) !important;
  
 }
 
 

 
 /* 
 .ui-timepicker-wrapper::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}

 
 .ui-timepicker-wrapper::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

 
 .ui-timepicker-wrapper::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color:#9397ad;
} */



  
.iti--allow-dropdown
{
	width:100%;
}

.iti--allow-dropdown .iti__flag-container
{
	    left: 4px;

}


 .iti__tel-input  { padding-left: 50px !important;}
 




.iti__country-list
{
    overflow: auto;
    height: 200px;
    background: #fff;
    border: 2px solid #f1f1f1;	
}


.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag
{
	background-color:inherit !important;
}

.intl-tel-input .selected-dial-code {
    margin-right: 10px; /* Adjust space between dial code and input */
}

.intl-tel-input .iti__selected-flag {
    padding: 10px; /* Adjust to align flag size or spacing */
}

.intl-tel-input input {
    padding-left: 48px; /* Adjust based on the space dial code takes */
}


.intl-tel-input .selected-dial-code,
.intl-tel-input input {
    vertical-align: middle; /* Ensure they align correctly */
    height: 40px; /* Example height, adjust as needed */
}

@media (max-width: 600px) {
    .intl-tel-input .selected-dial-code {
        margin-right: 5px; /* Less space on smaller screens */
    }
    .intl-tel-input input {
        padding-left: 36px; /* Adjust for smaller screens */
    }
}

.user_phone{padding-left:80px !important}

div.errorParent .iti__flag-container
{
	    height: 64px;
}

.iti__selected-dial-code
{
	padding-left: 5px;
}


.disableButton{   
   pointer-events: none;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
   user-select: none; /* Standard syntax */
   cursor:not-allowed !important;
}



.timeline-tabs .timeline-container {
  display: flex;
  position: relative;
  align-items: center;

}

.timeline-tabs .timeline-item {
  position: relative;
  flex-grow: 1;
  text-align: center;
}

.timeline-tabs .marker {
     font-size: 30px;
    font-weight: 400;
    line-height: 1.1;
  margin: 0 auto; /* Centers the marker */
  position: relative;
  z-index: 1; /* Ensures the marker is above the line */
}




  .timeline-tabs .timeline-item:first-child::before {
  left: 0;
}

.timeline-tabs .timeline-item:last-child::before {
  right: 0;
}

.timeline-tabs .timeline-item:nth-child(2)::before,
.timeline-tabs .timeline-item:nth-child(1)::after,
.timeline-tabs .timeline-item:nth-child(2)::after,
.timeline-tabs .timeline-item:nth-child(3)::before
{

  content: '';
  position: absolute;
  width: 50%; /* Half of the item's width */
  height: 3px;
      top: 14px;
  right: -11px;
}


.timeline-tabs .timeline-item:nth-child(2)::after,
.timeline-tabs .timeline-item:nth-child(3)::before
{

  left: -10px;
}

  .timeline-tabs .timeline-item::before,.timeline-tabs .timeline-item::after
  {
  background-color:rgb(188 188 188)

  }
  
  
  .timeline-tabs .timeline-item.inActive
  {

  color:rgb(188 188 188)
  }
  
  
    
  .timeline-tabs .timeline-item.active .marker i
  {
    
      color: var(--primaryColor);
  }
  
  .timeline-tabs .timeline-item.active .content
  {
    
          color: var(--dj-dark);
		      font-family: 'PJ-Medium';
  }
  
  
  
  .choices__list--dropdown.is-active .choices__item--disabled
  {
	  display:none;
  }
  
  
  
 
  .choices__list--dropdown.is-active
  {
	    border-radius: 5px;  
  }
  
  .choices__input
  {
      padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  
  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after
  {
	      font-size: 20px !important;
  }
  
  
/* .complete-end.active::after,
.complete-start.active::after,
.complete-x.active::after,
.complete-x.active::before
{    background-color: var(--primaryColor);}
 */


.complete-right.active::after,.complete-left.active::before
{
 background-color: var(--primaryColor);	
}

.active.menu-line.show::after{border-color:var(--primaryColor);	}

.hr-line{ border: 1px solid rgb(229 229 229);}

.is-invalid.is-open.is-focused .invalid-feedback.error
{
	display:none;
}


.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item,
.choices[data-type*=select-one] .choices__input
{
	padding-left: 20px;
}

.menu-line.view
{
	color:var(--primaryColor);
}

.menu-line-xs.view .content
{
		color:var(--primaryColor) !important;
}



.choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable,
.choices[data-type*=select-one] .choices__input
{
	    padding-left: 18px !important;
}

.inputParent input::placeholder,.inputParentValid input::placeholder{font-family: "PJ-medium", sans-serif !important;}


body .choices__list--dropdown,body .choices__list[aria-expanded]
{
top:0;	
}
body .choices.custom-choices[data-type*=select-one] .choices__input
{

padding-top: 21px !important;
    padding-bottom: 21px !important;
	
}

body  .is-open .choices__list--dropdown, body  .is-open .choices__list[aria-expanded]
{
    border: 2px solid #e5e5e5;	
	border-radius: var(--si-border-radius) !important;
}


.choices.is-open.is-focused .containerInner
{
visibility:hidden;
}	





/* 
.choices__list--dropdown.is-active::after,.custom-choices.choices[data-type*=select-one]::after
{
     right: 40.5px;
    margin-top: -17.5px;
    border: inherit;
	content: "\ebf7";
    font-family: boxicons !important;
    font-size: x-large;
	top: 34px;
	pointer-events: none;
	position: absolute;
	height: 0;
    width: 0; 
	opacity: 0.4;

}

.choices__list--dropdown.is-active::after
{
	opacity: 0.7 !important;	
} */


.px-40{padding-left:40px;padding-right:40px;}


.choices[data-type*=select-one]::after
{
	content: "\ebf7" !important;
    font-family: boxicons !important;
    font-size: x-large;
	margin-top: -18.5px !important;
	right: 40px !important;
	color:#e5e5e5 !important;
	border: inherit !important;

} 

.results_list li{margin: 8px;border-radius: 6px;}
.results_list{z-index: 9999;list-style: none;}
.results_list ul{    
    position: relative;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;margin-top: 0;padding-bottom: 0;padding-left: 0;top: -1px;}

#subcategory-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent */
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader-backdrop {
  text-align: center;
  color: #fff;
}

.loader-text {
  margin-top: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.landing-search .placeHolder_icon_main.selected2::after{display: none;}

ul.results_list::-webkit-scrollbar, .results_list ul::-webkit-scrollbar,
.custom-dropdown .dropdown-menu::-webkit-scrollbar
{
    width: 8px; /* Set the width of the scrollbar for vertical scroll */
    height: 8px; /* Set the height of the scrollbar for horizontal scroll */
}

ul.results_list::-webkit-scrollbar-track, .results_list ul::-webkit-scrollbar-track,
.custom-dropdown .dropdown-menu::-webkit-scrollbar-track{
    background: #f0f0f0; /* Set the background color of the scrollbar track */
}

ul.results_list::-webkit-scrollbar-thumb, .results_list ul::-webkit-scrollbar-thumb,
.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb{
    background-color: #888; /* Set the color of the scrollbar thumb */
    border-radius: 4px; /* Add rounded corners to the scrollbar thumb */
    border: 2px solid #f0f0f0; /* Add border to make the thumb look smaller */
}

ul.results_list::-webkit-scrollbar-thumb:hover, .results_list ul::-webkit-scrollbar-thumb:hover,
.custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover
{
    background-color: #858585; /* Darken the color when hovering over the scrollbar thumb */
}


/*  New Quote Form   */
.autocomplete-parent ul.results_list, .autocomplete-parent .results_list ul
{
border: 1px solid #cfcfcf;
z-index:1;
}
	

 .autocomplete-parent input[aria-expanded="true"] {
     border-bottom-left-radius:inherit !important;
     border-bottom-right-radius:inherit !important;
     border-bottom: 1px solid rgb(213 213 213);
}


.iti__selected-dial-code{font-family: 'PJ-SemiBold';}


.findSearch2::after{    
right: 14px;
position: absolute;
top: 14px;
content: "\ebf9" !important;
font-family: boxicons !important;
font-size:30px;
color: #e5e5e5 !important;
}











.multisteps-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  font-family: "PJ-semiBold", sans-serif;
}
.multisteps-form__progress-btn {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  padding-top: 40px;
  color:  var(--dj-gray);
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
}
@media (min-width: 500px) {
  .multisteps-form__progress-btn {
    text-indent: 0;
  }
}
.multisteps-form__progress-btn:before {

  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
    width: 25px;
    height: 25px;
    line-height: 22px;
  text-align: center; /* Center the check mark horizontally */
  border: 2px solid  var(--dj-gray); /* Use the text color for the border */
  border-radius: 50%;
  background-color:  var(--dj-gray); /* White background */
  color: #fff; /* Check mark color */
  box-sizing: border-box;
  z-index: 3;
  transform: translateX(-50%); /* Center the circle horizontally */
  left: 50%;
  font-size: 14px;
}


.multisteps-form__progress-btn:nth-child(1):before{
	content:"1"
}

.multisteps-form__progress-btn:nth-child(2):before{
	content:"2"
}

.multisteps-form__progress-btn:nth-child(3):before{
	content:"3"
}

.multisteps-form__progress-btn.multisteps-form__progress-btn.load:before {
	
 background-color:#fff;/* White background */	
  border: 2px solid  var(--primary-color-dark);
  color:var(--primary-color-dark);
}

.multisteps-form__progress-btn.multisteps-form__progress-btn.done:before {
	
  background-color: var(--primaryColor) ;/* White background */	
  border: 2px solid   var(--primaryColor);
  color:#fff;
  content: "\ea41";
  font-family: boxicons !important;
  font-weight: 800;
  font-size: 20px;
}

.multisteps-form__progress-btn.multisteps-form__progress-btn.done:after,
.multisteps-form__progress-btn.multisteps-form__progress-btn.js-active.load:after {
	 background-color: var(--primaryColor);
}

.multisteps-form__progress-btn.multisteps-form__progress-btn.done
{
color: var(--primary-color-dark);	
}


.multisteps-form__progress-btn:after {
  position: absolute;
  top: 11px;
  left: calc(-50% - 13px / 2);
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background-color:  var(--dj-gray);
  z-index: 1;
}
.multisteps-form__progress-btn:first-child:after {
  display: none;
}
.multisteps-form__progress-btn.js-active {
   color: var(--primary-color-dark);
}
.multisteps-form__progress-btn.js-active:before {
  -webkit-transform: translateX(-50%) scale(1.2);
          transform: translateX(-50%) scale(1.2);
  background-color:  var(--dj-gray);
}
.multisteps-form__form {
  position: relative;
}
.multisteps-form__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.multisteps-form__panel.js-active {
  height: auto;
  opacity: 1;
  visibility: visible;
}


.multisteps-form__panel[data-animation="scaleIn"] {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.multisteps-form__panel[data-animation="scaleIn"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
}



.ui-timepicker-wrapper .ui-timepicker-list li
{
    padding: 8px;
    font-family: 'PJ-SemiBold';
}


li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover
{
	 background:var(--primaryColor) !important;
	
}


.ui-timepicker-wrapper::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.ui-timepicker-wrapper {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.ui-timepicker-wrapper
{
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}


.ui-timepicker-list
{
   -webkit-transition: width 2s;
    -moz-transition: width 2s;
    -o-transition: width 2s;
    transition: width 2s;
	
	display:none;
}

.errorParent.open  .error.invalid-feedback {display:none !important;}
.fs20{font-size: 20px;}

.autocomplete.search input{
     height: 80px;
	 font-size:20px;
	 font-family: 'PJ-SemiBold';
}
.autocomplete.search input::placeholder, .custom-focus-form::placeholder{
     font-size:18px;
	 font-family: 'PJ-medium';
}
.autocomplete.search input:focus{
     box-shadow: none;
}
.autocomplete.search button{
     top: 8px;
     right: 8px;
}
.error.invalid-feedback {
     text-align:left;
}

.btn-trust i
{
  color:rgba(0, 182, 122, 1);
}

.btn-trust:hover
{
	color: var(--dj-dark) !important;
	cursor:default;
}

.btn-trust:active
{
border: inherit;	
}


.pasteSubCategory  .radio .radio-label span,.additionalInputs-row .radio .radio-label span{  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 20px;
 }
 


.datepicker-days .old.day,.datepicker-days .new.day
{
	color: #f2f2f2;
	pointer-events:none;
	cursor: default;
}

.datepicker-days .old.day:hover,.datepicker-days .new.day:hover{
	cursor: default;
	background: #eee0 !important;
}
.autocomplete.search input
{
padding-right: 50px;
}



.errorParent input[name='more_services_items'].is-invalid~.form-check-label
{
	color: var(--dj-dark);
}

.custom-dropdown .dropdown-item:hover, .custom-dropdown .dropdown-item:focus,  .custom-dropdown .dropdown-menu li:hover>.dropdown-item
{
  color: var(--primary-color-dark);
  
}

.paste_more_services_items .col-lg-6:last-child .checkbox 
{
    margin-bottom: 0 !important;
}



 /* Custom input style for the dropdown toggle */
        .custom-dropdown input {
            padding: 10px;
      /*       border: 1px solid #ccc; */
            border-radius: 5px;
            font-size: 16px;
            width: 100%;
            cursor: pointer;
            text-align: left;
        }

        /* Custom styling for dropdown menu */
        .custom-dropdown .dropdown-menu {
            max-height: 200px;
            overflow-y: auto;
        }


.custom-dropdown .dropdown-menu li a:after,
.additionalInputs .results_list li:after,
.startAddressParent .results_list li:after
{
    content: 'Select';
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    z-index: 999;
    /* margin-top: -2px; */
    display: inline-block;
    vertical-align: top;
    background-size: 34px;
    position: absolute;
    border: 1px solid transparent;
    right: 10px;
    color: #ffffff;
    font-size: 12px;
    background: var(--secondaryColor);
    padding: 3px 6px;
    border-radius: 3px;
}

#resultsContainer1.results_list li:after{display: none;}

div::webkit-contacts-auto-fill-button{
    display: none !important; 
}

.additionalInputs .results_list li,
.startAddressParent .results_list li{
	
	    padding-top: .5rem !important;
        padding-bottom: .5rem !important;
		padding-right: 3rem !important;
        padding-left: 1rem !important;
		font-weight: 400 !important;
		    font-size: 1.125rem !important;
			background:#fff;
			    font-family: "PJ-SemiBold", sans-serif;
				cursor: pointer;
				color: var(--dj-dark);
				
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
} 

.startAddressParent .results_list li{
    padding: 0 !important;
}


input[name="email"]::placeholder{text-transform: math-auto;}
input[name="email"]::-webkit-input-placeholder{text-transform: capitalize;}
input[name="email"]::-moz-placeholder{text-transform:capitalize;}


input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
height: 0;
width: 0;
margin: 0;
}

.paste_more_services_next{
	cursor:pointer;
	
}
.paste_more_services_next:hover
{
    color: var(--primaryColor);
}

.select_div
{
     font-size: 14px;
     background: var(--secondaryColor);	
     color: #ffffff;
	  padding: 3px 6px;
    border-radius: 3px;
	    font-style: normal;
		    font-weight: normal;
            /* display: none; */
}

.autocomplete-parent ul li:hover
{

    background: var(--primary-color-light) !important;
    color: var(--primary-color-dark);
	
}


input,label,.placeHolderIcon
{
	
	transition: background 1s, border-bottom 0.5s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
	-webkit-transition: all .5s;
    -o-transition: all .35s;
    transition: all .5s;
}


.multisteps-form__progress,.multisteps-form__progress button
{
	cursor:default !important;
}


.autocomplete-parent ul li:hover .select_div
{
	    color: #ffffff;
}


.autocomplete-parent ul li:hover div,.custom-dropdown ul li:hover
{

   background: var(--primary-color-light) !important;
      color: var(--primary-color-dark);
      border-radius: 6px;
	
}

.custom-dropdown ul li:hover::after
{
color: var(--dj-dark);	

}


body .custom-dropdown ul li:hover a.dropdown-item
{
color: var(--primary-color-dark) !important;
background:transparent !important;	
-webkit-text-fill-color: inherit !important;
}



.autocomplete-parent ul li:hover div mark
{
     color: var(--primary-color-dark);
}

#more_information_selection .form-check-input.is-invalid~.form-check-label,
#location_type_selection .form-check-input.is-invalid~.form-check-label,
.pasteSubCategory  .form-check-input.is-invalid~.form-check-label,
.additionalInputs-row  .form-check-input.is-invalid~.form-check-label
{
  color: var(--dj-dark);	
}

.ui-timepicker-list li:after {
    content: 'Select';
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    z-index: 999;
    margin-top: -2px;
    display: inline-block;
    vertical-align: top;
    background-size: 34px;
    position: absolute;
    border: 1px solid transparent;
    right: 10px;
    color: #000000;
    font-size: 12px;
    background: #efefef;
    padding: 3px 6px;
    border-radius: 3px;
}





.iti--allow-dropdown {
    width: 100% !important;
    margin-bottom: 15px;
}

.iti__country {
    padding: 5px !important;
    min-height: 64px;
}

.iti__country.iti__highlight {
    background-color: rgb(0 0 0 / 10%) !important;
}

.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input[type=tel] {
    padding-right: 70px !important;
    padding-left: 100px !important;
}


.iti--allow-dropdown input.iti__search-input:focus-visible,.iti__selected-flag:focus-visible{
outline: none !important;
}

.iti--inline-dropdown
{
margin-bottom:0 !important;	
}


.form-control:focus,.form-control
{
    color: var(--dj-dark);	
}


.lheight-inherit
{
	line-height:inherit;
}

@media (min-width: 768px) {

    .iti__country-list {
        max-height: 270px !important;
        z-index: 5;
    }

}

.iti__arrow--up {
    border-bottom: 5px solid #555 !important;
}

.iti__arrow {
    margin-left: -6px !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
}

.iti__flag {
    background-image: url('https://cdn.mobotcms.com/apply-form/img/flags.png') !important;
}

.iti__flag-box {
    width: 68px !important;
}

.iti__country-name {
    font-size: 20px !important;
    max-width: 343px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    position: relative !important;
    overflow: hidden !important;
}

.iti__flag {
    width: 80px !important;
    transform: scale(0.54) !important;
}

.iti__flag.iti__be {
    width: 69px !important;
}

.iti__flag.iti__ch {
    width: 60px !important;
}

.iti__flag.iti__mc {
    width: 75px !important;
}

.iti__flag.iti__ne {
    width: 70px !important;
}

.iti__flag.iti__np {
    width: 49px !important;
}

.iti__flag.iti__va {
    width: 60px !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution:192dpi) {
    .iti__flag {
        background-size: 21057px 60px !important;
    }
}

.iti__flag.iti__ac {
    height: 40px !important;
    background-position: 0 0 !important;
}

.iti__flag.iti__ad {
    height: 56px !important;
    background-position: -82px 0 !important;
}

.iti__flag.iti__ae {
    height: 40px !important;
    background-position: -164px 0 !important;
}

.iti__flag.iti__af {
    height: 54px !important;
    background-position: -246px 0 !important;
}

.iti__flag.iti__ag {
    height: 54px !important;
    background-position: -328px 0 !important;
}

.iti__flag.iti__ai {
    height: 40px !important;
    background-position: -410px 0 !important;
}

.iti__flag.iti__al {
    height: 57px !important;
    background-position: -492px 0 !important;
}

.iti__flag.iti__am {
    height: 40px !important;
    background-position: -574px 0 !important;
}

.iti__flag.iti__ao {
    height: 54px !important;
    background-position: -656px 0 !important;
}

.iti__flag.iti__aq {
    height: 54px !important;
    background-position: -738px 0 !important;
}

.iti__flag.iti__ar {
    height: 50px !important;
    background-position: -820px 0 !important;
}

.iti__flag.iti__as {
    height: 40px !important;
    background-position: -902px 0 !important;
}

.iti__flag.iti__at {
    height: 54px !important;
    background-position: -984px 0 !important;
}

.iti__flag.iti__au {
    height: 40px !important;
    background-position: -1066px 0 !important;
}

.iti__flag.iti__aw {
    height: 54px !important;
    background-position: -1148px 0 !important;
}

.iti__flag.iti__ax {
    height: 53px !important;
    background-position: -1230px 0 !important;
}

.iti__flag.iti__az {
    height: 40px !important;
    background-position: -1312px 0 !important;
}

.iti__flag.iti__ba {
    height: 40px !important;
    background-position: -1394px 0 !important;
}

.iti__flag.iti__bb {
    height: 54px !important;
    background-position: -1476px 0 !important;
}

.iti__flag.iti__bd {
    height: 48px !important;
    background-position: -1558px 0 !important;
}

.iti__flag.iti__be {
    height: 60px !important;
    background-position: -1640px 0 !important;
}

.iti__flag.iti__bf {
    height: 54px !important;
    background-position: -1711px 0 !important;
}

.iti__flag.iti__bg {
    height: 48px !important;
    background-position: -1793px 0 !important;
}

.iti__flag.iti__bh {
    height: 48px !important;
    background-position: -1875px 0 !important;
}

.iti__flag.iti__bi {
    height: 48px !important;
    background-position: -1957px 0 !important;
}

.iti__flag.iti__bj {
    height: 54px !important;
    background-position: -2039px 0 !important;
}

.iti__flag.iti__bl {
    height: 54px !important;
    background-position: -2121px 0 !important;
}

.iti__flag.iti__bm {
    height: 40px !important;
    background-position: -2203px 0 !important;
}

.iti__flag.iti__bn {
    height: 40px !important;
    background-position: -2285px 0 !important;
}

.iti__flag.iti__bo {
    height: 55px !important;
    background-position: -2367px 0 !important;
}

.iti__flag.iti__bq {
    height: 54px !important;
    background-position: -2449px 0 !important;
}

.iti__flag.iti__br {
    height: 56px !important;
    background-position: -2531px 0 !important;
}

.iti__flag.iti__bs {
    height: 40px !important;
    background-position: -2613px 0 !important;
}

.iti__flag.iti__bt {
    height: 54px !important;
    background-position: -2695px 0 !important;
}

.iti__flag.iti__bv {
    height: 58px !important;
    background-position: -2777px 0 !important;
}

.iti__flag.iti__bw {
    height: 54px !important;
    background-position: -2859px 0 !important;
}

.iti__flag.iti__by {
    height: 40px !important;
    background-position: -2941px 0 !important;
}

.iti__flag.iti__bz {
    height: 54px !important;
    background-position: -3023px 0 !important;
}

.iti__flag.iti__ca {
    height: 40px !important;
    background-position: -3105px 0 !important;
}

.iti__flag.iti__cc {
    height: 40px !important;
    background-position: -3187px 0 !important;
}

.iti__flag.iti__cd {
    height: 60px !important;
    background-position: -3269px 0 !important;
}

.iti__flag.iti__cf {
    height: 54px !important;
    background-position: -3351px 0 !important;
}

.iti__flag.iti__cg {
    height: 54px !important;
    background-position: -3433px 0 !important;
}

.iti__flag.iti__ch {
    height: 60px !important;
    background-position: -3515px 0 !important;
}

.iti__flag.iti__ci {
    height: 54px !important;
    background-position: -3577px 0 !important;
}

.iti__flag.iti__ck {
    height: 40px !important;
    background-position: -3659px 0 !important;
}

.iti__flag.iti__cl {
    height: 54px !important;
    background-position: -3741px 0 !important;
}

.iti__flag.iti__cm {
    height: 54px !important;
    background-position: -3823px 0 !important;
}

.iti__flag.iti__cn {
    height: 54px !important;
    background-position: -3905px 0 !important;
}

.iti__flag.iti__co {
    height: 54px !important;
    background-position: -3987px 0 !important;
}

.iti__flag.iti__cp {
    height: 54px !important;
    background-position: -4069px 0 !important;
}

.iti__flag.iti__cr {
    height: 48px !important;
    background-position: -4151px 0 !important;
}

.iti__flag.iti__cu {
    height: 40px !important;
    background-position: -4233px 0 !important;
}

.iti__flag.iti__cv {
    height: 47px !important;
    background-position: -4315px 0 !important;
}

.iti__flag.iti__cw {
    height: 54px !important;
    background-position: -4397px 0 !important;
}

.iti__flag.iti__cx {
    height: 40px !important;
    background-position: -4479px 0 !important;
}

.iti__flag.iti__cy {
    height: 54px !important;
    background-position: -4561px 0 !important;
}

.iti__flag.iti__cz {
    height: 54px !important;
    background-position: -4643px 0 !important;
}

.iti__flag.iti__de {
    height: 48px !important;
    background-position: -4725px 0 !important;
}

.iti__flag.iti__dg {
    height: 40px !important;
    background-position: -4807px 0 !important;
}

.iti__flag.iti__dj {
    height: 54px !important;
    background-position: -4889px 0 !important;
}

.iti__flag.iti__dk {
    height: 60px !important;
    background-position: -4971px 0 !important;
}

.iti__flag.iti__dm {
    height: 40px !important;
    background-position: -5053px 0 !important;
}

.iti__flag.iti__do {
    height: 54px !important;
    background-position: -5135px 0 !important;
}

.iti__flag.iti__dz {
    height: 54px !important;
    background-position: -5217px 0 !important;
}

.iti__flag.iti__ea {
    height: 54px !important;
    background-position: -5299px 0 !important;
}

.iti__flag.iti__ec {
    height: 54px !important;
    background-position: -5381px 0 !important;
}

.iti__flag.iti__ee {
    height: 51px !important;
    background-position: -5463px 0 !important;
}

.iti__flag.iti__eg {
    height: 54px !important;
    background-position: -5545px 0 !important;
}

.iti__flag.iti__eh {
    height: 40px !important;
    background-position: -5627px 0 !important;
}

.iti__flag.iti__er {
    height: 40px !important;
    background-position: -5709px 0 !important;
}

.iti__flag.iti__es {
    height: 54px !important;
    background-position: -5791px 0 !important;
}

.iti__flag.iti__et {
    height: 40px !important;
    background-position: -5873px 0 !important;
}

.iti__flag.iti__eu {
    height: 54px !important;
    background-position: -5955px 0 !important;
}

.iti__flag.iti__fi {
    height: 49px !important;
    background-position: -6037px 0 !important;
}

.iti__flag.iti__fj {
    height: 40px !important;
    background-position: -6119px 0 !important;
}

.iti__flag.iti__fk {
    height: 40px !important;
    background-position: -6201px 0 !important;
}

.iti__flag.iti__fm {
    height: 42px !important;
    background-position: -6283px 0 !important;
}

.iti__flag.iti__fo {
    height: 58px !important;
    background-position: -6365px 0 !important;
}

.iti__flag.iti__fr {
    height: 54px !important;
    background-position: -6447px 0 !important;
}

.iti__flag.iti__ga {
    height: 60px !important;
    background-position: -6529px 0 !important;
}

.iti__flag.iti__gb {
    height: 40px !important;
    background-position: -6611px 0 !important;
}

.iti__flag.iti__gd {
    height: 48px !important;
    background-position: -6693px 0 !important;
}

.iti__flag.iti__ge {
    height: 54px !important;
    background-position: -6775px 0 !important;
}

.iti__flag.iti__gf {
    height: 54px !important;
    background-position: -6857px 0 !important;
}

.iti__flag.iti__gg {
    height: 54px !important;
    background-position: -6939px 0 !important;
}

.iti__flag.iti__gh {
    height: 54px !important;
    background-position: -7021px 0 !important;
}

.iti__flag.iti__gi {
    height: 40px !important;
    background-position: -7103px 0 !important;
}

.iti__flag.iti__gl {
    height: 54px !important;
    background-position: -7185px 0 !important;
}

.iti__flag.iti__gm {
    height: 54px !important;
    background-position: -7267px 0 !important;
}

.iti__flag.iti__gn {
    height: 54px !important;
    background-position: -7349px 0 !important;
}

.iti__flag.iti__gp {
    height: 54px !important;
    background-position: -7431px 0 !important;
}

.iti__flag.iti__gq {
    height: 54px !important;
    background-position: -7513px 0 !important;
}

.iti__flag.iti__gr {
    height: 54px !important;
    background-position: -7595px 0 !important;
}

.iti__flag.iti__gs {
    height: 40px !important;
    background-position: -7677px 0 !important;
}

.iti__flag.iti__gt {
    height: 50px !important;
    background-position: -7759px 0 !important;
}

.iti__flag.iti__gu {
    height: 43px !important;
    background-position: -7841px 0 !important;
}

.iti__flag.iti__gw {
    height: 40px !important;
    background-position: -7923px 0 !important;
}

.iti__flag.iti__gy {
    height: 48px !important;
    background-position: -8005px 0 !important;
}

.iti__flag.iti__hk {
    height: 54px !important;
    background-position: -8087px 0 !important;
}

.iti__flag.iti__hm {
    height: 40px !important;
    background-position: -8169px 0 !important;
}

.iti__flag.iti__hn {
    height: 40px !important;
    background-position: -8251px 0 !important;
}

.iti__flag.iti__hr {
    height: 40px !important;
    background-position: -8333px 0 !important;
}

.iti__flag.iti__ht {
    height: 48px !important;
    background-position: -8415px 0 !important;
}

.iti__flag.iti__hu {
    height: 40px !important;
    background-position: -8497px 0 !important;
}

.iti__flag.iti__ic {
    height: 54px !important;
    background-position: -8579px 0 !important;
}

.iti__flag.iti__id {
    height: 54px !important;
    background-position: -8661px 0 !important;
}

.iti__flag.iti__ie {
    height: 40px !important;
    background-position: -8743px 0 !important;
}

.iti__flag.iti__il {
    height: 58px !important;
    background-position: -8825px 0 !important;
}

.iti__flag.iti__im {
    height: 40px !important;
    background-position: -8907px 0 !important;
}

.iti__flag.iti__in {
    height: 54px !important;
    background-position: -8989px 0 !important;
}

.iti__flag.iti__io {
    height: 40px !important;
    background-position: -9071px 0 !important;
}

.iti__flag.iti__iq {
    height: 54px !important;
    background-position: -9153px 0 !important;
}

.iti__flag.iti__ir {
    height: 46px !important;
    background-position: -9235px 0 !important;
}

.iti__flag.iti__is {
    height: 58px !important;
    background-position: -9317px 0 !important;
}

.iti__flag.iti__it {
    height: 54px !important;
    background-position: -9399px 0 !important;
}

.iti__flag.iti__je {
    height: 48px !important;
    background-position: -9481px 0 !important;
}

.iti__flag.iti__jm {
    height: 40px !important;
    background-position: -9563px 0 !important;
}

.iti__flag.iti__jo {
    height: 40px !important;
    background-position: -9645px 0 !important;
}

.iti__flag.iti__jp {
    height: 54px !important;
    background-position: -9727px 0 !important;
}

.iti__flag.iti__ke {
    height: 54px !important;
    background-position: -9809px 0 !important;
}

.iti__flag.iti__kg {
    height: 48px !important;
    background-position: -9891px 0 !important;
}

.iti__flag.iti__kh {
    height: 51px !important;
    background-position: -9973px 0 !important;
}

.iti__flag.iti__ki {
    height: 40px !important;
    background-position: -10055px 0 !important;
}

.iti__flag.iti__km {
    height: 48px !important;
    background-position: -10137px 0 !important;
}

.iti__flag.iti__kn {
    height: 54px !important;
    background-position: -10219px 0 !important;
}

.iti__flag.iti__kp {
    height: 40px !important;
    background-position: -10301px 0 !important;
}

.iti__flag.iti__kr {
    height: 54px !important;
    background-position: -10383px 0 !important;
}

.iti__flag.iti__kw {
    height: 40px !important;
    background-position: -10465px 0 !important;
}

.iti__flag.iti__ky {
    height: 40px !important;
    background-position: -10547px 0 !important;
}

.iti__flag.iti__kz {
    height: 40px !important;
    background-position: -10629px 0 !important;
}

.iti__flag.iti__la {
    height: 54px !important;
    background-position: -10711px 0 !important;
}

.iti__flag.iti__lb {
    height: 54px !important;
    background-position: -10793px 0 !important;
}

.iti__flag.iti__lc {
    height: 40px !important;
    background-position: -10875px 0 !important;
}

.iti__flag.iti__li {
    height: 48px !important;
    background-position: -10957px 0 !important;
}

.iti__flag.iti__lk {
    height: 40px !important;
    background-position: -11039px 0 !important;
}

.iti__flag.iti__lr {
    height: 42px !important;
    background-position: -11121px 0 !important;
}

.iti__flag.iti__ls {
    height: 54px !important;
    background-position: -11203px 0 !important;
}

.iti__flag.iti__lt {
    height: 48px !important;
    background-position: -11285px 0 !important;
}

.iti__flag.iti__lu {
    height: 48px !important;
    background-position: -11367px 0 !important;
}

.iti__flag.iti__lv {
    height: 40px !important;
    background-position: -11449px 0 !important;
}

.iti__flag.iti__ly {
    height: 40px !important;
    background-position: -11531px 0 !important;
}

.iti__flag.iti__ma {
    height: 54px !important;
    background-position: -11613px 0 !important;
}

.iti__flag.iti__mc {
    height: 60px !important;
    background-position: -11695px 0 !important;
}

.iti__flag.iti__md {
    height: 40px !important;
    background-position: -11772px 0 !important;
}

.iti__flag.iti__me {
    height: 40px !important;
    background-position: -11854px 0 !important;
}

.iti__flag.iti__mf {
    height: 54px !important;
    background-position: -11936px 0 !important;
}

.iti__flag.iti__mg {
    height: 54px !important;
    background-position: -12018px 0 !important;
}

.iti__flag.iti__mh {
    height: 42px !important;
    background-position: -12100px 0 !important;
}

.iti__flag.iti__mk {
    height: 40px !important;
    background-position: -12182px 0 !important;
}

.iti__flag.iti__ml {
    height: 54px !important;
    background-position: -12264px 0 !important;
}

.iti__flag.iti__mm {
    height: 54px !important;
    background-position: -12346px 0 !important;
}

.iti__flag.iti__mn {
    height: 40px !important;
    background-position: -12428px 0 !important;
}

.iti__flag.iti__mo {
    height: 54px !important;
    background-position: -12510px 0 !important;
}

.iti__flag.iti__mp {
    height: 40px !important;
    background-position: -12592px 0 !important;
}

.iti__flag.iti__mq {
    height: 53px !important;
    background-position: -12674px 0 !important;
}

.iti__flag.iti__mr {
    height: 54px !important;
    background-position: -12756px 0 !important;
}

.iti__flag.iti__ms {
    height: 40px !important;
    background-position: -12838px 0 !important;
}

.iti__flag.iti__mt {
    height: 54px !important;
    background-position: -12920px 0 !important;
}

.iti__flag.iti__mu {
    height: 54px !important;
    background-position: -13002px 0 !important;
}

.iti__flag.iti__mv {
    height: 54px !important;
    background-position: -13084px 0 !important;
}

.iti__flag.iti__mw {
    height: 54px !important;
    background-position: -13166px 0 !important;
}

.iti__flag.iti__mx {
    height: 46px !important;
    background-position: -13248px 0 !important;
}

.iti__flag.iti__my {
    height: 40px !important;
    background-position: -13330px 0 !important;
}

.iti__flag.iti__mz {
    height: 54px !important;
    background-position: -13412px 0 !important;
}

.iti__flag.iti__na {
    height: 54px !important;
    background-position: -13494px 0 !important;
}

.iti__flag.iti__nc {
    height: 40px !important;
    background-position: -13576px 0 !important;
}

.iti__flag.iti__ne {
    height: 60px !important;
    background-position: -13658px 0 !important;
}

.iti__flag.iti__nf {
    height: 40px !important;
    background-position: -13730px 0 !important;
}

.iti__flag.iti__ng {
    height: 40px !important;
    background-position: -13812px 0 !important;
}

.iti__flag.iti__ni {
    height: 48px !important;
    background-position: -13894px 0 !important;
}

.iti__flag.iti__nl {
    height: 54px !important;
    background-position: -13976px 0 !important;
}

.iti__flag.iti__no {
    height: 58px !important;
    background-position: -14058px 0 !important;
}

.iti__flag.iti__np {
    height: 60px !important;
    background-position: -14140px 0 !important;
}

.iti__flag.iti__nr {
    height: 40px !important;
    background-position: -14191px 0 !important;
}

.iti__flag.iti__nu {
    height: 40px !important;
    background-position: -14273px 0 !important;
}

.iti__flag.iti__nz {
    height: 40px !important;
    background-position: -14355px 0 !important;
}

.iti__flag.iti__om {
    height: 40px !important;
    background-position: -14437px 0 !important;
}

.iti__flag.iti__pa {
    height: 54px !important;
    background-position: -14519px 0 !important;
}

.iti__flag.iti__pe {
    height: 54px !important;
    background-position: -14601px 0 !important;
}

.iti__flag.iti__pf {
    height: 54px !important;
    background-position: -14683px 0 !important;
}

.iti__flag.iti__pg {
    height: 60px !important;
    background-position: -14765px 0 !important;
}

.iti__flag.iti__ph {
    height: 40px !important;
    background-position: -14847px 0 !important;
}

.iti__flag.iti__pk {
    height: 54px !important;
    background-position: -14929px 0 !important;
}

.iti__flag.iti__pl {
    height: 50px !important;
    background-position: -15011px 0 !important;
}

.iti__flag.iti__pm {
    height: 54px !important;
    background-position: -15093px 0 !important;
}

.iti__flag.iti__pn {
    height: 40px !important;
    background-position: -15175px 0 !important;
}

.iti__flag.iti__pr {
    height: 54px !important;
    background-position: -15257px 0 !important;
}

.iti__flag.iti__ps {
    height: 40px !important;
    background-position: -15339px 0 !important;
}

.iti__flag.iti__pt {
    height: 54px !important;
    background-position: -15421px 0 !important;
}

.iti__flag.iti__pw {
    height: 50px !important;
    background-position: -15503px 0 !important;
}

.iti__flag.iti__py {
    height: 44px !important;
    background-position: -15585px 0 !important;
}

.iti__flag.iti__qa {
    height: 32px !important;
    background-position: -15667px 0 !important;
}

.iti__flag.iti__re {
    height: 54px !important;
    background-position: -15749px 0 !important;
}

.iti__flag.iti__ro {
    height: 54px !important;
    background-position: -15831px 0 !important;
}

.iti__flag.iti__rs {
    height: 54px !important;
    background-position: -15913px 0 !important;
}

.iti__flag.iti__ru {
    height: 54px !important;
    background-position: -15995px 0 !important;
}

.iti__flag.iti__rw {
    height: 54px !important;
    background-position: -16077px 0 !important;
}

.iti__flag.iti__sa {
    height: 54px !important;
    background-position: -16159px 0 !important;
}

.iti__flag.iti__sb {
    height: 40px !important;
    background-position: -16241px 0 !important;
}

.iti__flag.iti__sc {
    height: 40px !important;
    background-position: -16323px 0 !important;
}

.iti__flag.iti__sd {
    height: 40px !important;
    background-position: -16405px 0 !important;
}

.iti__flag.iti__se {
    height: 50px !important;
    background-position: -16487px 0 !important;
}

.iti__flag.iti__sg {
    height: 54px !important;
    background-position: -16569px 0 !important;
}

.iti__flag.iti__sh {
    height: 40px !important;
    background-position: -16651px 0 !important;
}

.iti__flag.iti__si {
    height: 40px !important;
    background-position: -16733px 0 !important;
}

.iti__flag.iti__sj {
    height: 58px !important;
    background-position: -16815px 0 !important;
}

.iti__flag.iti__sk {
    height: 54px !important;
    background-position: -16897px 0 !important;
}

.iti__flag.iti__sl {
    height: 54px !important;
    background-position: -16979px 0 !important;
}

.iti__flag.iti__sm {
    height: 60px !important;
    background-position: -17061px 0 !important;
}

.iti__flag.iti__sn {
    height: 54px !important;
    background-position: -17143px 0 !important;
}

.iti__flag.iti__so {
    height: 54px !important;
    background-position: -17225px 0 !important;
}

.iti__flag.iti__sr {
    height: 54px !important;
    background-position: -17307px 0 !important;
}

.iti__flag.iti__ss {
    height: 40px !important;
    background-position: -17389px 0 !important;
}

.iti__flag.iti__st {
    height: 40px !important;
    background-position: -17471px 0 !important;
}

.iti__flag.iti__sv {
    height: 45px !important;
    background-position: -17553px 0 !important;
}

.iti__flag.iti__sx {
    height: 54px !important;
    background-position: -17635px 0 !important;
}

.iti__flag.iti__sy {
    height: 54px !important;
    background-position: -17717px 0 !important;
}

.iti__flag.iti__sz {
    height: 54px !important;
    background-position: -17799px 0 !important;
}

.iti__flag.iti__ta {
    height: 40px !important;
    background-position: -17881px 0 !important;
}

.iti__flag.iti__tc {
    height: 40px !important;
    background-position: -17963px 0 !important;
}

.iti__flag.iti__td {
    height: 54px !important;
    background-position: -18045px 0 !important;
}

.iti__flag.iti__tf {
    height: 54px !important;
    background-position: -18127px 0 !important;
}

.iti__flag.iti__tg {
    height: 50px !important;
    background-position: -18209px 0 !important;
}

.iti__flag.iti__th {
    height: 54px !important;
    background-position: -18291px 0 !important;
}

.iti__flag.iti__tj {
    height: 40px !important;
    background-position: -18373px 0 !important;
}

.iti__flag.iti__tk {
    height: 40px !important;
    background-position: -18455px 0 !important;
}

.iti__flag.iti__tl {
    height: 40px !important;
    background-position: -18537px 0 !important;
}

.iti__flag.iti__tm {
    height: 54px !important;
    background-position: -18619px 0 !important;
}

.iti__flag.iti__tn {
    height: 54px !important;
    background-position: -18701px 0 !important;
}

.iti__flag.iti__to {
    height: 40px !important;
    background-position: -18783px 0 !important;
}

.iti__flag.iti__tr {
    height: 54px !important;
    background-position: -18865px 0 !important;
}

.iti__flag.iti__tt {
    height: 48px !important;
    background-position: -18947px 0 !important;
}

.iti__flag.iti__tv {
    height: 40px !important;
    background-position: -19029px 0 !important;
}

.iti__flag.iti__tw {
    height: 54px !important;
    background-position: -19111px 0 !important;
}

.iti__flag.iti__tz {
    height: 54px !important;
    background-position: -19193px 0 !important;
}

.iti__flag.iti__ua {
    height: 54px !important;
    background-position: -19275px 0 !important;
}

.iti__flag.iti__ug {
    height: 54px !important;
    background-position: -19357px 0 !important;
}

.iti__flag.iti__um {
    height: 42px !important;
    background-position: -19439px 0 !important;
}

.iti__flag.iti__un {
    height: 54px !important;
    background-position: -19521px 0 !important;
}

.iti__flag.iti__us {
    height: 29px !important;
    background-position: -19603px 0 !important;
}

.iti__flag.iti__uy {
    height: 54px !important;
    background-position: -19685px 0 !important;
}

.iti__flag.iti__uz {
    height: 40px !important;
    background-position: -19767px 0 !important;
}

.iti__flag.iti__va {
    height: 60px !important;
    background-position: -19849px 0 !important;
}

.iti__flag.iti__vc {
    height: 54px !important;
    background-position: -19911px 0 !important;
}

.iti__flag.iti__ve {
    height: 54px !important;
    background-position: -19993px 0 !important;
}

.iti__flag.iti__vg {
    height: 40px !important;
    background-position: -20075px 0 !important;
}

.iti__flag.iti__vi {
    height: 54px !important;
    background-position: -20157px 0 !important;
}

.iti__flag.iti__vn {
    height: 54px !important;
    background-position: -20239px 0 !important;
}

.iti__flag.iti__vu {
    height: 48px !important;
    background-position: -20321px 0 !important;
}

.iti__flag.iti__wf {
    height: 54px !important;
    background-position: -20403px 0 !important;
}

.iti__flag.iti__ws {
    height: 40px !important;
    background-position: -20485px 0 !important;
}

.iti__flag.iti__xk {
    height: 57px !important;
    background-position: -20567px 0 !important;
}

.iti__flag.iti__ye {
    height: 54px !important;
    background-position: -20649px 0 !important;
}

.iti__flag.iti__yt {
    height: 54px !important;
    background-position: -20731px 0 !important;
}

.iti__flag.iti__za {
    height: 54px !important;
    background-position: -20813px 0 !important;
}

.iti__flag.iti__zm {
    height: 54px !important;
    background-position: -20895px 0 !important;
}

.iti__flag.iti__zw {
    height: 40px !important;
    background-position: -20977px 0 !important;
}

@media (max-width: 768px) {

    .iti__selected-flag {
        padding: 0 !important;
    }

    .iti__flag {
        transform: scale(0.4) !important;
    }

    .iti__arrow {
        margin-left: -10px !important;
    }

    .iti--allow-dropdown input.iti__tel-input,
    .iti--allow-dropdown input[type=tel] {
        padding-left: 95px !important;
    }

}

.iti__selected-flag{padding:0 !important}

.header_trustpilot{display:none;}


.landing-search .autocomplete-parent::before
{
	content: '\ebf8';
    font-family: 'boxicons';
    font-size: 25px;
    margin-left: 10px;
    color: #b0b0b0;
    position: absolute;
    left: 15px;
    z-index: 222;
    line-height: 92px;
} 

.placeHolderIcon
{
    position: relative;
	
}

.placeHolderIcon::after
{
    font-family: 'Font Awesome 6 Free';
    font-size: 25px;
    margin-left: 10px;
    color: var(--dj-dark);
	opacity: 0.25;
    position: absolute;
    right: 0;
    /*  z-index: 222; */
    padding: 13px 20px;
    border-radius: 0px 6px 6px 0px;
    top: 0;
	font-weight: 900; 
}
.radio .placeHolderIcon::after{
    padding: 12px 20px;
    border-radius: 0px 3px 3px 0px;
}
#formDateLocation .selected2 .border-primary-quote-theme, #formYourDetails .selected2 .border-primary-quote-theme{border: 2px solid var(--secondaryColor);}


.placeHolder_icon_main.userIcon::after
{
	content: '\f007';
}
.placeHolder_icon_main.emailIcon::after
{
	content: '\f0e0';
}
.placeHolder_icon_main.dateIcon::after
{
	content: '\f073';
}
.placeHolder_icon_main.timeIcon::after
{
	content: '\f017';
}


.placeHolder_icon_main.postcodeIcon::after
{
	content: "\f3c5";
}


.placeHolder_icon_main.addressIcon::after
{
	content: "\f3c5"; 
} 


.placeHolder_icon_main.searchIcon::after
{
	content: "\f002"; 
} 

.placeHolder_icon_main.callIcon::after
{
	content: "\f095"; 
}



.placeHolder_icon_main.selected2::after
{
	content: "\f00c" !important; 
    color: #fff;
	background: var(--secondaryColor);
	opacity: 1;
} 
.formHireDetailsAddtional .placeHolder_icon_main.selected2 .border-primary-quote-theme{border: 2px solid var(--secondaryColor);}

.autocomplete-parent.errorParent::after,
.inputParent.errorParent::after,
.inputParentValid.errorParent::after
{
display:none;	
}

.landing-search .autocomplete-parent .categoryInput 
{
    text-indent: 40px;	
}




.landing-search .autocomplete-parent.loadingIcon::before {
    transform: scaleY(-1);
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear;
    content: '\eab2';
}




.form-control.is-invalid
{
  border-width: 2px;	
}


.btn-primary-fill:after {
    background: var(--dj-dark-light);
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate(
35deg
);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}


/* .search.autocomplete .bottom_border_cus{
	
	border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
	
	border-bottom: 2px solid var(--dj-dark) !important;
	
} */



#more_services_selection .form-check-input.is-invalid~.form-check-label
{
	    color: var(--dj-dark) !important;
}


.iti__flag-container{display:none}


/* .results_list li::after{    
    content: "Loading...";
       position: absolute;
    z-index: 1;
    top: 11px;
	}
	 */
	
	
	/* .btn-primary-theme-quote:after
	{
		background: var(--dj-dark-light);
		content: "";
		height: 155px;
		left: -75px;
		opacity: 0.2;
		position: absolute;
		top: -50px;
		transform: rotate(35deg);
		transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		width: 50px;
		z-index: -10;
	} */



#formHireDetails
{
	display:none;
}

.landing-search .placeHolder_icon_main.selected2::after
{
	opacity: 0;
}

.btn-primary-theme-quote:hover,.btn-primary-theme-quote-outline:hover
{
	  box-shadow: 2px 2px 0px var(--dj-dark) !important;
	  transition: box-shadow 0.3s ease-in-out;
}


.iti__flag
{
	background-image:url("../img/flags.png");
}

.iti__flag-container,
.iti__selected-flag {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 9999 !important;
}

.iti__country-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
  }

/* Prevent scroll issues or hidden dropdowns */
input.user_phone {
  position: relative;
  z-index: 1;
}


/*----------------*/

.inside_loader_input{display: none;}

.inside_loader_input
{
    height: 100%;
    width: 100%;
    background: #f7f7f7;
    position: absolute;
    z-index: 1;
    border-radius: 8px;
    border: 2px solid #e5e5e5;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.show_loader_input .inside_loader_input{display: flex;}


.start_date_parent input, .timeParent input, .inputParent  input, .inputParentValid input {font-size: 20px !important;}

.header .navbar-brand>img{width: 150px !important;}
.landing-search p.ff-medium{color: #191919B2;}

.float_label {
    position: absolute;
    top: 14px;
    left: 12px;
    font-size: 16px;
    color: #aaa;
    background: #fff;
    padding: 0 4px;
    pointer-events: none;
    transition: 0.2s ease all;
    opacity: 0;
}

.form-control:focus + .float_label, .selected2 .float_label,
.errorParent .float_label, .form-control:not(:placeholder-shown) + .float_label{
    top: -10px;
    left: 15px;
    font-size: 16px;
    color: #19191999;
    opacity: 1;
}

#containerloadingmessage {
    position: fixed;
    top: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.84);
    height: 100%;
    display: none;
    z-index: 100000;
}
.loader-main-sec {
    background: #fff;
    width: auto;
    display: inline-block;
    padding: 30px;
    border-radius: 7px;
    margin-top: 150px;
}
.form_cat_list{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #191919;
    padding: 10px;
    border-radius: 6px;
    color: #191919;
    font-size: 14px;
}
.icon-16{width: 16px;margin-left: 8px;}
.btn-primary-theme-light:hover i {color: #ffffff !important;}

.custom-checkbox input[type="checkbox"] {
    display: none;
  }
  .custom-checkbox {
    font-size: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #191919;
  }
  .custom-checkbox a{margin: 0px 5px;position: relative;text-decoration: none;}
  .custom-checkbox a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    border-bottom: 2px dotted #191919;
    transition: opacity 0.3s ease-in-out;
}
.custom-checkbox a:hover{color: #191919;}
.custom-checkbox a:hover::after {
    opacity: 0;
}
  
  /* Create custom checkbox */
  .custom-checkbox .checkmark {
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 2px solid #ccc;
    display: inline-block;
    position: relative;
    margin-right: 6px;
    vertical-align: middle;
    border-radius: 4px;
    transition: all 0.2s ease;
  }
  
  /* Checked state */
  .custom-checkbox input[type="checkbox"]:checked + .checkmark {
    background-color: var(--secondaryColor); /* blue or any color */
    border-color: var(--secondaryColor);
  }
  
  /* Optional: checkmark tick */
  .custom-checkbox .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  
  /* Show the tick when checked */
  .custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
    display: block;
  }
@media (min-width: 768px) {
    .load-text {
        line-height: 25px;
        font-size: 25px;
        margin-top: 25px;
        font-weight: 600;
    }
    .total_cats .col-12{padding: 0px 6px;}
}

@media (max-width: 767px) {
    .pasteSubCategory .form-check.ps-0{padding: 0px !important;}
    .form_cat_list{margin-bottom: 10px;}
    .startAddressParent .results_list li:after{display: none;}
    #formDateLocation .startAddressParent .results_list li { padding-right: 1rem !important;}
}