.custom-shape-1 {
		position: absolute;
		top: 25px;
		left: -30px;
		bottom: 25px;
		right: 30px;
		z-index: 0;
}

.custom-stroke-width-1 svg path {
		stroke-width: 1.5 !important;
}

/*
#header .header-column .header-extra-info li .header-extra-info-text label{
	color: #ffffff;
	
}


#header .header-body{
background: rgb(83, 99, 114);
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a
{
	
	color:#fff;
}

*/


.bg-primary-darken
 {
    background-color: var(--primary-300) !important;
}



.custom-card-style-1 .custom-read-more svg,
.custom-card-style-2 .custom-read-more svg {
		transition: ease transform 300ms;
}

.custom-card-style-1:hover .custom-read-more svg,
.custom-card-style-2:hover .custom-read-more svg {
		transform: translate3d(7px, 0, 0);
}

.custom-card-style-1 {
		transition: ease transform 300ms;
}

.custom-card-style-1 .card-title {
		transition: ease color 300ms;
}

.custom-card-style-1:hover {
		transform: scale(1.03);
}

.custom-card-style-2 .card-img-top {
		padding-left: 35px;
}

.custom-card-style-2 .card-body {
		position: relative;
		background: var(--light);
		margin-top: -70px;
		max-width: 83%;
}







	html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body , html #header.header-transparent .header-body {
			    background-color: #000 !important;
			
		}
 
		
		
		 #header .header-logo img{
			width: 35px;
			height: 35px;
		}
		
		
		.sticky-header-active #header .header-logo img{
			width: 25px;
			height: 25px;
		}
		
		
 
    .body {
      margin: 0;
      height: 100%;
		background: linear-gradient(to bottom, #1c4c3c, #0b1b10);
		background: linear-gradient(to bottom right, #1c4c3c, #0b1b10);

      color: white; /* Optional: makes text readable on light background */
      font-family: sans-serif;
    }
 
 
	.lazardicard {
		background: linear-gradient(to bottom right, #184737, #112f25);
		border: 1px solid #1d614a; 
		
		border-radius:4px;
		margin-bottom: 1rem;
		border-color: #1b5d47;
		position: relative;
		padding: 1rem ;
     }
	 
	 .lazardicard2 {
		background: linear-gradient(to bottom right, #20614b, #445c37);
		border: 1px solid #1d614a; 
		
     }
 
	.br-10{
		border-radius:10px;
	}
 	
	.br-15{
		border-radius:15px;
	}
 
 	.br-20{
		border-radius:20px;
	}
  	.br-25{
		border-radius:25px;
	}
 
  .square{

	aspect-ratio: 1 / 1;

  }

 
	.lz-color-1{
		color: #fbd44e  
	}
 
 
 .lz-alert-warning{
	 margin : 0 auto ;
	 background:#3e4c28;
	 color:#fcd34d ; 
 
		margin-bottom: 1rem;
		border-color: #fcd34d;
 
		padding: 1rem ;
 
		
		
 }
 
 
 .lz-cy-bg{
	 
	 		background: linear-gradient(to bottom right, #56d48d, #F7B72A);
		border: 1px solid #1d614a; 
	 
 
	 
display: inline-block;
margin: 5px;
width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
z-index: 1;
font-size: 1.3em;
line-height: 50px;									 
 }
 
 
 .lz-cy-bg:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
	
 }

.featured-box-effect-1:hover .lz-cy-bg:after {
     transform: scale(0.8); 
    opacity: 1;
}



.lz-cy-bg:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius : 50%;
    content: '';
    box-sizing: content-box;
}

.featured-box-effect-1 .lz-cy-bg:after
 {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 3px #FFF;
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(1);
    opacity: 0;
}



@media (min-width: 992px) {
  .h-lg-vh-100 {
    height: 100vh !important;
  }
}


 
  .Headerresponsive-text {
    font-size: 1.8em !important;   /* Default for small screens */
 
	line-height: normal; 
	background: linear-gradient(90deg, var(--primary) ,  var(--secondary)); 
	-webkit-background-clip: text;  
	-webkit-text-fill-color: transparent; 
	background-clip: text;
	 
  }

  @media 	(min-width: 768px) {  
    .Headerresponsive-text {
      font-size: 2.5em !important;  ;
    }
  }