| 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/text-with-arrow-cards/ |
Upload File : |
.progress-section .progress-cards-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 35px;
}
.progress-section-heading {
text-align: center;
}
.progress-section-heading h2 {
font-weight: 700;
margin-bottom: 32px;
}
.progress-section-heading p {
margin-bottom: 32px;
color: #3A3E50;
font-size: 18px;
line-height: 24px;
}
.progress-section .progress-cards-wrapper .progress-card {
border-radius: 15px;
background: #F4F4FF;
transition: transform 0.3s ease;
width: 31%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 70px 20px;
}
.progress-section.four-cards .progress-cards-wrapper .progress-card {
width: 20%;
padding: 30px 20px;
}
.progress-section .progress-cards-wrapper .progress-card:hover {
transform: translateY(-4px);
}
.progress-card-content h4 {
color: #000;
text-align: center;
font-size: 40px;
font-weight: 700;
line-height: 48px;
display: flex;
align-items: center;
margin: 0 0 5px;
justify-content: center;
}
.progress-card-content p {
color: #3A3E50;
text-align: center;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 34px;
margin-bottom: 0;
}
.progress-card-content h4 img {
width: 44px;
height: 44px;
margin-left: 10px;
}
.progress-card-icon {
width: 42px;
height: 42px;
margin: 0 auto 27px;
}
.progress-card-icon img {
width: 100%;
height: 100%;
}
@media (max-width:1200px) {
.progress-section .progress-cards-wrapper .progress-card {
width: 32%;
}
.progress-section.four-cards .progress-cards-wrapper .progress-card {
width: 23%;
}
.progress-section .progress-cards-wrapper {
gap: 12px;
}
}
@media (max-width:768px) {
.progress-section .progress-cards-wrapper .progress-card,
.progress-section.four-cards .progress-cards-wrapper .progress-card{
width: 48%;
}
.progress-section-heading h2 {
margin-bottom: 25px;
}
}
@media (max-width:480px) {
.progress-section .progress-cards-wrapper .progress-card,
.progress-section.four-cards .progress-cards-wrapper .progress-card{
width: 100%;
}
}