.hero-section {

    display: flex;
    align-items: center;
    background-color: #f8f9fa;
}


.hero-text ul {
    list-style: none;
    padding: 0;
}

.hero-text ul li::before {
    content: "✔";
    color: black;
    margin-right: 10px;
}





@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-15px);
}
60% {
transform: translateY(-7px);
}
}

.icon-animate {
animation: bounce 2s infinite;
}

/* Extra purple color */
.text-purple {
color: #6f42c1;
}
p{
color: black;
font-size: 18px;

}


.service-card {
border: none;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.icon-wrapper {
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
color: #fff;
font-size: 2rem;
animation: bounce 2s infinite;
}

/* Bounce animation */
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}


.tech-icon {
transition: transform 0.3s ease, box-shadow 0.3s ease;
padding: 10px;
}
.tech-icon img {
width: 96px;
height: 96px;
animation: float 3s ease-in-out infinite;
}
.tech-icon:hover {
transform: scale(1.1) rotate(5deg);
}
@keyframes float {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}

.animated-icon {
animation: bounce 2s infinite;
}

@keyframes bounce {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}

.counter-box {
transition: transform 0.3s ease;
}
.counter-box:hover {
transform: translateY(-5px);
}


.icon-box {
display: flex;
flex-direction: column;
align-items: center;
animation: zoomIn 2s ease-in-out infinite alternate;
}
.flag-img {
width: 100px;
height: auto;
border-radius: 8px;
transition: transform 0.5s;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.flag-img:hover {
transform: scale(1.1) rotate(5deg);
}
@keyframes zoomIn {
from {
transform: scale(1);
}
to {
transform: scale(1.05);
}
}


.card-category {
position: absolute;
top: 15px;
right: 15px;
background-color: #5c768d;
color: white;
padding: 5px 15px;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
border-radius: 20px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

/* Card Body Styling */
.custom-card .card-body {
padding: 20px;
}

.card-title {
font-size: 19px;
font-weight: bold;

}

.card-text {
font-size: 18px;
color: #555;
margin-bottom: 15px;
}
.custom-card {
position: relative;
border: none;
border-radius: 12px;  /* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-card:hover {
transform: translateY(-10px); /* Card lifts on hover */
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Larger shadow on hover */
}

/* Image Styling: Ensures all images are the same size */
.custom-card img {
width: 100%; /* Ensure the image takes the full width of the card */
height: 250px; /* Fixed height for uniformity */
object-fit: cover; /* Ensures images cover the area without stretching */
}