@import url('https://fonts.googleapis.com/css2?family=Inika:wght@400;700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Play:wght@400;700&family=Prompt:wght@100;200;300;400;500;600;700;800;900&family=Prosto+One&display=swap');


::-webkit-scrollbar {
  width: 0 !important;
  display: none !important;
  opacity: 0 !important;
}
.container-single{
	width: 100%;
    max-width: 1218px;
    margin: 0 auto;
}
.load-more{
	opacity: 0;
}
.pagination .current{
    background: #3E45E8;
    color: white;
    text-transform: uppercase;
    font-family: "Prosto One", cursive;
    padding: 17px 25px;
    text-decoration: none;
    border-radius: 6px;
}
.hero-card > img{
    max-width: 258px;
    width: 100%;
}
.hero-single-title{
    font-size: 40px;
    font-family: "Prosto One", cursive;
    margin-bottom: 10px;
    color: #3E45E8;
}
.hero-single{
    padding-top: 50px;
}
.content{
	max-height: 100%;
}
.content > p{
    font-size: 18px;
    font-family: 'Inter';
}

.qrcprowrapper > div:last-child{
	display: none;
}
.hero-single{
	display: flex;
    column-gap: 75px;
}
.hero-single img{
    width: 418px;
    height: 651px;
    object-fit: cover;
    border-radius: 8px;
    
}
.single-post{
	background-color: white;
    background-image: url('../images/bgckgrnd.png');
    background-repeat: no-repeat;
    background-position: -10% 0%;
    background-size: 524px 200vh;
}
.home-page-url{
	background-color: white;
  border: 1px solid #3E45E8;
  cursor: pointer;
  font-weight: bolder;
  
  margin-bottom: 5px;
  border-radius: 6px;
  color: #3E45E8;
  display: block;
  margin-top: 100px;
  text-decoration: none;
    font-family: "Prosto One", cursive;
    font-size: 24px;
    width: max-content;
    padding: 15px;
}
.date-single{
	font-family: 'Prompt', sans-serif;
    font-size: 32px;
}
.video{
	margin-top: 220px;
}
.video h3{
	width: max-content;
    display: block;
    padding-bottom: 14px;
    font-size: 40px;
    border-bottom: 5px #3E45E8 solid;
    margin-bottom: 163px;
    font-family: 'Inika', sans-serif;
    
}
iframe{
	height: 700px;
    width: 100%;
    }
@media (max-width: 992px){
	.single-post{
		zoom: 0.5;
}
}
body {
	height: 100%;
}
.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.content {
	flex: 1 0 auto;
}
footer {
	flex: 0 0 auto;
    position: fixed;
    bottom: 0%;
    width: 100%;

}
@media (max-width: 768px){
	.video h3{
    	margin-bottom: 63px;
    }
}
.rotate{
	transform: scale(1, -1);
}