.home-intro {
    flex-direction: column;
    text-align: center;
}

.intro-left h3 {
    font-size: 1.3rem;
}

.intro-left p {
    text-align: left;
    font-weight: 400;
}

.intro-right {
    height: 250px;
}

.trustlogo {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.logo-grid {
    gap: 15px;
}

.logo-grid img {
    height: 25px;
}

.concept {
    grid-template-columns: 1fr;
    gap: 20px;
}

.concept::before {
    display: none;
}

.title, .details {
    grid-column: 1;
    text-align: center;
    padding: 0;
}

.details p{
    text-align: left;
}

.title header {
    font-size: 1.4rem;
    margin-bottom: 15px;
}

.services {
    padding: 40px 25px;
}

.title p{
    font-weight: 400;
}

.services-content {
    height: 300px;
    margin: 40px 0 30px;
}

.service-card {
    width: 220px;
    height: 280px;
    margin-left: -110px;
    margin-top: -140px;
}

.card-image {
    height: 112px;
}

.card-content {
    height: 168px;
    padding: 12px;
}

.card-content h3 {
    font-size: 1rem;
}

.card-content p {
    font-size: 0.9rem;
}

.navigation {
    margin-top: 20px;
}

header h1 {
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.about-header {
    flex-direction: column;
    text-align: center;
}

.about-icon {
    margin-right: 0;
    margin-bottom: 15px;
}

.about-text {
    margin: 40px 0 30px;
}

.about-title {
    font-size: 1.8rem;
}

.values-grid {
    grid-template-columns: 1fr;
}

.stats {
    grid-template-columns: repeat(2, 1fr);
}

.interactive-globe {
    width: 200px;
    height: 200px;
}

.about-section{
    margin: 40px 0 30px;
}

.orbit {
    width: 300px;
    height: 300px;
}

.orbit:nth-child(2) {
    width: 250px;
    height: 250px;
}

.orbit:nth-child(3) {
    width: 350px;
    height: 350px;
}

.contact-section {
    grid-template-columns: 1fr;
}

.surprise-element {
    height: 300px;
    order: -1;
}

.projects-cards-container {
    grid-template-columns: 1fr;
}

.proj-card-content h3{
    font-size: 1rem;
}

.about-content {
        padding: 40px 25px;
}
.footer-content {
    flex-direction: column;
}

.footer-section {
    text-align: center;
    font-size: 12px;
}

.footer-section h3{
    font-size: 1.2rem;
}

.contact-item {
    justify-content: center;
}

.social-icons {
    justify-content: center;
}