.tabs {
background-color:#f1eff0;
box-sizing:border-box;
color:#6C6E71;
display:flex;
font-family:'Hind Light',Arial,sans-serif;
font-size:26px;
list-style-type:none;
margin:0;
overflow-wrap:break-word;
padding:0;
--ro-scrollbar-height:0
}

.tabs li {
box-sizing:border-box;
color:#6c6e71;
flex-grow:1;
font-family:"Hind Light",Arial,sans-serif;
font-size:26px;
list-style-type:none;
overflow-wrap:break-word;
padding:16px 4px;
text-align:center;
transition:color 0;
--ro-scrollbar-height:0
}

.tabs li.active {
background-color:#6C6E71;
box-sizing:border-box;
color:#fff;
flex-grow:1;
font-family:'Hind Light',Arial,sans-serif;
font-size:26px;
list-style-type:none;
overflow-wrap:break-word;
padding:16px 4px;
text-align:center;
transition:color 0;
--ro-scrollbar-height:0
}

.tabs li:hover {
background-color:#00AEEF;
color:#fff
}

.search-preview {
box-sizing:border-box;
clear:both;
color:#6c6e71;
display:block;
flex:0 0 auto;
float:left;
font-family:"Hind Light",Arial,sans-serif;
font-size:26px;
height:150px;
max-height:150px;
overflow:hidden;
overflow-wrap:break-word;
padding:0 0 20px;
position:relative;
text-decoration:none;
transition:color .2s;
width:100%;
--ro-scrollbar-height:0
}

.search-preview img {
box-sizing:border-box;
color:#6c6e71;
float:left;
font-family:"Hind Light",Arial,sans-serif;
font-size:26px;
max-height:130px;
max-width:130px;
overflow-wrap:break-word;
position:relative;
width:20%;
--ro-scrollbar-height:0
}

.search-preview .title {
border-top:1px solid #00adef;
box-sizing:border-box;
color:#000;
font-family:"Hind Light",Arial,sans-serif;
font-size:28px;
line-height:110%;
margin-left:22%;
overflow-wrap:break-word;
padding-top:4px;
word-break:break-word;
--ro-scrollbar-height:0
}

.search-preview .summary {
box-sizing:border-box;
color:#6c6e71;
font-family:"Hind Light",Arial,sans-serif;
font-size:16px;
margin-left:22%;
overflow-wrap:break-word;
padding-top:4px;
transition:color .2s;
--ro-scrollbar-height:0
}