Save

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

@@ -50,4 +50,185 @@
   height: 3px;
   background: var(--e-global-color-accent);
   transform: translate(0, -50%);
+}
+
+.home-card-2 .elementor-image-box-wrapper {
+  position: relative;
+  line-height: 0;
+  height: 100%;
+}
+.home-card-2 .elementor-image-box-wrapper:hover .elementor-image-box-img a::after {
+  height: 250%;
+  transition: all 600ms linear;
+  background-color: transparent;
+}
+.home-card-2 .elementor-image-box-wrapper:hover .elementor-image-box-img img {
+  transform: scale(1.1);
+  filter: brightness(0.5);
+}
+.home-card-2 .elementor-image-box-wrapper:hover .elementor-image-box-content .elementor-image-box-description {
+  height: 300px;
+  padding-top: 20px;
+}
+.home-card-2 .elementor-image-box-wrapper .elementor-image-box-img {
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+}
+.home-card-2 .elementor-image-box-wrapper .elementor-image-box-img img {
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  filter: brightness(0.7);
+}
+.home-card-2 .elementor-image-box-wrapper .elementor-image-box-img a::after {
+  content: "";
+  position: absolute;
+  width: 200%;
+  height: 0%;
+  left: 50%;
+  top: 50%;
+  background-color: rgba(255, 255, 255, 0.3);
+  transform: translate(-50%, -50%) rotate(-45deg);
+  z-index: 1;
+}
+.home-card-2 .elementor-image-box-wrapper .elementor-image-box-content {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  padding: 40px;
+  line-height: 1.5;
+}
+.home-card-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
+  position: relative;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.home-card-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: -4px;
+  width: 40px;
+  height: 2px;
+  background: var(--e-global-color-accent);
+}
+.home-card-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-description {
+  padding-top: 0px;
+  margin-bottom: 0px;
+  height: 0;
+  max-height: -moz-fit-content;
+  max-height: fit-content;
+  overflow: hidden;
+  transition: all 0.3s ease-in-out;
+}
+.hp-box-2.hp-box-2-left .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::before {
+  right: 0;
+}
+.hp-box-2.hp-box-2-right .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::before {
+  left: 0;
+}
+.hp-box-2 .elementor-image-box-wrapper {
+  height: 100%;
+}
+.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content {
+  padding-top: 40px;
+}
+.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
+  position: relative;
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::before {
+  content: "";
+  position: absolute;
+  bottom: -4px;
+  width: 40px;
+  height: 2px;
+  background: var(--e-global-color-accent);
+}
+.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-link {
+  position: relative;
+  padding-left: 25px;
+  color: #000;
+  font-size: 12px;
+  font-family: "Open Sans", sans-serif;
+  font-weight: 700;
+  transition: all 0.3s ease-in-out;
+}
+.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-link:hover {
+  color: var(--e-global-color-accent);
+}
+.hp-box-2 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-link::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 15px;
+  height: 3px;
+  background: var(--e-global-color-accent);
+  transform: translate(0, -50%);
+}
+
+.title-b-line-left {
+  position: relative;
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+.title-b-line-left::before {
+  content: "";
+  position: absolute;
+  bottom: -5px;
+  width: 40px;
+  height: 2px;
+  background: var(--e-global-color-accent);
+}
+
+.btn-1:hover .elementor-button .elementor-button-text {
+  color: var(--e-global-color-accent);
+}
+.btn-1 .elementor-button {
+  padding: 0;
+  margin: 0;
+  border-radius: 0;
+  background: transparent !important;
+  border: none !important;
+}
+.btn-1 .elementor-button .elementor-button-text {
+  position: relative;
+  padding-left: 25px;
+  color: #000;
+  font-size: 12px;
+  font-family: "Open Sans", sans-serif;
+  font-weight: 700;
+  transition: all 0.3s ease-in-out;
+}
+.btn-1 .elementor-button .elementor-button-text::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 15px;
+  height: 3px;
+  background: var(--e-global-color-accent);
+  transform: translate(0, -50%);
+}
+
+#home-video {
+  max-height: 600px;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+#home-video video {
+  max-height: 600px;
+  width: auto;
+  margin-left: auto;
+  margin-right: auto;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+.partners-slider .swiper-slide .swiper-slide-image {
+  width: 100%;
+  max-width: 150px;
 }/*# sourceMappingURL=custom.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAGG;EACC,4BAAA;EACA,iCAAA;ACFJ;ADOE;EACC,WAAA;EACA,WAAA;EACA,gBAAA;ACLH;;ADYE;EACC,aAAA;ACTH;ADUG;EACC,kBAAA;EACA,aAAA;EACA,mBAAA;ACRJ;ADUI;EACC,WAAA;EACA,kBAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;ACRL;ADWG;EACC,cAAA;EACA,mBAAA;ACTJ;ADYG;EACC,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,eAAA;EACA,oCAAA;EACA,gBAAA;EACA,gCAAA;ACVJ;ADYI;EACC,mCAAA;ACVL;ADaI;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;EACA,6BAAA;ACXL","file":"custom.css"}
+{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"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","file":"custom.css"}

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

@@ -67,3 +67,244 @@
 		}
 	}
 }
+
+.home-card-2 {
+	.elementor-image-box-wrapper {
+		position: relative;
+		line-height: 0;
+		height: 100%;
+
+		&:hover {
+			.elementor-image-box-img {
+				a {
+					&::after {
+						height: 250%;
+						transition: all 600ms linear;
+						background-color: transparent;
+					}
+				}
+
+				img {
+					transform: scale(1.1);
+					filter: brightness(0.5);
+				}
+			}
+
+			.elementor-image-box-content {
+				.elementor-image-box-description {
+					height: 300px;
+					padding-top: 20px;
+				}
+			}
+		}
+
+		.elementor-image-box-img {
+			position: relative;
+			overflow: hidden;
+			height: 100%;
+
+			img {
+				height: 100%;
+				object-fit: cover;
+				filter: brightness(0.7);
+			}
+
+			a {
+				&::after {
+					content: '';
+					position: absolute;
+					width: 200%;
+					height: 0%;
+					left: 50%;
+					top: 50%;
+					background-color: rgba(255, 255, 255, 0.3);
+					transform: translate(-50%, -50%) rotate(-45deg);
+					z-index: 1;
+				}
+			}
+		}
+
+		.elementor-image-box-content {
+			position: absolute;
+			bottom: 0;
+			left: 0;
+			padding: 40px;
+			line-height: 1.5;
+
+			.elementor-image-box-title {
+				position: relative;
+				margin-top: 0;
+				margin-bottom: 0;
+
+				&::before {
+					content: '';
+					position: absolute;
+					left: 0;
+					bottom: -4px;
+					width: 40px;
+					height: 2px;
+					background: var(--e-global-color-accent);
+				}
+			}
+			.elementor-image-box-description {
+				padding-top: 0px;
+				margin-bottom: 0px;
+				height: 0;
+				max-height: fit-content;
+				overflow: hidden;
+				transition: all 0.3s ease-in-out;
+			}
+
+			.elementor-image-box-link {
+			}
+		}
+	}
+}
+
+.hp-box-2 {
+	&.hp-box-2-left {
+		.elementor-image-box-wrapper {
+			.elementor-image-box-content {
+				.elementor-image-box-title {
+					&::before {
+						right: 0;
+					}
+				}
+			}
+		}
+	}
+	&.hp-box-2-right {
+		.elementor-image-box-wrapper {
+			.elementor-image-box-content {
+				.elementor-image-box-title {
+					&::before {
+						left: 0;
+					}
+				}
+			}
+		}
+	}
+
+	.elementor-image-box-wrapper {
+		height: 100%;
+
+		.elementor-image-box-content {
+			padding-top: 40px;
+
+			.elementor-image-box-title {
+				position: relative;
+				margin-top: 0;
+				margin-bottom: 20px;
+
+				&::before {
+					content: '';
+					position: absolute;
+					bottom: -4px;
+					width: 40px;
+					height: 2px;
+					background: var(--e-global-color-accent);
+				}
+			}
+			.elementor-image-box-link {
+				position: relative;
+				padding-left: 25px;
+				color: #000;
+				font-size: 12px;
+				font-family: 'Open Sans', sans-serif;
+				font-weight: 700;
+				transition: all 0.3s ease-in-out;
+
+				&:hover {
+					color: var(--e-global-color-accent);
+				}
+
+				&::before {
+					content: '';
+					position: absolute;
+					top: 50%;
+					left: 0;
+					width: 15px;
+					height: 3px;
+					background: var(--e-global-color-accent);
+					transform: translate(0, -50%);
+				}
+			}
+		}
+	}
+}
+
+.title-b-line-left {
+	position: relative;
+	margin-top: 0;
+	margin-bottom: 20px;
+
+	&::before {
+		content: '';
+		position: absolute;
+		bottom: -5px;
+		width: 40px;
+		height: 2px;
+		background: var(--e-global-color-accent);
+	}
+}
+
+.btn-1 {
+	&:hover {
+		.elementor-button {
+			.elementor-button-text {
+				color: var(--e-global-color-accent);
+			}
+		}
+	}
+
+	.elementor-button {
+		padding: 0;
+		margin: 0;
+		border-radius: 0;
+		background: transparent !important;
+		border: none !important;
+
+		.elementor-button-text {
+			position: relative;
+			padding-left: 25px;
+			color: #000;
+			font-size: 12px;
+			font-family: 'Open Sans', sans-serif;
+			font-weight: 700;
+			transition: all 0.3s ease-in-out;
+
+			&::before {
+				content: '';
+				position: absolute;
+				top: 50%;
+				left: 0;
+				width: 15px;
+				height: 3px;
+				background: var(--e-global-color-accent);
+				transform: translate(0, -50%);
+			}
+		}
+	}
+}
+
+#home-video {
+	max-height: 600px;
+	object-fit: contain;
+
+	video {
+		max-height: 600px;
+		width: auto;
+		margin-left: auto;
+		margin-right: auto;
+		object-fit: contain;
+	}
+}
+
+.partners-slider {
+	.swiper-slide {
+		.swiper-slide-image {
+			width: 100%;
+			max-width: 150px;
+		}
+	}
+}