/* Mobile Slider */
	.mobile-slider-wrapper {
	    display: block;
	    overflow-x: auto;
	    padding: 0 16px;
	    margin: 0 -16px;
	    -ms-overflow-style: none;
	    scrollbar-width: none;
	}

	.mobile-slider-wrapper::-webkit-scrollbar {
	    display: none;
	}

	.mobile-slider {
	    display: flex;
	    gap: 16px;
	    scroll-snap-type: x mandatory;
	}

	/* Desktop Grid */
	.desktop-grid {
	    display: none;
	}

	/* Gallery Card */
	.gallery-card {
	    background-color: #f0f2f7;
	    border-radius: 10px;
	    overflow: hidden;
	    border: 2px solid transparent;
	    transition: all 300ms ease-in-out;
	    display: flex;
	    flex-direction: column;
	    min-width: 80%;
	    scroll-snap-align: start;
	}

	.gallery-card:hover {
	    border-color: #00bba7;
	}

	.card-image-wrapper {
	    width: 100%;
	    height: 200px;
	    overflow: hidden;
	}

	.card-image {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.card-content {
	    padding: 24px;
	    display: flex;
	    flex-direction: column;
	    gap: 16px;
	    flex-grow: 1;
	}

	.card-text-wrapper {
	    display: flex;
	    flex-direction: column;
	    gap: 12px;
	    flex-grow: 1;
	}

	.card-title {
	    font-family: 'Inter', sans-serif;
	    font-weight: 600;
	    font-size: 20px;
	    line-height: 1.3;
	    color: #0f172b;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}

	.card-description {
	    font-family: 'Inter', sans-serif;
	    font-weight: 400;
	    font-size: 16px;
	    line-height: 1.5;
	    color: #45556c;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}

	.card-button {
	    background-color: #00bba7;
	    display: flex;
	    height: 43px;
	    align-items: center;
	    justify-content: center;
	    padding: 4px 29px;
	    border-radius: 15px;
	    border: none;
	    cursor: pointer;
	    transition: background-color 300ms ease-in-out;
	    align-self: flex-start;
	}

	.card-button:hover {
	    background-color: #00a896;
	}

	.button-text {
	    font-family: 'Inter', sans-serif;
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 24px;
	    color: white;
	    white-space: nowrap;
	}
	/* Media Queries */
	@media (min-width: 768px) {
	    .section-title {
	        font-size: 40px;
	    }

	    .section-subtitle {
	        font-size: 18px;
	    }

	    .mobile-slider-wrapper {
	        display: none;
	    }

	    .desktop-grid {
	        display: grid;
	        grid-template-columns: repeat(2, 1fr);
	        gap: 24px;
	    }

	    .gallery-card {
	        min-width: 0;
	    }
	}

	@media (min-width: 1024px) {
	    .desktop-grid {
	        gap: 32px;
	    }
	}