/* Variable Css Start Here */
/* Variable Css Start Here */
body {
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	}
	
	.over-hidden {
		overflow: hidden;
	}
	
	a {
		text-decoration: none;
	}
	
	
	
	button {
		font-family: var(--font-btn);
		border: 0;
	}
	
	figure {
		margin-bottom: 0;
	}
	
	  ul {
		list-style: none;
	  }
	  
	  .right-0 {
		right: 0;
	  }
	  
	 
	  .line-clamp-1,
	  .line-clamp-2,
	  .line-clamp-3,
	  .line-clamp-4,
	  .line-clamp-5,
	  .line-clamp-6,
	  .line-clamp-7 {
		  display: -webkit-box;
		  -webkit-box-orient: vertical;
		  overflow: hidden;
	  }
	  
	  .line-clamp-1 {
		  -webkit-line-clamp: 1;
	  }
	  
	  .line-clamp-2 {
		  -webkit-line-clamp: 2;
	  }
	  
	  .line-clamp-3 {
		  -webkit-line-clamp: 3;
	  }
	  
	  .line-clamp-4 {
		  -webkit-line-clamp: 4;
	  }
	  
	  .line-clamp-5 {
		  -webkit-line-clamp: 5;
	  }
	  
	  .line-clamp-6 {
		  -webkit-line-clamp: 6;
	  }
	  
	  .line-clamp-7 {
		  -webkit-line-clamp: 7;
	  }
	  
	  /* font weights  */
	
	  
	  .button {
		transition: 0.3s ease;
	  }
	  .active{
		color: var(--primary-red);
	  }
	    .letter-spacing-2 { letter-spacing: 2px; }
		@media (max-width: 766px) {
			.sm-border-0 { border: 0 !important; }
		}
		  .btn {
            transition: 0.5s ease-in-out;
			position: relative;
			overflow: hidden;
			z-index: 2;
			
        }
.btn:hover {
	border-color: var(--black);
}
        /* .btn:hover {
            border-color: var(--primary-red);
            background-color: transparent;
			color: var(--primary-red);
            transform: translateY(-2px);
        } */
		        .custom-input {
            background-color: var(--bg-black);
            border: 1px solid var(--gorent-black);
        }

        .custom-input:focus {
            background-color: var(--bg-black);
            border-color: var(--primary-red);
            color: white;
            box-shadow: none;
        }
.btn:hover:after {
    clip-path: circle(100% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
	border-color: var(--black);
}
.btn::after {
    content: "";
    background-color: var(--black);
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: circle(0% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
    z-index: -1;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}
.fancybox__container {
  z-index: 99999 !important;
}
.border-primary-red{
	border-color: var(--primary-red) !important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #1a1a1a !important;
    opacity: 1;
}
:focus{
	box-shadow:none !important;
	border:0 !important;
}