/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    font-family: 'Nunito', sans-serif;
	font-weight: normal;
	font-style: normal;
    margin: 100px 0;
}
img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    object-position: center;
}
a{
    text-decoration: none;
    color: initial;
}
a:hover {
    color: initial;
}


/* main-css-start-here */
.d-flex {
    display: flex;
}
.align-items-start {
    align-items: start;
}
.align-items-center {
    align-items: center;
}
.align-items-end {
    align-items: end;
}
.justify-content-start {
    justify-content: start;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-end {
    justify-content: end;
}
.flex-wrap-wrap {
    flex-wrap: wrap;
}
.width-100 {
    width: 100%;
}
.height-100 {
    height: 100%;
}
.teps-postslider-feature-image {
    position: relative;
}
.teps-feature-image-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.teps-postslider-wrap {
    position: relative
}
.teps-postslider-button-link,
.teps-postslider-desce,
.teps-postslider-title-link,
.teps-postslider-commn-meta, img,
.teps-cat,
.teps-feature-image-link,
.teps-postslider-content-info {
    transition: all .4s ease-in-out;
}
/* .teps-postslider-meta-img {
    width: 45px;
    height: 45px;
    display: inline-block;
} */
.teps-postslider-title-link {
    display: inline-block;
}
.teps-postslider-button-link {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    padding: 8px 25px;
    letter-spacing: .5px;
    box-shadow: 0px 3px 5px -1px rgba(7,10,25,.2);
    background-color: #4b4870;
    border: 1px solid #fff;
}
.teps-postslider-feature-image {
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.teps-postslider-desce {
    font-size: 17px;
}
.teps-postslider-content-info {
    position: relative;
    z-index: 1;
}
.teps-postslider-commn-meta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.teps-postslider-title-link,
.teps-postslider-desce,
.teps-postslider-commn-meta,
.teps-postslider-button-link {
    font-family: 'Nunito', sans-serif;
}
.teps-title-link {
    display: block;
}
.teps-postslider-button-link {
    display: inline-flex;
    align-items: center;
}

/* style1 */
.teps-postslider-1 .teps-postslider-content-info {
    padding: 40px 40px 80px;
    background: #fff;
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
}
.teps-postslider-1 .teps-postslider-feature-image {
    width: 100%;
    height: 350px;
}
.teps-postslider-1 .teps-postslider-feature-image img {
    box-shadow: 0 3px 5px -2px rgb(7 10 25 / 20%);
}
.teps-postslider-1 .teps-postslider-title {
    margin-left: 30px;
    width: 100%;
}
.teps-postslider-1 .teps-postslider-title-link {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    color: #454360;
}
.teps-postslider-1 .teps-postslider-desce {
    color: #454360;
    font-size: 19px;
    margin: 50px;
}
.teps-postslider-1 .teps-postslider-meta {
    gap: 35px;
}
.teps-postslider-1 .teps-postslider-commn-meta {
    color: #454360;
    box-shadow: 0px 2px 6px rgba(7,10,25,.1);
    padding: 6px 8px 4px;
    line-height: 1.2;
    background: #fff;
}
.teps-postslider-2 .teps-postslider-commn-meta ul.post-categories a{
    color: #454360;
}
.teps-postslider-1 .teps-postslider-button {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: -18px;
}
.teps-postslider-1 .teps-postslider-button-link:hover {
    background: #fff;
    border: 1px solid #4b4870;
    color: #4b4870;
}
.teps-postslider-1 .teps-swiper-slide {
    padding: 10px;
    padding-bottom: 25px;
}

/* style2 */
.teps-postslider-2 .teps-feature-image-link {
    background: #00000057;
}
.teps-postslider-2 .teps-postslider-content-info {
    width: 60%;
    position: relative;
    z-index: 1;
    text-align: center;
}
.teps-postslider-2 .teps-postslider-title {
    margin-top: 20px;
}
.teps-postslider-2 .teps-postslider-title-link {
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
}
.teps-postslider-2 .teps-postslider-meta-img img {
    border-radius: 50%;
}
.teps-postslider-2 .teps-postslider-commn-meta {
    color: #fff;
    border: 1px solid #fff;
    padding: 6px 8px 4px;
}
.teps-postslider-2 .teps-postslider-commn-meta ul.post-categories a{
    color: white;
}
.teps-postslider-2 .teps-postslider-meta {
    gap: 35px;
}
.teps-postslider-2 .teps-postslider-desce {
    color: #fff;
    margin: 15px 0 30px;
}
.teps-postslider-2 .teps-postslider-author .teps-postslider-commn-meta {
    border: 0;
    padding: 0;
}
.teps-postslider-2 .teps-postslider-button {
    margin-top: 35px;
}
.teps-postslider-2 .teps-postslider-button-link {
    background-color: transparent;
    border: 4px solid #fff;
}

/* style3 */
.teps-postslider-3 .teps-postslider-content-info {
    background: #fff;
    width: 50%;
    margin-right: 100px;
    margin-bottom: -115px;
    z-index: 1;
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
    padding: 40px 40px 80px;
    border-radius: 8px;
}
.teps-postslider-3 .teps-swiper-slide {
    padding-bottom: 130px;
}
.teps-postslider-3 .teps-postslider-title{
    margin-bottom: 20px;
}
.teps-postslider-3 .teps-postslider-title-link {
    display: inline-block;
    color: #3858f6;
    font-weight: 800;
    font-size: 35px;
    line-height: 1;
}
.teps-postslider-3 .teps-postslider-desce {
    margin-bottom: 20px;
}
.teps-postslider-3 .teps-postslider-meta {
    gap: 15px;
}
.teps-postslider-3 .teps-postslider-commn-meta {
    border-bottom: 2px solid #3858f6;
    color: #3858f6;
}
.teps-postslider-3 .teps-postslider-button {
    position: absolute;
    right: -68px;
    bottom: 0;
}
.teps-postslider-3 .teps-postslider-button-link {
    background: #3858F6;
    padding: 20px 30px;
    border-radius: 50px;
    line-height: 1;
    border: 2px solid #3858F6; 
}
.teps-postslider-3 .teps-postslider-button-link:hover {
    border: 2px solid #3858F6; 
    background: #fff;
}

/* style4 */
.teps-postslider-4 .teps-postslider-extra {
    width: 45%;
    margin: 0 auto;
}
.teps-postslider-4 .teps-postslider-meta {
    gap: 15px;
}
.teps-postslider-4 .teps-postslider-content-info {
    position: relative;
    z-index: 1;
    background: #fffffff0;
    padding: 25px;
}
.teps-postslider-4 .teps-postslider-title {
    margin-top: 15px;
}
.teps-postslider-4 .teps-postslider-title-link {
    display: inline-block;
    color: #111;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
}
.teps-postslider-4 .teps-postslider-desce {
    font-size: 14px;
    color: #111;
}
.teps-postslider-4 .teps-postslider-commn-meta {
    color: #111;
    font-size: 13px;
}
.teps-postslider-4 .teps-postslider-button {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 100%;
}
.teps-postslider-4 .teps-postslider-button-link {
    color: #111;
    font-weight: 700;
    background-color: #ffffffbf;
    text-align: center;
    width: 100%;
}
.teps-postslider-4 .teps-postslider-button-link:hover {
    background-color: #fff;
}

/* style5 */
.teps-postslider-5 .teps-postslider-feature-image {
    height: 650px;
}
.teps-postslider-5 .teps-postslider-content-info {
    width: 65%;
    margin-top: 70px;
    margin-left: 100px;
}
.teps-postslider-5 .teps-postslider-title {
    margin: 20px 0;
}
.teps-postslider-5 .teps-postslider-title-link {
    color: #282828;
    font-weight: 900;
    font-size: 60px;
    line-height: 1;
    text-transform: capitalize;
}
.teps-postslider-5 .teps-postslider-commn-meta {
    color: #282828c7;
    font-size: 15px;
    line-height: 1;
}
.teps-postslider-5 .teps-postslider-meta {
    gap: 20px;
}
.teps-postslider-5 .teps-postslider-button {
    z-index: 1;
    position: absolute;
    bottom: 50px;
    left: 100px;
}
.teps-postslider-5 .teps-postslider-button-link {
    background: #282828;
    border-radius: 30px;
    padding: 15px 30px;
    line-height: 1;
}

/* style6 */
.teps-postslider-6 .teps-postslider-content-info {
    background: #2B2E2B;
    width: 35%;
    height: 100%;
    z-index: 1;
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
    padding: 40px;
    border-radius: 0;
}
.teps-postslider-6 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-6 .teps-postslider-title-link {
    display: inline-block;
    color: #f4524d;
    font-weight: 800;
    font-size: 35px;
    line-height: 1;
}
.teps-postslider-6 .teps-postslider-desce {
    margin-bottom: 20px;
    color: #ddd;
}
.teps-postslider-6 .teps-postslider-meta {
    gap: 15px;
}
.teps-postslider-6 .teps-postslider-commn-meta {
    border-bottom: 2px solid #f4524d;
    color: #f4524d;
}
.teps-postslider-6 .teps-postslider-button {
    margin-top: 25px;
}
.teps-postslider-6 .teps-postslider-button-link {
    background: #f4524d;
    padding: 15px 30px;
    border-radius: 50px;
    line-height: 1;
    border: 2px solid #fff;
}
.teps-postslider-6 .teps-postslider-button-link:hover {
    border: 2px solid #fff; 
    background: #fff;
}


/* style7 */
.teps-postslider-7 .teps-postslider-content-info {
    background: #ffffffeb;
    width: 40%;
    z-index: 1;
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
    padding: 40px;
    border-radius: 0;
    margin-left: 100px;
}
.teps-postslider-7 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-7 .teps-postslider-title-link {
    display: inline-block;
    color: #000;
    font-size: 25px;
    line-height: 1;
}
.teps-postslider-7 .teps-postslider-desce {
    margin: 20px 0;
    color: #333;
    font-size: 14px;
}
.teps-postslider-7 .teps-postslider-meta {
    gap: 10px;
}
.teps-postslider-7 .teps-postslider-commn-meta {
    border: 1px solid #333;
    background: #333;
    color: #fff;
    padding: 4px;
    font-size: 13px;
}
.teps-postslider-7 .teps-postslider-commn-meta:hover {
    background: #fff;
    color: #333;
    border: 1px solid transparent;
}
.teps-postslider-7 .teps-postslider-button {
    margin-top: 25px;
}
.teps-postslider-7 .teps-postslider-button-link {
    background: #333;
    padding: 15px 30px;
    border-radius: 50px;
    line-height: 1;
    border: 2px solid #fff;
}
.teps-postslider-7 .teps-postslider-button-link:hover {
    border: 2px solid #fff; 
    background: #fff;
}

/* style8 */
.teps-postslider-8 .teps-postslider-content-info {
    background: #fff;
    padding: 40px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%);
    border-radius: 20px;
}
.teps-postslider-8 .teps-swiper-slide {
    padding: 10px;
}
.teps-postslider-8 .teps-postslider-feature-image {
    height: 450px;
}
.teps-postslider-8 .teps-postslider-feature-image img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
}
.teps-postslider-8 .teps-postslider-meta {
    gap: 20px;
    margin-top: 35px;
    margin-bottom: 25px;
}
.teps-postslider-8 .teps-postslider-commn-meta {
    border-right: 2px solid #c094ff;
    border-left: 2px solid #c094ff;
    color: #c094ffb3;
    border-top : 2px solid transparent;
    border-bottom : 2px solid transparent;
    padding-right: 13px;
    padding-left: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.teps-postslider-8 .teps-postslider-commn-meta:hover {
    border: 2px solid #c094ff;
}
.teps-postslider-8 .teps-postslider-title {
    margin-bottom: 12px;
}
.teps-postslider-8 .teps-postslider-title-link {
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    color: #c094ff;
}
.teps-postslider-8 .teps-postslider-desce {
    color: #c094ffb3;
}
.teps-postslider-8 .teps-postslider-button {
    margin-top: 40px;
}
.teps-postslider-8 .teps-postslider-button-link {
    color: #c094ff;
    border-bottom: 4px solid #c094ff;
    background-color: #fff;
    box-shadow: none;
    padding: 0;
}
.teps-postslider-8 .teps-postslider-button-link:hover {
    border-bottom: 1px solid #c094ff;
}

/* style9 */
.teps-postslider-9 .teps-postslider-feature-image,
.teps-postslider-9 .teps-postslider-content-info {
    height: auto;
    width: 100%;
}
.teps-postslider-9 .teps-postslider-content-info {
    background: #ffffff;
    padding: 30px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 
    0 22px 27px -30px rgb(7 10 25 / 10%);
}
.teps-postslider-9 .teps-swiper-slide {
    padding: 10px;
}
.teps-postslider-9 .teps-postslider-meta {
    border-top: 1px solid #6dd5ed;
    padding-top: 25px;
    gap: 9px;
}
.teps-postslider-9 .teps-postslider-commn-meta {
    border: 1px solid #6dd5ed;
    padding: 5px;
    font-size: 14px;
    color: #6dd5ed;
}
.teps-postslider-9 .teps-postslider-button-link {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #6dd5ed;
    color: #6dd5ed;
}
.teps-postslider-9 .teps-postslider-button {
    margin: 20px 0;
}
.teps-postslider-9 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-9 .teps-postslider-title-link {
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    color: #6dd5ed;
}


/* style10 */
.teps-postslider-10 .teps-postslider-feature-image,
.teps-postslider-10 .teps-postslider-content-info {
    height: auto;
    width: 100%;
}
.teps-postslider-10 .teps-postslider-content-info {
    background: #000000;
    padding: 150px 100px;
    text-align: center;
}
.teps-postslider-10 .teps-postslider-meta {
    gap: 19px;
}
.teps-postslider-10 .teps-postslider-commn-meta {
    padding: 8px 15px;
    font-size: 12px;
    color: #fff;
    background: #4286f4;
    border-radius: 4px;
}
.teps-postslider-10 .teps-postslider-button-link {
    box-shadow: none;
    background-color: #4286f4;
    border: 0;
    color: #fff;
}
.teps-postslider-10 .teps-postslider-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.teps-postslider-10 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-10 .teps-postslider-title-link {
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    color: #fff;
}
.teps-postslider-10 .teps-postslider-desce {
    color: #ddd;
    margin-bottom: 40px;
}

/* style11 */
.teps-postslider-11 .teps-postslider-feature-image {
    height: 600px;
}
.teps-postslider-11 .teps-postslider-content-info {
    background: #2B2E2B;
    width: 35%;
    height: 100%;
    z-index: 1;
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
    padding: 40px;
    border-radius: 0;
}
.teps-postslider-11 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-11 .teps-postslider-title-link {
    display: inline-block;
    color: #dd3e54;
    font-weight: 800;
    font-size: 35px;
    line-height: 1;
}
.teps-postslider-11 .teps-postslider-desce {
    margin-bottom: 20px;
    color: #ddd;
}
.teps-postslider-11 .teps-postslider-meta {
    gap: 15px;
}
.teps-postslider-11 .teps-postslider-commn-meta {
    border-bottom: 2px solid #dd3e54;
    color: #dd3e54;
}
.teps-postslider-11 .teps-postslider-button {
    position: absolute;
    right: 0;
    bottom: 0;
    left: -30px;
}
.teps-postslider-11 .teps-postslider-button-link {
    background: #dd3e54;
    padding: 35px 50px;
    border-radius: 0;
    line-height: 1;
    border: 0;
    display: block;
    text-transform: uppercase;
}
.teps-postslider-11 .teps-postslider-button-link:hover {
    color: #fff;
    background: #a62c3d;
}

/* style12 */
.teps-postslider-12 .teps-postslider-content-info {
    background: #fff;
    width: 50%;
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
    padding: 40px;
    border-radius: 8px;
}
.teps-postslider-12 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-12 .teps-postslider-title-link {
    display: inline-block;
    color: #6be585;
    font-weight: 800;
    font-size: 35px;
    line-height: 1;
}
.teps-postslider-12 .teps-postslider-desce {
    margin-bottom: 20px;
}
.teps-postslider-12 .teps-postslider-meta {
    gap: 15px;
}
.teps-postslider-12 .teps-postslider-commn-meta {
    border-bottom: 2px solid #6be585;
    color: #6be585;
}
.teps-postslider-12 .teps-postslider-button {
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    text-align: center;
}
.teps-postslider-12 .teps-postslider-button-link {
    background: #fff;
    padding: 20px 30px;
    border-radius: 50px;
    line-height: 1;
    box-shadow: none;
    color: #6be585;
}

/* style13 */
.teps-postslider-13 .teps-postslider-feature-image {
    height: 650px;
}
.teps-postslider-13 .teps-postslider-content-info {
    background: #fff;
    width: 50%;
    padding: 40px;
}
.teps-postslider-13 .teps-postslider-content-info::after {
    content: '';
    width: 100%;
    height: 200px;
    bottom: 0;
    background: #fff;
    left: 0;
    position: absolute;
    transform: skewY(-10deg);
    transform-origin: bottom right;
    z-index: -1;
}
.teps-postslider-13 .teps-postslider-title {
    margin-bottom: 13px;
}
.teps-postslider-13 .teps-postslider-title-link {
    display: block;
    color: #FF4B2B;
    font-weight: 800;
    font-size: 25px;
    line-height: 1;
    border-bottom: 2px solid red;
}
.teps-postslider-13 .teps-postslider-desce {
    margin-bottom: 20px;
    font-size: 14px;
}
.teps-postslider-13 .teps-postslider-meta {
    gap: 15px;
}
.teps-postslider-13 .teps-postslider-commn-meta {
    color: #FF4B2B;
    font-size: 14px;
}
.teps-postslider-13 .teps-postslider-button {
    margin-top: 20px;
}
.teps-postslider-13 .teps-postslider-button-link {
    background: #FF4B2B;
    padding: 7px 30px;
    border-radius: 50px;
    line-height: 1;
    box-shadow: none;
    color: #fff;
}


/* style14 */
.teps-postslider-14 .teps-postslider-feature-image,
.teps-postslider-14 .teps-postslider-content-info {
    width: 100%;
}
.teps-postslider-14 .teps-postslider-content-info {
    background: #141414;
    padding: 25px;
    margin-left: -100px;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    border-radius: 7px;
    position: inherit;
}
.teps-postslider-14 .teps-postslider-meta {
    gap: 19px;
}
.teps-postslider-14 .teps-postslider-commn-meta {
    padding: 8px 15px;
    font-size: 12px;
    color: #fff;
    background: #F27121;
    border-radius: 4px;
}
.teps-postslider-14 .teps-postslider-button-link {
    box-shadow: none;
    background-color: #F27121;
    border: 0;
    color: #fff;
}
.teps-postslider-14 .teps-postslider-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.teps-postslider-14 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-14 .teps-postslider-title-link {
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    color: #fff;
}
.teps-postslider-14 .teps-postslider-desce {
    color: #ddd;
    margin-bottom: 40px;
}
.teps-postslider-14 .teps-postslider-feature-image img {
    border-radius: 5px;
}

/* style15 */
.teps-postslider-15 .teps-postslider-content-info {
    background: #fff;
    width: 70%;
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
    padding: 40px;
    border-radius: 8px;
    margin-bottom: -100px;
    text-align: center;
}
.teps-postslider-15 .teps-swiper-slide {
    padding-bottom: 110px;
}
.teps-postslider-15 .teps-postslider-title {
    margin-bottom: 20px;
    margin-top: 20px;
}
.teps-postslider-15 .teps-postslider-title-link {
    display: inline-block;
    color: #333;
    font-weight: 800;
    font-size: 35px;
    line-height: 1;
}
.teps-postslider-15 .teps-postslider-desce {
    margin-bottom: 20px;
}
.teps-postslider-15 .teps-postslider-meta {
    gap: 8px;
}
.teps-postslider-15 .teps-postslider-commn-meta {
    color: #fff;
    font-size: 11px;
    padding: 6px;
}
.teps-postslider-15 .teps-postslider-date.teps-postslider-commn-meta {
    background: #0083B0;
}
.teps-postslider-15 .teps-postslider-author.teps-postslider-commn-meta {
    background: #00B4DB;
}
.teps-postslider-15 .teps-postslider-tag.teps-postslider-commn-meta {
    background: #2ebf91;
}
.teps-postslider-15 .teps-postslider-comment.teps-postslider-commn-meta {
    background: #FF4B2B;
}
.teps-postslider-15 .teps-postslider-category.teps-postslider-commn-meta {
    background: #FF416C;
}
.teps-postslider-15 .teps-postslider-button-link {
    background: transparent;
    color: #333;
    padding: 12px 22px;
    line-height: 1;
    border: 1px solid #333;
}
.teps-postslider-15 .teps-postslider-button-link:hover {
    background: #fff;
}

/* style16 */
.teps-postslider-16 .teps-postslider-content-info {
    width: 50%;
    margin-left: 30px;
    margin-bottom: 30px;
}
.teps-postslider-16 .teps-feature-image-link {
    background: #11111173;
    border-radius: 20px;
}
.teps-postslider-16 .teps-postslider-feature-image {
    border-radius: 20px;
}
.teps-postslider-16 .teps-postslider-title {
    margin-top: 20px;
    margin-bottom: 20px;
}
.teps-postslider-16 .teps-postslider-title-link {
    display: inline-block;
    color: #fff;
    font-weight: 800;
    font-size: 35px;
    line-height: 1;
}
.teps-postslider-16 .teps-postslider-desce {
    margin-bottom: 20px;
    color: #ffffffbf;
}
.teps-postslider-16 .teps-postslider-meta {
    gap: 15px;
}
.teps-postslider-16 .teps-postslider-commn-meta {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #fff;
    padding: 4px 0;
}
.teps-postslider-16 .teps-postslider-button {
    margin-top: 30px;
}
.teps-postslider-16 .teps-postslider-button-link {
    background: transparent;
    padding: 10px 0;
    line-height: 1;
    border: 0;
    border-top: 2px solid #fff;
    box-shadow: none;
    border-bottom: 2px solid #fff;
}

/* style17 */
.teps-postslider-17 .teps-postslider-content-info {
    width: 50%;
    background: #0000008C;
    padding: 30px;
}
.teps-postslider-17 .teps-feature-image-link {
    background: #1111114d;
}
.teps-postslider-17 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-17 .teps-postslider-title-link {
    display: inline-block;
    color: #fff;
    font-weight: 800;
    font-size: 35px;
    line-height: 1;
}
.teps-postslider-17 .teps-postslider-desce {
    margin-bottom: 20px;
    color: #ffffffbf;
}
.teps-postslider-17 .teps-postslider-meta {
    gap: 15px;
}
.teps-postslider-17 .teps-postslider-commn-meta {
    color: #fff;
}
.teps-postslider-17 .teps-postslider-button {
    margin-top: 30px;
}
.teps-postslider-17 .teps-postslider-button-link {
    background: #203A43;
    padding: 12px 25px;
}
.teps-postslider-17 .teps-postslider-commn-meta {
    color: #fff;
    font-size: 11px;
    padding: 6px;
}
.teps-postslider-17 .teps-postslider-date.teps-postslider-commn-meta {
    background: #0083B0;
}
.teps-postslider-17 .teps-postslider-author.teps-postslider-commn-meta {
    background: #00B4DB;
}
.teps-postslider-17 .teps-postslider-tag.teps-postslider-commn-meta {
    background: #2ebf91;
}
.teps-postslider-17 .teps-postslider-comment.teps-postslider-commn-meta {
    background: #FF4B2B;
}
.teps-postslider-17 .teps-postslider-category.teps-postslider-commn-meta {
    background: #FF416C;
}

/* style18 */
.teps-postslider-18 .teps-feature-image-link {
    background: #0000003b;
}
.teps-postslider-18 .teps-postslider-content-info {
    width: 90%;
}
.teps-postslider-18 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-18 .teps-postslider-title-link {
    font-size: 25px;
    line-height: 1;
    display: block;
    color: #fff;
    font-weight: 800;
    padding-bottom: 20px;
    border-bottom: 4px solid #fff;
}
.teps-postslider-18 .teps-postslider-desce {
    color: #fff;
}
.teps-postslider-18 .teps-postslider-button {
    margin-top: 25px;
}
.teps-postslider-18 .teps-postslider-button-link {
    box-shadow: none;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 900;
}
.teps-postslider-18 .teps-postslider-commn-meta {
    color: #fff;
}
.teps-postslider-18 .teps-postslider-meta {
    gap: 15px;
    margin-top: 20px;
}

/* style19 */
.teps-postslider-19 .teps-postslider-content-info {
    width: 35%;
    background: #5600C5;
    padding: 40px;
}
.teps-postslider-19 .teps-postslider-meta{
    gap: 10px;
}
.teps-postslider-19  .teps-postslider-commn-meta {
    color: #fff;
    background: #8A30FF;
    font-size: 13px;
    line-height: 1;
    padding: 4px 7px;
    border-radius: 4px;
}
.teps-postslider-19 .teps-postslider-title {
    margin: 20px 0;
}
.teps-postslider-19 .teps-postslider-title-link {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2;
}
.teps-postslider-19 .teps-postslider-desce {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.8);
}
.teps-postslider-19 .teps-postslider-button {
    margin-top: 40px;
}
.teps-postslider-19 .teps-postslider-button-link {
    background-color: #8a30ff;
    display: block;
    text-align: center;
}

/* style20 */
.teps-postslider-20 .teps-postslider-feature-image,
.teps-postslider-20 .teps-postslider-content-info {
    height: auto;
    width: 100%;
}
.teps-postslider-20 .teps-postslider-content-info {
    background: linear-gradient(to right, #8e2de2, #4a00e0);
    padding: 60px;
    margin: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
     rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
      rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.teps-postslider-20 .teps-postslider-title {
    margin: 20px 0;
}
.teps-postslider-20 .teps-postslider-title-link {
    font-size: 35px;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
}
.teps-postslider-20 .teps-postslider-meta{
    gap: 10px;
}
.teps-postslider-20 .teps-postslider-commn-meta {
    background: #FFAE00;
    color: #fff;
    padding: 5px 15px;
    font-size: 11px;
}
.teps-postslider-20 .teps-postslider-desce {
    color: #fff;
    font-size: 15px;
}
.teps-postslider-20 .teps-postslider-button {
    margin-top: 50px;
}
.teps-postslider-20 .teps-postslider-button-link {
    padding: 12px 25px;
    box-shadow: none;
    background-color: transparent;
    border-radius: 30px;
}
.teps-postslider-20 .teps-postslider-button-link:hover {
    background: #fff;
}

/* style18 */
.teps-postslider-21 .teps-feature-image-link {
    background: linear-gradient(180deg, transparent 36%, #4A00E0 100%);
}
.teps-postslider-21 .teps-postslider-content-info {
    width: 90%;
    margin-bottom: 50px;
}
.teps-postslider-21 .teps-postslider-title {
    margin-bottom: 20px;
}
.teps-postslider-21 .teps-postslider-title-link {
    font-size: 25px;
    line-height: 1;
    display: block;
    color: #fff;
    font-weight: 800;
    padding-bottom: 20px;
    border-bottom: 4px solid #fff;
}
.teps-postslider-21 .teps-postslider-desce {
    color: #fff;
}
.teps-postslider-21 .teps-postslider-button {
    margin-top: 25px;
}
.teps-postslider-21 .teps-postslider-button-link {
    box-shadow: none;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 900;
}
.teps-postslider-21 .teps-postslider-commn-meta {
    color: #fff;
    background: #333;
    padding: 4px 10px;
    font-size: 11px;
}
.teps-postslider-21 .teps-postslider-meta {
    gap: 15px;
    margin-top: 20px;
}



/* swiper ------------------------------------------------------------------*/
.teps-swiper-vertical .teps-swiper-wrapper {
    height: 600px;
}
.teps-swiper-scrollbar-drag {
    background: #fff;
}
.teps-swiper-button-next .teps-swiper-next, .teps-swiper-button-prev .teps-swiper-prev {
    top: 50%;
    position: absolute;
    color: #fff;
    width: 50px;
    height: 50px;
    background: #007aff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    z-index: 99;
    cursor: pointer;
    transform: translate(0, -50%);
    transition: all .4s ease-in-out;
}
.teps-swiper-button-next .teps-swiper-next:hover, .teps-swiper-button-prev .teps-swiper-prev:hover {
    background: #1157a1;
}
.teps-swiper-button-prev .teps-swiper-prev {
    left: 10px;
}
.teps-swiper-button-next .teps-swiper-next {
    right: 10px;
}

/* dots */
.teps-swiper-pagination .teps-swiper-pagination-bullet {
    background: #1157a1;
    opacity: 1;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    line-height: 1;
    margin: 0;
    position: relative;
}
.teps-swiper-pagination .teps-swiper-pagination-bullet.teps-swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.teps-swiper-pagination.teps-swiper-pagination-bullets .teps-swiper-pagination-bullet:not(:last-child) {
    margin-right: 10px;
}

.teps-swiper-pagination-progressbar .teps-swiper-pagination-progressbar-fill {
    background: #007aff;
}

/* fraction */
.teps-swiper-pagination-fraction {
    display: flex;
    align-items: center;
    justify-content: center;
}
.teps-swiper-pagination-fraction span {
    background: #F5F5F540;
    color: #fff;
    font-size: 17px;
    line-height: 1;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* vertically */
.teps-swiper-pagination-vertical.teps-swiper-pagination.teps-swiper-pagination-bullets .teps-swiper-pagination-bullet {
    margin-right: 0;
}
.teps-swiper-pagination-vertical.teps-swiper-pagination.teps-swiper-pagination-bullets .teps-swiper-pagination-bullet:not(:last-child) {
    margin-bottom: 10px;
}


.teps-postslider-category ul.post-categories {
    padding-left: 0px;
}






/* for-responsive-css-code */

@media (min-width: 768px) and (max-width: 1024px){

    .teps-postslider-3 .teps-postslider-content-info {
        padding: 30px 30px 80px;
    }

    .teps-postslider-7 .teps-postslider-content-info {
        width: 50%;
        padding: 30px;
        margin-left: 70px;
    }

    .teps-postslider-10 .teps-postslider-content-info {
        padding: 100px 50px 120px;
    }

    .teps-postslider-11 .teps-postslider-content-info,
    .teps-postslider-6 .teps-postslider-content-info {
        width: 45%;
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .teps-postslider-1 .teps-flex-wrap1 {
        flex-wrap: wrap;
    }
    .teps-postslider-1 .teps-postslider-content-info {
        padding: 25px;
        padding-bottom: 70px;
    }
    .teps-postslider-1 .teps-postslider-feature-image {
        width: 100%;
    }
    .teps-postslider-1 .teps-postslider-title {
        margin-left: 0;
        margin-top: 25px;
    }
    .teps-postslider-1 .teps-postslider-desce {
        margin: 25px 0 35px;
    }

    .teps-postslider-2 .teps-postslider-content-info {
        width: 90%;
    }

    .teps-postslider-3 .teps-postslider-content-info {
        width: 90%;
        margin-right: 0;
        padding: 25px;
    }
    .teps-postslider-3 .teps-postslider-box-alignment {
        justify-content: center!important;
    }
    .teps-postslider-3 .teps-postslider-button {
        position: initial;
        right: 0;
        margin-top: 20px;
    }

    .teps-postslider-4 .teps-postslider-content-info {
        display: block!important;
    }
    .teps-postslider-4 .teps-postslider-extra {
        width: 100%;
    }
    .teps-postslider-4 .teps-postslider-desce {
        margin-top: 15px;
    }

    .teps-postslider-5 .teps-postslider-box-alignment {
        justify-content: center!important;
    }
    .teps-postslider-5 .teps-postslider-content-info {
        width: 90%;
        margin-top: 40px;
        margin-left: 0;
    }
    .teps-postslider-5 .teps-postslider-button {
        left: 30px;
    }

    .teps-postslider-6 .teps-postslider-content-info {
        width: 90%;
        padding: 25px;
    }

    .teps-postslider-7 .teps-postslider-content-info {
        width: 90%;
        padding: 25px;
        margin-left: 0;
    }
    .teps-postslider-7 .teps-postslider-box-alignment {
        justify-content: center!important;
    }

    .teps-postslider-8 .teps-postslider-content-info {
        padding: 20px 20px 35px;
    }
    .teps-postslider-8 .teps-postslider-feature-image {
        height: 350px;
    }

    .teps-postslider-9 .teps-flex-wrap9,
    .teps-postslider-10 .teps-flex-wrap10 {
        flex-wrap: wrap;
    }
    .teps-postslider-9 .teps-postslider-feature-image,
    .teps-postslider-10 .teps-postslider-feature-image {
        height: 350px;
    }
    .teps-postslider-9 .teps-postslider-content-info {
        padding: 20px;
    }


    .teps-postslider-10 .teps-postslider-content-info {
        padding: 30px 20px;
        text-align: left;
    }
    .teps-postslider-10 .teps-postslider-button {
        position: initial;
        margin-bottom: 40px;
    }
    .teps-postslider-10 .teps-postslider-meta {
        justify-content: start!important;
    }
    .teps-postslider-10 .teps-postslider-desce {
        margin-bottom: 20px;
    }

    .teps-postslider-11 .teps-postslider-content-info {
        width: 90%;
        height: auto;
        padding: 20px;
    }
    .teps-postslider-11 .teps-postslider-button {
        position: initial;
        margin-top: 30px;
    }
    .teps-postslider-11 .teps-postslider-button-link {
        padding: 20px 25px;
        display: inline-block;
    }
    .teps-postslider-11 .teps-postslider-box-alignment {
        justify-content: center!important;
    }

    .teps-postslider-12 .teps-postslider-content-info {
        width: 90%;
        padding: 20px 20px 50px;
    }

    .teps-postslider-13 .teps-postslider-content-info {
        width: 90%;
        padding: 20px;
    }
    .teps-postslider-13 .teps-postslider-box-alignment {
        align-items: center!important;
        justify-content: center!important;
    }

    .teps-postslider-14 .teps-postslider-box-alignment {
        flex-wrap: wrap;
    }
    .teps-postslider-14 .teps-postslider-content-info {
        padding: 20px;
        margin-left: 0;
        border-radius: 0;
    }
    .teps-postslider-14 .teps-postslider-feature-image img {
        border-radius: 0px;
    }
    .teps-postslider-14 .teps-postslider-feature-image {
        height: 350px;
    }
    .teps-postslider-14 .flex-wrap-wrap {
        justify-content: start!important;
    }

    .teps-postslider-15 .teps-postslider-content-info {
        width: 90%;
        padding: 20px;
    }

    .teps-postslider-16 .teps-postslider-content-info {
        width: 90%;
        margin-left: 0;
        margin-bottom: 0;
    }
    .teps-postslider-16 .teps-postslider-box-alignment {
        align-items: center!important;
        justify-content: center!important;
    }

    .teps-postslider-17 .teps-postslider-content-info {
        width: 90%;
        padding: 20px;
    }

    .teps-postslider-18 .teps-postslider-content-info {
        width: 90%;
    }

    .teps-postslider-19 .teps-postslider-content-info {
        width: 90%;
        padding: 20px;
    }

    .teps-postslider-20 .teps-flex-wrap20 {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .teps-postslider-20 .teps-postslider-content-info {
        padding: 15px;
        margin: 10px;
    }
    .teps-postslider-20 .teps-postslider-feature-image {
        height: 350px;
    }

}