circle-image {
				width: 150px; /* Set desired width */
				height: 150px; /* Set desired height */
				border-radius: 50%; /* Makes the image circular */
				object-fit: cover; /* Ensures proper scaling */
				}
				.services-section {
				    padding: 60px 20px;
				    background: #f4f6fb;
				    font-family: Arial, sans-serif;
				    background-image: url("img/services-bg.png");
				}

				.section-title {
				    text-align: center;
				    font-size: 32px;
				    font-weight: 700;
				    margin-bottom: 10px;
				    color: #222;
				}

				.section-subtitle {
				    text-align: center;
				    max-width: 800px;
				    margin: 0 auto 40px;
				    color: #666;
				    font-size: 15px;
				}

				.services-grid {
				    display: grid;
				    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
				    gap: 20px;
				}

				.service-box {
				    background: #fff;
				    padding: 25px;
				    border-radius: 12px;
				    text-align: center;
				    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
				    transition: 0.3s;
				}

				.service-box:hover {
				    transform: translateY(-6px);
				    box-shadow: 0 12px 25px rgba(0,0,0,0.12);
				}

				.service-box i {
				    font-size: 40px;
				    margin-bottom: 15px;
				}

				.service-box h3 {
				    font-size: 18px;
				    margin-bottom: 10px;
				    color: #222;
				}

				.service-box p {
				    font-size: 14px;
				    color: #666;
				    line-height: 1.5;
				}

				/* Header Menu */
				.order-2 {
	     		order: 0 !important; 
				}


				.service-box i {
    				font-size: 40px;
    				margin-bottom: 15px;
    				color: #8FA8B5; /* light icon color */
				}

				/* Sentence slider above footer */
				.fw-semibold {
  					font-weight: 600;
				}