.ff-primary-extraLight
{
    font-family: 'ClashDisplay-Extralight';
}

.ff-primary-light
{
    font-family: 'ClashDisplay-Light';
}

.ff-primary-regular
{
    font-family: 'ClashDisplay-Regular';
}

.ff-primary-medium
{
    font-family: 'ClashDisplay-Medium';
}

.ff-primary-semiBold
{
    font-family: 'ClashDisplay-Semibold';
}

.ff-primary-bold
{
    font-family: 'ClashDisplay-Bold';
}





body .is-valid:not(:required):not(.btn) 
{    

border-color:var(--primaryColor) !important;
}

.border-gray-theme
{
border: 2px solid #e5e5e5;
}

.custom-focus-form:focus
{

    border: 2px solid var(--dj-dark);
    box-shadow: inherit;
}

.circle-bullter::before {
    font-size: 60px;
    content: "\26AC";
    margin-right: 16px !important;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -22px;
}

.circle-bullter
{
	position:relative;
	padding-left:33px;
	
}

.circle-bullter::after {
    content: "";
    display: block; /* Ensures the line is on its own line */
    width: 100%; /* Adjust the width as needed */
    height: 1px; /* This controls the thickness of the line */
    background-color: black; /* Choose the color of the line */
    margin-top: 8px; /* Space above the line */
}    




.line-with-text,.circle-with-text {
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--dj-gray);
}

.line-with-text::before,.circle-with-text::before
{
    content: "\26AC";
    flex: 0 1;
    font-size: 65px;
    position: relative;
    top: -7px;
}

.line-with-text span,.circle-with-text span {
  margin: 0 5px; /* This adds space around the text */
}




.line-with-text::after {
  content: "";
  flex: 1;
  border-bottom: 2px solid  var(--dj-gray); /* This creates the line */
      margin: 0 4px;
}

.menu-line.active::before
{
	
	color: var(--primaryColor);
}

.menu-line.active
{
	opacity:1;
	color: var(--dj-dark);
}

.menu-line.show::before
{
	    content: "\25CF" !important;
		    font-size:28px;
			top:-2px
	
}


.disableSelect
{
	
	 pointer-events: none;
}

.disableSelect .containerInner {background: rgb(239 239 239);}


.disableInput{background: rgb(239 239 239);  pointer-events: none;}




