Save

themes/ayon/assets/css/custom.scss

@@ -3189,3 +3189,60 @@ footer#footer {
 		}
 	}
 }
+
+.box-hp-products-slider {
+	#pp-carousel-1 {
+		.pp-carousel__header {
+			padding-bottom: 65px;
+
+			.pp-carousel__title {
+				color: $cDark;
+				font-family: $fInter;
+				font-weight: 500;
+				font-size: 37px;
+				line-height: 1;
+				margin: 0;
+			}
+			.pp-carousel__subtitle {
+				display: block;
+				padding-top: 20px;
+				padding-left: 55px;
+				color: $cGold;
+				font-family: $fNotoSerifDisplay;
+				font-weight: 400;
+				font-size: 40px;
+				line-height: 1;
+			}
+		}
+
+		.pp-carousel__more {
+			@extend ._btn-1;
+		}
+
+		.pp-carousel__card {
+			.pp-carousel__meta {
+				padding-top: 36px;
+
+				.pp-carousel__name {
+					color: $cDark;
+					font-family: $fInter;
+					font-weight: 700;
+					font-size: 20px;
+					line-height: 18px;
+					text-transform: none;
+				}
+				.pp-carousel__price {
+					color: #8c8c8c;
+					font-family: $fInter;
+					font-weight: 500;
+					font-size: 16px;
+					line-height: 18px;
+					text-align: right;
+
+					.pp-carousel__priceSuffix {
+					}
+				}
+			}
+		}
+	}
+}

themes/ayon/assets/fonts/Inter/custon-font.css

@@ -0,0 +1,8 @@
+@font-face {
+     font-family: 'Inter';
+     src: local('Inter'),
+        url('/themes/ayon/assets/fonts/Inter/Inter.woff2') format('woff2');
+     font-weight: 300;
+     font-style: normal;
+     font-display: swap;
+}

themes/ayon/assets/fonts/NotoSerifDisplay/custon-font.css

@@ -0,0 +1,9 @@
+@font-face {
+     font-family: 'Noto Serif Display';
+     src: local('Noto Serif Display'),
+        url('/themes/ayon/assets/fonts/NotoSerifDisplayRegular.woff') format('woff'),
+        url('/themes/ayon/assets/fonts/NotoSerifDisplayRegular.woff2') format('woff2');
+     font-weight: 800;
+     font-style: normal;
+     font-display: swap;
+}