@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {
	background-color: #000000;
	font-family: 'Fredoka', sans-serif;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

.btn {
	/*font-family: "Reenie Beanie", cursive;*/
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.nav-link.btn {
	font-family: "Reenie Beanie", cursive;
	font-weight: 500;
	font-style: normal;
}
.home-logo {
	height: 78px;
}

.home-title {
	font-weight: 500;
	color: #fff;
	font-size: 24px;
	font-family: "Inter", sans-serif;
}

.home-line hr {
	background-color: #3C3C3C;
	height: 4px;
}

.home-btn {
	font-size: 19px;
	background-color: #fff;
	border-radius: 0;
	width: 258px;
}

.lb-dataContainer .home-btn, .footer-section .home-btn {
	font-size: 18px;
	background-color: #fff;
	border-radius: 0;
	width: 258px;
}
.home-btn img {
	width: 22px;
	transition: transform 0.5s ease;
}

.btn.home-btn:hover img {
	transform: rotate(-60deg);
	/* Rotate the image by 60 degrees on hover */
}

.home-owl-item {
	padding: 10px;
}

.home-owl-item .home-owl-carousel-img {
	height: 328px !important;
	width: auto;
	/* filter: grayscale(100%); */
}


.header-btn {
	font-size: 32px;
	color: #000000;
	font-weight: 500;
	background-image: url('papersmall.png');
	background-repeat: no-repeat;
	background-size: 100% 60px;
	/* background-size: contain; */
	width: 162px;
}

/* .header-btn:hover {
	back
} */

.header-social {
	font-size: 32px;
	color: #000000;
	font-weight: 500;
	background-image: url('papersmall2.png');
	background-repeat: no-repeat;
	background-size: 100% 60px;
	/* background-size: contain; */
	width: 60px;
}

.navbar-nav .nav-item {
	padding: 0 10px 0 10px;
}

.reeneie-font {
	/*font-family: "Reenie Beanie", cursive;*/
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	text-decoration: none;
}

.form-control {
	border-radius: 0;
	background-color: #444444;
	color: #fff;
	/*font-family: "Reenie Beanie", cursive;*/
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
}

.footer-logo {
	width: 23px;
}

.footer-social {
	font-size: 26px;
}

.footer-section a {
	margin: 10px;
}

.h-roonie-font {
	/*font-family: "Reenie Beanie", cursive;*/
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	color: white;
}

.explore-img {
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	/*background-position: center;*/
	/* height: 284px;
	width: 100%; */
	/*height: 250px;*/
 /*   width: 315px;*/
  position: relative; /* To ensure correct stacking of child elements */
    height: 250px;
    width: 315px;
    overflow: hidden; /* To crop any overflowed part of the image */
}

.explore-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills the div without distortion */
    display: block; /* Removes any unwanted space below the image */
}


.open-explore-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 78vh;
	width: 100%;
	position: relative;
}

.essay-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 275px;
	width: 304px;
}

.one-essay-div {
	width: 304px;
	font-size: 18px;
	/*font-family: "Reenie Beanie", cursive;*/
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #fff;
}

.one-essay-div .title{
    font-size: 36px;
}
.one-essay-div .datetime{
    font-size: 24px;
}

.explore-img-grid .col-lg-4,
.explore-img-grid .col-md-6,
.explore-img-grid .col-sm-6 {
	padding: 30px;
	margin-bottom: 10px;
}

.border-top-bottom {
	border-bottom: 1px solid #3C3C3C;
	border-top: 1px solid #3C3C3C;
}

.new-blog-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;
}

.header-categories {
	font-family: "Reenie Beanie", cursive;
	font-weight: 500;
	font-style: normal;
	font-size: 32px;
}

.header-categories img {
	filter: grayscale(100%);
}

.open-photo-a,
.open-photo-a:hover {
	/*font-family: "Reenie Beanie", cursive;*/
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	color: white;
}

.open-photo-title {
	/*font-family: "Reenie Beanie", cursive;*/
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 36px;
	color: white;
}

.open-photo-location,
.open-photo-location * {
	/*font-family: "Reenie Beanie", cursive;*/
    font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	text-align: justify;
	color: white;
}

.explore-bottom-text {
	/*font-family: "Reenie Beanie", cursive;*/
	 font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 35px;
	color: white;
}