*{
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}
body,
html {
	overflow-x: hidden;
	max-width: 1000px;
	margin: auto;
	background-color: #f0f0f1;
	font-family: Arial, Helvetica, sans-serif;
	color: #000
}
a {
    text-decoration: none;
    &:hover{
        color: #27bfda
    }
}
h1, h2, h3{
    background-color: #222;
    color: #fff;
    padding: 0 10px
}
.header a{
    color: #fff
}
input{
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
input:focus{
    border-color: #222
}

#s,
.gads,
.gridimg,
table {
	width: 100%
}

.gads {
	position: relative;
	min-height: 285px !important
}

#searchbar {
	padding: 5px
}

table td,
table th {
	border-top: 1px solid #f0f0f1;
	padding: 5px;
	border-right: 1px solid #f0f0f1
}

li ul {
	border-top: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
table td,
table th,
ul {
	line-height: 1.3;
	margin: 5px 0
}

.current,
.gads,
.header,
.mcards a,
footer,
h1 {
	text-align: center
}
h1{
    padding: 8px
}
.current {
    background-color: #27bfda
}



#searchbar,
#searchform,
.gads,
.header,
.mcards,
.pagination,
p,
table,
ul {
	background-color: #fff
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: none
}

/* a {
	text-decoration: none;
	color: #065fd4
} */
h1{
    font-size: 1.5rem;
}
.header {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	padding: 10px;
    background-color: #222
}

.mcards a {
	color: #000;
	background-color: #0000000d;
	margin: 2px;
	border-radius: 5px;
	padding: 10px 0;
    &:hover{
        background-color:#222;
        color: #fff;
    }
}

/* .current,
.pagination a:hover,
h1,
h2,
h3,
h4,
h5,
h6 {
	background-color: #065fd4
} */

.mcards {
	display: grid
}

p,
ul li, input {
	font-size: 16px
}

p {
	padding: 10px
}

footer {
	font-size: 14px;
	line-height: 1.5;
	padding: 5px 0;
    background-color: #222;
    color: #fff
}

footer a {
	color: #fff
}

#searchform {
	/* border: 1px solid #d3d3d3;
	border-radius: 5px; */
	/* padding: 10px */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* color: #fff;
	padding: 5px;
	font-size: 17px */
}

ul {
	padding-left: 25px
}

table {
	border-collapse: collapse
}

.pagination .current,
.pagination a {
	padding: 5px 10px;
	margin: 0 2px;
	color: #fff
}

table td:last-child,
table th:last-child {
	border-right: none
}

@media screen and (max-width:768px) {
	.cards a {
		border-bottom: 1px solid #ddd;
	}
	.mcards {
		grid-template-columns: repeat(3, 1fr)
	}
}

.pagination {
	color: #000;
	display: flex;
	padding: 2px;
    margin: 10px 0
}

.pagination a {
	background-color: #222;
    &:hover{
        background-color: #27bfda
    }
}

.pagination a:hover {
	color: #fff
}

@media (min-width:768px) {
	.mcards {
		grid-template-columns: repeat(9, 1fr)
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	li,
	p,
	table {
		font-size: 18px
	}
}

.cards {
	display: grid;
	gap: 10px;
	background-color: #fff;
	padding-top: 2px;
    margin-top: 10px
}

.gridimg {
	height: 100%;
	aspect-ratio: 16 / 9
}
.card:hover .gridtitle{
    color: #27bfda
}
.gridtitle {
	text-align: left;
	font-size: 17px;
	padding: 0 5px;
	color: #222;
	line-height: 1.7
}

@media (min-width:600px) {
	.cards {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (min-width:890px) {
	.cards {
		grid-template-columns: repeat(3, 1fr)
	}
}

.alertbox,
.downbtn {
	padding: 5px;
	text-align: center
}

.alertbox button,
.downbtn {
    font-weight: 600;
    background-color: #27bfda;
    cursor: pointer;
    color: #fff;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    &:hover{
        background-color: #08859b
    }
}

.alertbox,
.tags, .h_cont {
	background-color: #fff
}
.footer_menu a:not(:last-child):after {
    content: ' । ';
}
.downbtn,
.downbtn a {
	color: #fff
}

video {
	margin-bottom: -4px;
	width: 100%;
	height: auto;
	/*max-height: 360px*/
}

.downbtn {
	font-size: 18px !important;
	line-height: 1.8;
	margin: 5px 0
}

.alertbox {
	display: none;
	z-index: 9999;
	border: 1px solid #065fd4;
	border-radius: 5px;
	width: 340px;
	position: fixed;
	top: 25%;
	left: 50%;
	transform: translate(-50%, 0)
}

.message {
	padding-bottom: 10px;
	font-size: 17px
}

.alertbox button {
	padding: 5px 15px;
	margin: 5px;
	font-size: 17px;
	border-radius: 5px
}

table td a {
    color: #27bfda;
    &:hover{
        color: #08859b
    }
}

.tags {
	padding: 5px 0
}

.tags a {
	font-size: 15px;
	border-radius: 5px;
	border: 1px solid #ceced6;
	padding: 3px 8px;
	color: #222;
	margin: 3px;
	display: inline-block;
    &:hover{
        color: #27bfda
    }
}

@media (max-width: 768px){
    .mcards, table, .downbtn{
        margin: 5px;
    }
}