Adding fixed nav

layout/style-scss/style.scss

@@ -11165,3 +11165,92 @@ footer#footer {
 		}
 	}
 }
+
+#fixed-nav {
+	position: fixed;
+	bottom: 50px;
+	right: 0;
+	z-index: 10;
+
+	display: flex;
+	flex-direction: column;
+	row-gap: 9px;
+
+	padding: 0;
+	margin: 0;
+	list-style: none;
+
+	.fixed-item {
+		transform: translateX(110px);
+		transition: all 250ms ease-in-out;
+
+		&:hover {
+			transform: translateX(0);
+		}
+
+		&-1 {
+			.fixed-item--wrapper {
+				.item-icon {
+					border-color: #ffbd04;
+				}
+				.item-text {
+					background: #ffbd04;
+				}
+			}
+		}
+		&-2 {
+			.fixed-item--wrapper {
+				.item-icon {
+					border-color: #1b517f;
+				}
+				.item-text {
+					background: #1b517f;
+				}
+			}
+		}
+		.fixed-item--wrapper {
+			a {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+			}
+			.item-icon {
+				width: 62px;
+				min-width: 62px;
+				max-width: 62px;
+				height: 62px;
+				min-height: 62px;
+				max-height: 62px;
+
+				border-width: 3px;
+				border-style: solid;
+				border-radius: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				background: #fff;
+
+				margin-right: -20px;
+				z-index: 1;
+			}
+			.item-text {
+				height: 45px;
+				display: flex;
+				align-items: center;
+				padding-left: 30px;
+				padding-right: 20px;
+				margin-bottom: 1px;
+				width: 135px;
+
+				span {
+					color: #ffffff;
+					font-family: $font3;
+					font-weight: 700;
+					font-size: 20px;
+					line-height: 1;
+					margin-bottom: -2px;
+				}
+			}
+		}
+	}
+}