.slider-recent-img {
    position: relative;
}

.spkit-wslider-text {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    background: #ffffffc4;
    padding: 13px 5px;
}

.spkit-overlay h4 {
    font-weight: 700;
}

/*social share widget style*/
.spkit-social-widget li {
    display: inline-block;
}

.spkit-social-widget li a {
    padding: 7px 9px;
    border: 1px solid #ccc;
    margin-right: 3px;
    border-radius: 50%;
}

.spkit-social-widget li a:hover {
    background: #000;
    color: #fff;
    opacity: 1;
}

/*About widget style*/
.about-img {
    margin-bottom: 20px;
}
h3.about-tit {
    font-size: 20px;
}

.about-info {
    text-align: center;
    margin-bottom: 1rem;
}


.about-img img {
    margin: 0;
    width: 100%;
}

.about-img-cap {
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 999;
    height: 80px;
    width: 100%;
    margin: auto;
    top: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    opacity: 0;
    transition: 0.6s
}

.about-info:hover .about-img-cap,
.about-info:hover .about-img:before {
    opacity: 1;
}

.about-info:hover .about-img:before {
    opacity: 0.6;
}

/*recent post widget style*/
.widget .spkit-recent-img,
.widget .iframe-container {
    flex: 0 0 35%;
    margin-right: 10px;
}

.widget ul li.spkit-recent-item {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
}

.widget .spkit-recent-img img {
    margin: 0;
}

.widget .spkit-recent-text h4 {
    font-size: 15px;
    margin-bottom: 5px;
}

.widget .spkit-recent-text span.post-date {
    font-size: 12px;
    text-transform: uppercase;
}
.twostyle li.spkit-recent-item {
    display: flex;
    flex-direction: column;
}

.twostyle .spkit-recent-img {
    margin-bottom: 10px;
}
.spkit-recent-item .iframe-container {
    min-height: inherit;
}

.onestyle .spkit-recent-item .iframe-container {
    position: relative;
    overflow: hidden;
    width: 90%;
    padding-top: 30.25%;
    margin-right: 10px;
    min-height: inherit;
} 

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
}