/*
	Author: Occura Software Ltd
	Author url: http://www.occurasoftware.rw
		   url: http://www.occurasoftware.com
	Copyright 2025 Allright Reserved
*/

@import url(./bootstrap_modules/bootstrap.css);
@import url(./fonts_modules/fontsawesome.css);
@import url(./plugins_modules/flexslider.css);
@import url(./plugins_modules/animate.css);
@import url(components.css);




/*
/* Overview
/* =================================== */

	*{
		padding:0px;
		margin:0px;
	}


	html, body{
		margin: 0;
		padding: 0;
		font:15px/21px "Helvetica Neue",Helvetica,Arial,sans-serif;
	}


/*
/* Common Classes
/* =================================== */
	.clearfix{
		position: relative;
		max-width: 100px;
		padding: 2% 0%;
	}

	.container{
		max-width: 1170px;
		width: 100%;
		margin: auto;
	}
	
	
	
	.knc-wrp{
		position: relative;
	}




/* 
/*  STYLE 									*/
/* =========================================*/


	.knc-header .knc-header--top,
	.knc-header .knc-header--btm{
		position: relative;
	}


	.knc-header{
		background: rgb(32, 30, 31);
		top:0;
		z-index: 1030;
	}

	.knc-impct{
		background: rgb(60 118 61);
		color: rgb(247, 239, 190);
	}

	.knc-invst{
		background: rgb(252 248 227);
		color: rgb(32 69 33);
	}

	.knc-center{
		position: absolute;
	    text-align: center;
	    margin: 0;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 1;
	}

	.logo-wrp{
			background: rgb(255, 255, 255);
	  	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
			border-radius: 50%;

			display: flex;
			align-items: center;
			justify-content: center;

			overflow: hidden;
	}

	.knc-footer{ 
		background: rgb(32, 30, 31);
		color: rgb(107, 107, 107);
	}

	.footer-top{
		background: url(../images/bg/bg-footer.png);
	}


/* 
/*  MEDIA
/* =========================================*/

    @media only screen and (min-width: 768px){
    	.logo-wrp{
    		width: 300px;
    		height: 300px;
    	}
    }
    
    @media only screen and (max-width: 767.98px){
    	.logo-wrp{
    		width: 200px;
    		height: 200px;
    	}
    }
    
    @media only screen and (max-width: 576.98px){
    
        .logo-wrp{
    		width: 100px;
    		height: 100px;
    	}
    }