:root {
    --dj-dark: rgb(14 15 12);
    --dj-dark-light: rgb(14 15 12 / 70%);
	
	
	--primary-color-light-v2:rgba(14, 15, 12, 0.3);
	--primary-color-gray-v2:rgba(231, 231, 232, 1);
	--primary-color-light-gray-v3:rgb(245 245 245);
}

body {
    font-family: "PJ-Regular",sans-serif;
}

.ff-light {
    font-family: "PJ-Light",sans-serif;
}

.ff-medium {
    font-family: "PJ-Medium",sans-serif;
}
.ff-bold {
    font-family: "PJ-Bold",sans-serif;
}
.ff-semiBold {
    font-family: "PJ-SemiBold",sans-serif;
}

.ff-extraBold {
    font-family: "PJ-ExtraBold",sans-serif;
}




.bg-primary-theme {
    background-color: var(--primaryColor);
}

.text-primary-theme {
    color: var(--primaryColor);
}

.dark-mode .text-primary-theme {
    color: #fff;
}

.dark-mode .bg-white .hHead{color: var(--primaryColor);}

.dark-mode  a.text-primary-theme:hover
{
 
   opacity:0.8;
   color:#fff;
}

.filter-grayscale
{
filter: grayscale(1);
}



 a.text-primary-theme:hover
{
 
   opacity:0.8;
    color: var(--primaryColor);
}

.text-primary-theme-imp {
    color: var(--primaryColor) !important;
}

.text-dark-theme {
    color: var(--dj-dark);
}

.text-dark-light-theme {
    color: var(--dj-dark-light);
}

.z-index-1 {
    z-index: 1;
}

.cursor-pointer{
    cursor: pointer;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .hHead
{
    color: var(--dj-dark);
}

 .dark-mode .h1, 
 .dark-mode .h2, 
 .dark-mode .h3, 
 .dark-mode .h4,  
 .dark-mode .h5, 
 .dark-mode .h6, 
 .dark-mode h1, 
 .dark-mode h2,
 .dark-mode h3, 
 .dark-mode h4, 
 .dark-mode h5, 
 .dark-mode h6,
 .dark-mode .hHead
{
    color: #fff
}

.sHead,.dark-mode .hHead.btn-outline-primary{color:var(--dj-dark-light)}
.dark-mode .sHead{color: #fff;}

.left-0{left: 0;}

body .text-color-theme
{
color: var(--primaryColor) !important;
}

header.header.navbar-sticky.headerTransparent .nav-item .nav-link.text-color-theme
{
color: var(--primaryColor) !important;	
opacity:1;
}


/* .dark-mode header.header.navbar-sticky.headerTransparent .nav-item .nav-link.text-color-theme
{
color: #fff !important;	
    font-family: 'PJ-ExtraBold';
} */

.serviceBanner2 .rounded-3,.serviceBanner2 .card-portfolio .card-img>img
{
	-webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-appearance: none;
    appearance: none;
	transform: translateZ(0);
}


.dark-mode #contactform select option
{
	     color: #0b0f19;
}

.dark-mode #contact_enquiry_type {color:#fff;}


.-z-index1{z-index:-1;}

body .btn-primary:hover{color:var(--dj-dark) !important}


.btn-primary-fill
{
	background:var(--primaryColor);
	color:var(--dj-dark);
	border: 2px solid var(--primaryColor);
	    overflow: hidden;
    position: relative;
}


.btn-primary-fill:hover
{
	
	
	border: 2px solid var(--primaryColor) !important;
	
	color:var(--dj-dark) !important;

}

.dark-mode .btn-primary-fill:hover
{
		color:#fff !important;
}


.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;
	
}

.btn-primary-fill:hover:after
{
	    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	
}


.btn-transparent-primary
{
	border: 2px solid var(--primaryColor);
	
}


.btn-transparent-primary-invert
{
	border: 2px solid var(--dj-dark);
	
}

.dark-mode .btn-transparent-primary-invert
{
	color:var(--dj-dark) !important;	
}



.btn-transparent-primary:hover,.btn-transparent-primary-invert:hover
{
	background: var(--primaryColor) !important;	
	color:var(--dj-dark) !important;
	border: 2px solid var(--primaryColor);
}


.intro_info svg.svg-convert
{
	width: 60px;
    height: 60px;
}

.intro_info svg.svg-convert path{fill:var(--primaryColor)}
