/* Add custom CSS styles below */ 

@import url('https://fonts.googleapis.com/css2?family=Lemonada:wght@300..700&display=swap');
body *{
  font-family: "Lemonada", cursive !important;
  font-optical-sizing: auto;
  font-weight:bold;
  font-style: normal;
}


.top-navbar {
    display: none;
}
@media (min-width:991px){
body.index .headring_height > div:nth-of-type(3) i{
    color: #fff;
}
body.index nav#mobile-menu * {
    color: #fff;
}
}
body.index .headring_height path#Vector {
    stroke: #fff;
}
body.index .fixed-header nav#mobile-menu * {
    color: #000;
}

body.index .fixed-header .headring_height > div:nth-of-type(3) i{
    color: #000;
}
body.index .fixed-header  .headring_height path#Vector {
    stroke: #000;
}
/**********/
.mainbanner-0  [aria-label="1 / 1"] > div {
    justify-content: flex-start;
    margin-right: 10%;
}
/*************/
.storya-cat  .lg\:grid-cols-4 {
    display: flex;
    justify-content: center;
}
@media (max-width:768px){
.mainbanner ,.mainbanner-0 [aria-label="1 / 1"] > div , .mainbanner img {
height: 74vh;

}
.mainbanner-0 [aria-label="1 / 1"] > div {
   margin-right: 0%;
}
.mainbanner-0 .talk {
    margin-bottom: 0px;
    margin-top: 50px;
}
footer *{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
}