| Server IP : 65.108.144.40 / Your IP : 216.73.217.165 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ubuntu-8gb-hel1-1 5.15.0-173-generic #183-Ubuntu SMP Fri Mar 6 13:29:34 UTC 2026 x86_64 User : dev ( 1000) PHP Version : 8.2.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/successkpi/wp-content/themes/successkpi/blocks/alternate-media-content/ |
Upload File : |
.sk-media-content-section-heading {
text-align: center;
margin-bottom: 40px;
}
.sk-media-content-section-heading p {
max-width: 925px;
margin: 20px auto 30px;
text-align: center;
}
.sk-media-content-wrapper .sk-content-col a {
text-decoration: none;
font-size: 16px;
line-height: 21px;
}
.sk-media-content-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 30px;
}
.sk-media-content-wrapper .sk-media-col, .sk-media-content-wrapper .sk-content-col {
width: 48%;
}
.sk-media-content-wrapper .sk-media-col .sk-media:has(img) {
width: 100%;
height: 350px;
}
.sk-media-content-wrapper .sk-media-col .sk-media img {
width: 100%;
height: 100%;
object-fit: contain;
}
.sk-media-content-wrapper .sk-content-col ul {
list-style: none;
padding-left: 20px;
}
.sk-media-content-wrapper .sk-content-col h2 {
margin-bottom: 24px;
}
.sk-media-content-wrapper .sk-content-col ul li, .sk-media-content-wrapper .sk-content-col p {
position: relative;
color: #3A3E50;
padding-bottom: 5px;
}
.sk-media-content-wrapper .sk-content-col ul li::before {
content: '';
top: 4px;
background-image: url(/wp-content/uploads/2026/04/left-right-check-icon.svg);
background-color: transparent;
background-size: cover;
width: 14px;
height: 14px;
left: -20px;
position: absolute;
}
.sk-media-content-wrapper .sk-media-col {
overflow: hidden;
border-radius: 16px;
background: #EEF0FC;
padding: 20px 30px;
}
.sk-media-content-wrapper:nth-child(4n+2) .sk-media-col {
background: #eef0fc;
}
.sk-media-content-wrapper:nth-child(4n+3) .sk-media-col {
background: #e9dfff;
}
.sk-media-content-wrapper:nth-child(4n+4) .sk-media-col {
background: #deffec;
}
.sk-media-content-wrapper:nth-child(4n+5) .sk-media-col{
background: #FFF0E0;
}
.sk-media-content-section.without-bg-color .sk-media-col {
background-color: unset;
}
.sk-content-col .custom-btn {
margin-top: 0;
}
.sk-media {
position: relative;
}
.sk-media .sk-play-video {
z-index: 9;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
width: 60px;
height: 60px;
margin: auto;
background: #31bced;
align-items: center;
border-radius: 50%;
font-size: 20px;
color: #fff;
border: 0 none;
}
.sk-media-content-section.without-bg .sk-media-col {
background: none;
}
/* .sk-media-content-wrapper .sk-content-col a.custom-btn {
line-height: 16px;
font-size: 14px;
} */
@media screen and (max-width:1100px) {
.sk-media-content-wrapper .sk-content-col h2 {
margin-bottom: 24px;
}
.sk-media-content-wrapper .sk-media-col .sk-media:has(img) {
width: 100%;
height: 100%;
}
.sk-media-content-wrapper .sk-content-col a {
font-size: 16px;
line-height: 21px;
}
}
@media screen and (max-width:991px) {
.sk-media-content-wrapper .sk-media-col, .sk-media-content-wrapper .sk-content-col {
width: 100%;
}
.sk-media-content-wrapper {
flex-direction: column;
}
.sk-media-col {
order: 1;
}
.sk-content-col {
order: 2;
}
.sk-media-content-wrapper .sk-content-col {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media screen and (max-width:767px) {
.sk-media-content-wrapper .sk-content-col h2 {
margin-bottom: 16px;
}
.sk-media-content-section.single-left-right .sk-media-content-wrapper {
flex-direction: column;
margin-bottom: 0;
}
.sk-media-content-section.single-left-right .sk-media-content-wrapper .sk-media-col{
padding: 0;
}
.sk-media-content-wrapper .sk-media-col .sk-media:has(img) {
width: 100%;
height: 100%;
}
}