table {
	width: 100%;
	margin: 25px 0
}

td {
	border: 1px solid #999aa1;
	padding: 10px;
	font-size: 16px;
	line-height: 1.2;
	vertical-align: top
}

.blog-sectblog-leftion {
	margin-top: 85px;
	padding-top: 30px
}

.page-title span {
	color: #f0011e
}

.blog-title {
	font-weight:700;
	font-size:36px;
	line-height: 1;
	color: #14151b;
	margin:0 0 25px;
	padding:15px 0 13px;
	position: relative
}

.blog-title:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	background-color: #14151b;
	height: 4px
}

.blog-left h2 {
	padding-bottom: 30px;
	border-bottom: 8px solid #14151b;
	font-family: 'Proxima Nova Rg';
	font-weight: 400
}

.blog-btn {
	display: inline-block;
	background-color: #02789e;
	color: #fff;
	font-size: 1.6rem;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	margin: 0 auto;
	padding: 15px;
	cursor: pointer;
	border-radius: 4px;
	transition: all .5s;
	border: 2px solid transparent
}

.blog-btn:hover {
	border: 2px solid #02789e;
	color: #14151b;
	background: 0 0
}



.blog-section {
	margin-top: 76px;
	padding-top: 40px
}

.author-link {
	color: #14151b
}

.category-img {
	margin-bottom: 20px;
}

.category-block h3 a {
	color: #14151b;
	transition: width .3s ease
}

.category-block h3 a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	transition: width .3s ease
}

.category-block h3 {
	font-size: 26px;
	line-height: 29px;
	margin-bottom: 17px;
	font-family: "Proxima Nova Rg";
}

.author-name {
	position: relative;
	margin: 0
}

.author-name:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #14151b;
	height: 2px
}

.author-name:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: 1;
	background-color: #f0011e;
	height: 2px;
	transition: width .3s ease
}

.author-link:hover,
.author-link:hover .author-name:before {
	width: 100%;
	transition: width .3s ease
}

.category-block p {
	font-family: 'Proxima Nova Rg';
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .5px;
	line-height: 1.32;
	margin-bottom: 22px;
	word-spacing: 0
}

.archive-description {
	font-size: 18px;
	margin-bottom:24px;
	line-height: 1.4;
}

.read-cls {
	font-size: 16px;
	font-weight: 600;
	color: #ef011e;
	font-family: 'Proxima Nova Th';
	position: relative
}

.read-cls:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #ebe9eb;
	height: 2px
}

.read-cls:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: 1;
	background-color: #14151b;
	height: 2px;
	transition: width .3s ease
}

.read-cls:hover:before {
	width: 100%;
	transition: width .3s ease
}

.spxblg-meta {
	margin-bottom: 20px;
	display: block;
	display: flex;
	justify-content: space-between;
	align-items: end
}

.author-img {
	margin-bottom: 5px;
	width: 30px;
	height: 30px;
	border-radius:50%;
	overflow:hidden;
	border:1px solid #14151b
}
.author-img img{
	width: 100%;
    height: 100%;
	border-radius:50%;
	overflow:hidden;
}

.spxblg-meta li {
	font-size: 16px;
	color: #14151b;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	margin-bottom:0
}

.category-block {
	height: 100%;
	background: #fff;
	margin-bottom: 25px;
	padding: 27px 20px;
	-webkit-box-shadow: 0 35px 122px rgb(0 0 0 / 5%), 0 91px 250px rgb(0 0 0 / 5%);
	-moz-box-shadow: 0 35px 122px rgba(0, 0, 0, .05), 0 91px 250px rgba(0, 0, 0, .05);
	box-shadow: 0 35px 122px rgb(0 0 0 / 5%), 0 91px 250px rgb(0 0 0 / 5%)
}

.blog-right {
	display: none
}

.pages {
	display: none
}

.wp-pagenavi {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	padding: 50px 0 20px;
	border-top: 4px solid #14151b
}

.blog-title span {
	color: #f0011e;
}
.page-link {
	text-align: center;
}

.custom-pagination {
	display: flex;
	justify-content: center;
}

.page-numbers {
	font-family: 'Proxima Nova Th';
	font-size: 20px;
	border: 2px solid #14151b;
	padding: 0 7px;
	border-radius: unset;
	cursor: pointer;
	color: #14151b;
	width: 37px;
	height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s;
	margin: 0 4px;
}

.page-num {
	display: none;
}

.wp-pagenavi span.current {
	font-weight: 700;
	color: #fff;
	border: 2px solid transparent
}

.wp-pagenavi a,
.wp-pagenavi span {
	font-size: 18px;
	padding: 3px 8px;
	margin: 0 4px
}

.wp-pagenavi .current,
.wp-pagenavi .larger,
.wp-pagenavi .smaller {
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center
}

.wp-pagenavi a {
	color: #14151b;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center
}

.reading-time {
	color: #14151b;
	position: relative
}

.reading-time:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #c6c7cb;
	height: 2px;
}

.reading-time:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: 1;
	background-color: #14151b;
	height: 2px;
	transition: width .3s ease
}

.reading-time:hover:before {
	width: 100%;
	transition: width .3s ease
}

.reading-time.read-bdr:after,
.reading-time.read-bdr:before {
	display: none
}

.blog-section .current,
.page-numbers:hover {
	background-color: #000;
	color: #fff;
}

.page {
	border: 2px solid #000;
	transition: all .5s
}

.page:hover {
	background-color: #000;
	color: #fff
}

.nextpostslink,
.previouspostslink {
	border-radius: 50%;
	background-color: #d8d4d6;
	width: 25px;
	height: 25px
}

.extend:last-child {
	display: none
}

.first,
.last {
	display: none
}

/* Pagination */
.page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	padding: 20px 0;
  }
.page-numbers {
    font-size:13px;
    border: 1px solid #E9E9E9;
    padding: 0 7px;
    cursor: pointer;
    color: #14151b;
    width:31px;
    height:34px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    border-radius: 4px;
  }
  .page-link a .active, .page-numbers:hover,.page-numbers.current {
    background-color: #1B1E55;
    color: #fff;
  }
  .page-link a {
    margin: 0 4px;
  }
  a .next, a .prev {
    border-radius: 50%;
    background-color: #d8d4d6;
    border: none;
    text-indent: -999px;
    overflow: hidden;
    width: 25px;
    height: 25px;
    position: relative;
    color: #14151b;
  }
  a .next::after {
    color: #fff;
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-indent: 0;
    font-size: 26px;
  }
  a .prev::before {
    color: #fff;
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-indent: 0;
    font-size: 26px;
  }
  .next,.prev{
   width:auto;
   padding:2px 10px;
  }
    /* Exit pop Form */
	.mob-hide {
		display: none;
	  }
		/* Exit pop Form Close */
  @media screen and (min-width:576px){
    .next,.prev{
        width:auto;
        padding:2px 14px;
       }
       .page-numbers{
        font-size: 14px;
        width:33px;
        height:36px;
       }
       .next, .prev{
        width:auto;
       }
       .page-link a {
        margin: 0 6px;
      }
     
  }

@media (min-width:768px) {
	.category-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.category-block {
		width: 48%
	}
}

@media (min-width:1024px) {
	.blog-section {
		padding: 50px 0
	}

	.blog-sectblog-leftion {
		margin-top: 100px;
		padding: 50px 0
	}

	.blog-sectblog-leftion .blog-left {
		width: 100%
	}

	.blog-wrap {
		display: flex;
		justify-content: space-between
	}
	.spxblg-meta{
		align-items:center;
	}

	.searchpage .category-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.searchpage .category-wrap .category-block {
		width: 32%;
		margin: 0 0 25px 0
	}

	.blog-left {
		padding: 0
	}
	.author-link{
		display: flex;
		align-items:center;
	}
	.author-img{
		margin-bottom: 0;
		margin-right: 15px;
	}
	.blog-right {
		width: 28%;
		display: block;
        margin-top: 75px;
	}
    .search-wrap{
        position: sticky;
        top:120px;
    }
	.post-search {
		width: 100%;
		background: #f5f5f5;
		padding: 15px
	}

	.search-form {
		position: relative
	}

	.post-search .search-form input[type=text] {
		color: #14151b;
		background-color: #fff;
		font-family: 'Proxima Nova Rg';
		display: block;
		padding: 20px 20px 13px;
		border-radius: 4px;
		border: 1px solid #919194;
		font-size: 16px;
		font-weight: 600;
		width:100%
	}

	.fa-search:before {
		content: "\f002"
	}

	.search-field {
		position: absolute;
		background: 0 0;
		top: 7px;
		right: 4px;
		cursor: pointer;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #02789e;
		font-size: 20px;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.search-icon {
		width: 22px
	}

	.search-icon .path1 {
		fill: #fff
	}

	.cat-wrapper {
		background-color: #14151b;
		display: block;
		padding: 25px 0 25px 30px
	}

	.categories-block li {
		margin-bottom: 10px;
		position: relative
	}

	.categories-1 {
		background-color: #a7d686
	}

	.categories-2 {
		background-color: #e2d98e
	}

	.categories-3 {
		background-color: #56bdc9
	}

	.categories-4 {
		background-color: #dd7171
	}

	.categories-5 {
		background-color: #d38fbf
	}

	.categories-6 {
		background-color: #d1c677
	}

	.categories-7 {
		background-color: #c09ee2
	}

	.categories-8 {
		background-color: #a7d686
	}

	.categories-9 {
		background-color: #d1d1d1
	}

	.categories-10 {
		background-color: #a3bdc6
	}

	.categories-11 {
		background-color: #6693ba
	}

	.categories-12 {
		background-color: #9e9787
	}

	.categories-block li a {
		padding: 0 10px 0 0;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		background-color: #14151b;
		position: relative;
		font-family: 'Proxima Nova Rg';
		font-weight: 600;
		line-height: 1.1
	}

	.categories-block li:after {
		content: "";
		width: 5px;
		height: 5px;
		position: absolute;
		top: 6px;
		left: -15px;
		background-color: #272a37
	}

	.categories-block li a:before {
		content: "";
		position: absolute;
		z-index: 1;
		left: 0;
		bottom: -1px;
		width: 0%;
		background-color: #fff;
		height: 2px;
		transition: width .3s ease
	}

	.categories-block li a:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		width: calc(100% - 10px);
		background-color: #272a37;
		height: 2px
	}

	.categories-block li a:hover:before {
		width: calc(100% - 10px)
	}
}

@media (min-width:1200px) {
	.blog-section {
		padding: 70px 0;
	  }
    .search-wrap{
        top:130px;
    }
	.blog-sectblog-leftion {
		margin-top: 108px
	}

	.blog-title {
		font-size: 48px;
		line-height: 1.4
	}

	.searchpage .category-wrap .category-block {
		width: 23.5%
	}

	.category-block {
		width: 32%
	}

	.blog-right {
		width: 22%;
        margin-top: 93px;
	}
	.archive-description{
		width: 90%;
		font-size: 20px;
		margin-bottom: 48px;
	}
	.page-link{
		padding:30px 0 0;
	}
	/* Exit pop Form  */
	.mob-hide{
        display: block;
       }
      #bio_ep {
        position: fixed;
        width: 100% !important;
        max-width: 708px !important;
        left: 50% !important;
        top: 50% !important;
        background: none !important;
        box-shadow: none !important;
        height: auto !important;
        z-index: 99999 !important;
        transform: translateX(-50%) translateY(-50%) !important;
      }
      #bio_ep_close {
        position: absolute;
        left: auto !important;
        margin: 0 !important;
        width: 15px !important;
        height: 15px !important;
        color: #000 !important;
        opacity: .3 !important;
        cursor: pointer !important;
        background: none !important;
        right: 15px !important;
        top: 0 !important;
      }
      #bio_ep_close::before {
        content: "×";
        font: 900 30px/1em 'Roboto Slab', serif;
      }
      .pop-flex {
        background: #fff;
        padding: 30px 25px;
        border-radius: 4px;
      }
      .thank-you {
        color: #14151b;
        font-size: 48px;
      }
      .form-sec h3 {
        font-size:24px;
        line-height:1.12;
        margin-bottom:26px;
        color: #e42c38;
        font-family: 'Proxima Nova Rg';
        font-weight: 600;
      }
      .popup-contact {
        display: flex;
        justify-content: space-between;
      }
      .pop-content h2{
        font-size: 34px;
        font-weight: 600;
        margin-bottom:7px;
      }
      .contactus-form, .contact-img {
        width: 48%;
      }
      .contact-img{
        padding:12px;
        display: flex;
        align-items:center;
        justify-content:center;
        background-color: #F0F2F2;
      }
      .popup-contact .inquiry-form {
        border: 1px solid #dbdbdb;
        border-radius: 2px;
        padding: 14px;
        margin-bottom:15px;
        font-weight: 400;
        font-size:17px;
        color: #14151b;
        transition: all .3s ease;
        width: 94%;
        font-family: Inter,sans-serif;
      }
      .inquiry-btn{
        font-weight: 700;
        font-size: 1.6rem;
        background-color: #e42c38;
        color: #fff;
        cursor: pointer;
        border: 2px solid #e42c38;
        border-radius: 4px;
        padding: 16px 45px;
        transition: all .5s;
      }
      .inquiry-btn:hover{
        background-color: #fff;
        color:#14151b;
      }
       /* Exit pop Form Close */
}
@media (min-width:1470px){
    .blog-section {
		padding: 80px 0;
	  }
	  .blog-title{
		font-size: 56px;
	  }
	  .archive-description{
		margin-bottom: 66px;
	  }
	  .category-block {
		padding: 30px 20px;
	  }
	  .spxblg-meta{
		margin-bottom: 24px;
	  }
	  .category-block h3{
		font-size: 28px;
        line-height: 1.14;
		min-height:100px;
	  }
	  .author-img{
		width:38px;
		height:38px;
	  }
}

.searchpage.blog-search-grids .category-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

.searchpage.blog-search-grids .category-wrap .category-block {
	width: 100%;
}
@media screen and (max-width:767px) {
	.searchpage.blog-search-grids .category-wrap {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
}

@media handheld,
only screen and (max-width: 591px) {
	.strip-animate .blog-section {
		margin-top: 100px;
	}
}

@media screen and (max-width:575px) {
	.searchpage.blog-search-grids .category-wrap {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
}