/*
	Theme: ECOBOX;
	Author: OCCURA SOFTWARE
	Author 	url: https://www.occurasoftware.rw
	Copyright 2025 Allright Reserved
*/

	@import url(./bootstrap_modules/bootstrap.css);
	@import url(./fonts_modules/fontsawesome.css);
	@import url(./fonts_modules/montserrat.css);

	@import url(./plugins_modules/animate.css);

	@import url(component.css);

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

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

	

	html, body{
	    font:13px/21px 'Montserrat', Arial, Helvetica, sans-serif;
	    scroll-behavior: smooth;
	}

/*
/* COMMON ID
/* =================================== */




/*
/* COMMON CLASS
/* =================================== */


	.clearfix{
		clear: both;
		height: 30px;
	}

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

	.bg-light-orange{
		background: rgb(249 159 0);
    	fill: rgb(249 159 0);
	}

	.btm-light-orange{
		background: url(../images/btm-light-orange.svg) no-repeat;
		height: 24px;
	}

	.btm-light-grey{
		background: url(../images/btm-light-grey.svg) no-repeat;
		height: 24px;
	}

	.btm-dark{
		background: url(../images/btm-dark.svg) no-repeat;
		height: 24px;
	}
	.top-white,
	.btm-white{
		background: url(../images/btm-white.svg) no-repeat;
		height: 24px;
	}

	.top-white { margin-top: -24px; }

/* ================================== */

	.ecbx-header{
		top:0;
	    left: 0;
	    right: 0;
	    z-index: 1030;
	    position: absolute;
	}

	.ecbx-vdo{
		max-height: 100%;
		overflow: hidden;
	}
	.ecbx-vdo:before,
	.ecbx-vdo:after{
		top:0; right: 0;
		left: 0; bottom: 0px;
		position: absolute;
		width: 100%;
	}
	.ecbx-vdo:before{
		content: " ";
		background: -webkit-linear-gradient(
			45deg, 
			rgb(4 9 26), 
			rgb(0 0 0 / 42%)
		);

		background: linear-gradient(
			45deg,
			rgb(4 9 26),
			rgb(0 0 0 / 42%)
		);
	}
	.ecbx-vdo:after{
		content: " ";
		background-image: url(../video/smalldots.png);
	}


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

	.ecbx-footer .footer-tp{
		background: rgb(4 9 26);
		fill: rgb(4 9 26);
	}
	
	@media only screen and (max-width: 767.98px){

	}

	@media only screen and (max-width: 467.98px){

		.hidden-xxs { display: none; }
		.col-xs-6{ width: 100% ! important; }
	}