Save

wp-content/themes/hello-elementor/assets/css/custom.scss

@@ -153,3 +153,83 @@ p {
 		gap: 20px;
 	}
 }
+
+.acc-tile-box {
+	&.active {
+		.acc-tile-img {
+			&::before {
+				transform: translateY(0);
+				opacity: 1;
+			}
+		}
+		.acc-tile {
+			margin-top: -200px;
+			padding-top: 100px !important;
+		}
+	}
+
+	.acc-tile-img {
+		position: relative;
+
+		&::before {
+			content: '';
+			position: absolute;
+			inset: 0;
+			background: linear-gradient(
+				180deg,
+				rgba(231, 237, 243, 0.37) -97.39%,
+				#e7edf3 100%
+			);
+			opacity: 0;
+			transform: translateY(100%);
+			transition: all 250ms linear;
+		}
+	}
+	.acc-tile {
+		position: relative;
+		transition: all 250ms linear;
+	}
+
+	.acc-tile-data {
+		display: none;
+	}
+	.acc-tile-btn {
+		&.active {
+			.elementor-button-icon {
+				transform: rotate(180deg);
+			}
+		}
+
+		.elementor-button-icon {
+			transition: all 250ms linear;
+		}
+	}
+}
+
+.acc-big-tile-data {
+	display: none;
+}
+.acc-big-tile-btn {
+	&.active {
+		.elementor-button-icon {
+			transform: rotate(180deg);
+		}
+	}
+
+	.elementor-button-icon {
+		transition: all 250ms linear;
+	}
+}
+
+.acc-big-tile-img {
+	height: 496px;
+	overflow: hidden;
+
+	img {
+		// max-height: 496px;
+		height: 100%;
+		width: 100%;
+		object-fit: cover;
+		object-position: top center;
+	}
+}