@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500&display=swap');

*::selection {
	color : #282828;
}

html, body {
	margin           : 0;
	padding          : 0;
	background-color : whitesmoke;
}

#banner {
	position   : absolute;
	top        : 0;
	z-index    : 1;
	width      : 100%;
	height     : 100%;
	background : url('img/layered-waves-haikei.svg') top/cover no-repeat;
}
main {
	position      : relative;
	z-index       : 2;
	max-width     : 80%;
	margin        : auto;
	margin-bottom : 15em;
}

h1 {
	font-family : 'Poppins', sans-serif;
	font-weight : 500;
	text-align  : center;
	color       : #fff;
	font-size   : 40px;
	text-shadow : 4px 4px 1px rgba(77, 108, 144, 0.75);
}

.b2_tp, .b3_tp, .cejm, .tests {
	margin-top : 200px;
}

.title i.bi-code-slash {
	font-size : 40px;
	color     : #89c4f4;
}

.title i.bi-braces{
	font-size: 40px;
	color : #f64747;
}
.title i.bi-graph-up {
	font-size : 40px;
	color     : #be90d4;
}
.title i.bi-shield-check {
	font-size : 40px;
	color     : #f89406;
}
.title i.bi-book {
	font-size : 40px;
	color     : #23cba7;
}

.title .text {
	font-family    : 'Poppins', sans-serif;
	font-weight    : 300;
	text-transform : uppercase;
	vertical-align : 7px;
	color          : #5b5b5b;
	font-size      : 22px;
}

.card-tp {
	padding       : 1em;
	border-radius : 10px;
	text-align    : center;
	margin        : 1em;
	box-shadow    : 7px 7px 15px rgba(0, 0, 0, 0.2);
	font-family   : 'Poppins', sans-serif;
	font-weight   : 300;
	transition: all .2s ease-in-out;
	background-color: #fff;

}
.card-tp:hover{
	transition: all .2s ease-in-out;
	transform: translateY(-15px);
}

.card-tp p {
	font-size   : 20px;
	font-weight : normal;
	color       : #5b5b5b;
	font-family : 'Open Sans', sans-serif;
}
.card-tp hr {
	width         : 50px;
	border-radius : 5px;
	border        : 1px solid #282828;
}
.tag a {
	text-decoration : none;
	padding         : 5px 15px;
	transition      : all .2s ease;
	border-radius   : 10px;
}

.tag-subject a {
	color : #d24d57;
}
.tag-correction a {
	color : #00b16a;
}
.tag-cours a {
	color : #f89406;
}
.tag-module a {
	color : #22a7f0;
}

.tag a:hover {
	transition : all .2s ease-in;
	box-shadow : 7px 7px 15px rgba(0, 0, 0, 0.2);
}


.card-tp i.bi-code {
	font-size : 50px;
	color     : #89c4f4;
}
.card-tp i.bi-file-earmark-bar-graph {
	font-size : 50px;
	color     : #be90d4;
}
.card-tp i.bi-shield-lock {
	font-size : 50px;
	color     : #f89406;
}
.card-tp i.bi-card-list {
	font-size : 50px;
	color     : #23cba7;
}

.card-tp i.bi-card-checklist {
	font-size : 50px;
	color     : #f64747;
}

.owl-nav{
	text-align: center;
	margin-top: 15px;
}
.owl-nav i{
	font-size: 35px;
	transition: all .2s ease;
}
.owl-nav i:hover{
	opacity: 0.5;
	transition: all .2s ease;
}
.owl-nav i:focus, .owl-nav i:active, .owl-nav button:focus-visible{
	outline: none !important;
}