/* xl - DESKTOP STYLES */ 
html {
    overflow-x: hidden;
}
	
	
.cursor {
  position: fixed;
  pointer-events: none;
  opacity: 0;
}

.cursor-small {
  top: 0px;
  left: 0px;
  z-index: 1;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: red;
}

	.cursor-big {
	top: 0px;
  left: 0px;
	height: 100px;
	width: 100px;
	align-items: center;
  background-color: red;
  border-radius: 50%;
  color: white;
  display: flex;
  font-size: 15px;
  justify-content: center;
  padding: 10px;
  pointer-events: none;
  position: fixed;
  text-align: center;
  transform: translate(-50%, -50%);
  transition: color 0.5s ease;
  z-index:9999;
	}

	p{
		margin-top: 10px;
	}

   /*	disable custom cursor on tablet & mobile */
   @media only screen and (max-width: 768px) {
    .cursor-small{
        display:none;
     }
    
   }

#faq .qodef-e-title-holder{
    background: linear-gradient( to left, #222 50%,     #fffb05 50%);
  background-size: 200% 100%;
  background-position: right bottom;
    cursor: pointer;
    transition: all ease .3s;
    
     &:hover {
        background-position: left bottom;
        color: #222;
    }
}

.whyushover{
	box-shadow: inset 0 0 0 0 #fffb05;
  	transition: box-shadow 0.3s ease-in 0s;
} 

.whyushover:hover {
	box-shadow: inset 0 0 0 150px #fffb05;
	transition: box-shadow 0.3s ease-in 0s;
}

.whyushover:hover h2{
	color:#222 !important;
}

.whyushover:hover p{
	color:#222;
}