:root {
	--bs-font-sans-serif: 'Open Sans', sans-serif;
	--bs-border-color: #DADFEE;
	--bs-body-bg: #f1f3f5;
}

ul, ol {
	margin: 0; padding: 0;
	list-style: none;
}

dl, dd {
	margin: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%; height: auto;
}

label {
	cursor: pointer;
}

.btn-primary {
	--bs-btn-bg: #F6895A;
	--bs-btn-border-color: #F6895A;
	--bs-btn-hover-bg: #19224C;
	--bs-btn-hover-border-color: #19224C;
	--bs-btn-active-bg: #19224C;
	--bs-btn-active-border-color: #19224C;
	--bs-btn-font-weight: 600;
}

.form-control, .form-select {
	--bs-body-bg: #fff;
}

.text-blue {
	color: #6EC1E4 !important;
}

.swiper-button-prev, .swiper-button-next {
	--swiper-navigation-color: #F6895A;
}

.fa-facebook-f, .fa-twitter, .fa-linkedin-in, .fa-youtube, .fa-reddit-alien, .fa-pinterest-p, .fa-instagram {
	width: 30px;
	text-align: center; line-height: 30px;
	border-radius: 100%;
	color: #fff;
}
.fa-facebook-f {
	background-color: #3b5998;
}
.fa-twitter {
	background-color: #55acee;
}
.fa-linkedin-in {
	background-color: #007bb5;
}
.fa-youtube {
	background-color: #f00;
}
.fa-reddit-alien {
	background-color: #ff4500;
}
.fa-pinterest-p {
	background-color: #cb2027;
}
.fa-instagram {
	background-color: #e4405f;
}

header {
	background-color: #D8EEF2;
}
header .logo {
	text-shadow: 1px 1px #00000033, 2px 2px #00000033;
    color: #19224C;
}
header .logo img {
	height: 64px;
}
header .description {
	text-shadow: 1px 1px #fff, 2px 2px #fff;
}

main .categories span {
	color: #F6895A;
}
main .categories .category > a {
	font-weight: 600;
	color: #19224C;
}
main .latest {
	background-color: #f1f3f5;
	border: 2px solid #fff;
    outline: 1px solid #eee;
}
main .latest .swiper {
	border: 1px solid #eee;
}
main .swiper .swiper-slide {
	color: #fff;
}
@media (max-width: 991px) {
	main .swiper .swiper-slide img {
		min-height: 600px;
		object-fit: cover;
		object-position: left;
	}
}
main .swiper .swiper-slide .details {
	background-color: rgba(0, 0, 0, 0.9);
	transition: all 0.25s;
}
main .swiper .swiper-slide:not(:hover) .details {
	padding-top: 0 !important; padding-bottom: 0 !important;
	height: 0;
}
main .swiper:hover .details {
	display: block;
	height: 100%;
}
main .links .link {
	background-color: #f1f3f5;
	border: 2px solid #fff;
    outline: 1px solid #eee;	
}
main .widget {
	background-color: #f1f3f5;
	border: 2px solid #fff;
    outline: 1px solid #eee;
}
main .widget a {
	color: #19224C;
}
main .errForm {
    color: rgba(var(--bs-danger-rgb));
}

footer {
	background-color: #19224C;
	color: #fff;
}