/* Hizmet CSS - MS */
.service-item {
    background-color: #ffffff;
    padding: 20px; 
    border-radius: 12px; 
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); 
    text-align: center; 
    height: 300px; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.service-item:hover {
    transform: translateY(-5px); 
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); 
}

.service-item i {
    font-size: 2.5rem; 
    margin-bottom: 15px;
}

.service-item h4 {
    font-size: 1.5rem; 
    margin-bottom: 10px; 
    color: #333; 
    font-weight: 600; 
}

.service-item p {
    font-size: 1rem; 
    margin: 0; 
    color: #666; 
}

.social-media-icons {
    list-style-type: none;
    padding: 0;
    gap: 10px;
}

.social-media-icons li a {
    text-decoration: none;
    font-size: 24px;
    transition: color 0.3s;
}

.social-media-icons li a.facebook {
    color: #3b5998;
}

.social-media-icons li a.instagram {
    color: #E1306C;
}

.social-media-icons li a.twitter {
    color: #1DA1F2;
}

.social-media-icons li a:hover {
    opacity: 0.8;
}


        @keyframes shake {
            0% { transform: translate(0); }
            25% { transform: translate(-2px, 0); }
            50% { transform: translate(2px, 0); }
            75% { transform: translate(-2px, 0); }
            100% { transform: translate(0); }
        }

        .whatsapp-icon {
            position: fixed;  
            bottom: 0.3cm;     
            left: 0;  
            z-index: 1000;     
        }

        .whatsapp-icon img {
            width: 50px;       
            height: 50px;      
            border-radius: 50%; 
            transition: transform 0.3s ease; 
        }

        .whatsapp-icon:hover img {
            transform: scale(1.1); 
        }
		
		
		
		
		.resume-item {
    background-color: #ffffff;
    padding: 20px; 
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); 
    text-align: center;
    height: 300px; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.resume-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.resume-item .icon {
    font-size: 2.5rem;
    margin-bottom: 15px; 
}

.resume-item h4 {
    font-size: 1.5rem; 
    margin-bottom: 10px; 
    color: #333; 
    font-weight: 600;
}

.resume-item .company {
    font-size: 1rem;
    margin: 0;
    color: #666;
}


@media (max-width: 768px) {
    .resume-item {
        height: auto;
    }

    .resume-item h4 {
        font-size: 1.3rem;
    }

    .resume-item .company {
        font-size: 0.9rem; 
    }
}

        .carbon--web-services-container {
            display: inline-block;
            width: 1em;
            height: 1em;
            --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m22.505 11.637l-5.989-3.5a1 1 0 0 0-1.008-.001l-6.011 3.5A1 1 0 0 0 9 12.5v7a1 1 0 0 0 .497.864l6.011 3.5A.96.96 0 0 0 16 24c.174 0 .36-.045.516-.137l5.989-3.5A1 1 0 0 0 23 19.5v-7a1 1 0 0 0-.495-.863m-6.494-1.48l4.007 2.343l-4.007 2.342l-4.023-2.342zM11 14.24l4 2.33v4.685l-4-2.33zm6 7.025v-4.683l4-2.338v4.683z'/%3E%3Cpath fill='%23000' d='M16 1a1 1 0 0 0-.504.136l-12 7A1 1 0 0 0 3 9v14a1 1 0 0 0 .496.864l12 7a1 1 0 0 0 1.008 0l11-6.417l-1.008-1.727L16 28.842L5 22.426V9.575l11-6.417l11 6.416V17h2V9a1 1 0 0 0-.496-.864l-12-7A1 1 0 0 0 16 1'/%3E%3C/svg%3E");
            background-color: currentColor;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
        }