.nav-pills .nav-link {
  width: 100%;
  margin-bottom: 15px;
  border: solid 1px grey;
  background-color: rgb(255, 255, 255, 0.5);
}

.nav-pills .active {
  background: linear-gradient(to bottom, #b3cde0, #2a4a78, #1e1c3b, #3a103f);
  border: 0px;
}

.bootstrap-select .btn.dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.5) !important;
  border: solid 1px grey;
  height:48px;
  padding-top:10px;
}

.bootstrap-select .dropdown-menu {
  background-color: rgb(255, 255, 255) !important;
}



/* Dropdown items */
.styled-range {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  height: 8px;
  background: transparent;
}

/* Track */
.styled-range::-webkit-slider-runnable-track {
  height: 8px;
  
  border: 1px solid black;
  border-radius: 5px;
}

/* Thumb */
.styled-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background:linear-gradient(to bottom, #b3cde0, #2a4a78, #1e1c3b, #3a103f);
  cursor: pointer;
  margin-top: -5px;
}

/* Firefox */
.styled-range::-moz-range-track {
  height: 8px;
 
  border: 1px solid black;
  border-radius: 5px;
}

.styled-range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: grey;
  cursor: pointer;
}



/* enquire button */

 .mybutton {
	 
	 color: #fff;
	
	 outline: 2px solid #fff; /* Outer dark border */
  /* Slight text shadow for glow */
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(255, 255, 255, 0.4); 
	
	 background: linear-gradient(to bottom, #b3cde0, #2a4a78, #1e1c3b, #3a103f) !important;
    border-radius: 25px;
    height: 50px;
    margin-top:20px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 0px 20px;
	
	
	
	 transition: 0.2s ease-in-out;
	 
}

 .button__wrapper {
	 display: inline-block;
	 position: relative;
	 width: 150px;
	 height: 50px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .button-pulse button {
	 background: var(--bg-color);
	 width: 100%;
	 height: 100%;
	 position: absolute;
   
	 top: 0;
	 left: 0;
	 z-index: 2;
}
 .button-pulse .button__wrapper:hover .pulsing:before {
	 animation: pulsing 0.2s linear infinite;
     content: "";
	 position: absolute;
}
 .button-pulse .button__wrapper:hover .pulsing:after {
	 animation: pulsing1 0.2s linear infinite;
     content: "";
	 position: absolute;
}
 .pulsing {
	 width: 99%;
	 height: 99%;
	 border-radius: 50px;
	 z-index: 1;
	 position: relative;
}
 .pulsing:before, .pulsing:after {
	 width: 100%;
	 height: 100%;
	 border: inherit;
	 top: 20px;
	 left: 0;
	 z-index: 0;
	 background: linear-gradient(to bottom, #b3cde0, #2a4a78, #1e1c3b, #3a103f);
	 border-radius: inherit;
	 animation: pulsing 2.5s linear infinite;
}

.pulsing::before,
.pulsing::after,
.button__wrapper:hover .pulsing::before,
.button__wrapper:hover .pulsing::after {
  content: "";
  position: absolute;
}
 .pulsing:after {
	 animation: pulsing1 2.5s linear infinite;
}
 @keyframes pulsing {
	 0% {
		 opacity: 1;
		 transform: scaleY(1) scaleX(1);
	}
	 20% {
		 opacity: 0.5;
	}
	 70% {
		 opacity: 0.2;
		 transform: scaleY(1.8) scaleX(1.4);
	}
	 80% {
		 opacity: 0;
		 transform: scaleY(1.8) scaleX(1.4);
	}
	 90% {
		 opacity: 0;
		 transform: scaleY(1) scaleX(1);
	}
}
 @keyframes pulsing1 {
	 0% {
		 opacity: 1;
		 transform: scaleY(1) scaleX(1);
	}
	 20% {
		 opacity: 0.5;
	}
	 70% {
		 opacity: 0.2;
		 transform: scaleY(1.3) scaleX(1.15);
	}
	 80% {
		 opacity: 0;
		 transform: scaleY(1.3) scaleX(1.15);
	}
	 90% {
		 opacity: 0;
		 transform: scaleY(1) scaleX(1);
	}
}
.ui_kit_select_search .bootstrap-select .dropdown-toggle .filter-option {
	
    padding-top: 0px !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
   
    background: linear-gradient(to bottom, #2a4a78, #1e1c3b) !important;
   
}


	.paracolor{
		color: rgba(255, 255, 255, 0.9)
	}