assets/css/appscms-theme.css in appscms-tools-theme-4.8.5 vs assets/css/appscms-theme.css in appscms-tools-theme-4.8.6

@@ -2147,5 +2147,46 @@
 }
 .internationalization-language-drop-down-item {
   color: var(--black-color);
   padding: 10px 20px;
 }
+.infographics-arrow {
+  height: 35px;
+  width: 35px;
+  filter: invert(1);
+  position: absolute;
+  top: 50%;
+  background-color: #000;
+  border-radius: 50%;
+  padding: 8px;
+}
+#left {
+  left: 3%;
+}
+#right {
+  right: 3%;
+}
+
+.internationalization-languages {
+  display: grid;
+  grid-template-columns: repeat(4, auto); /* Default: 4 columns */
+  gap: 10px;
+  padding: 10px;
+}
+
+@media (max-width: 1200px) {
+  .internationalization-languages {
+    grid-template-columns: repeat(3, auto); /* 3 columns for large screens */
+  }
+}
+
+@media (max-width: 900px) {
+  .internationalization-languages {
+    grid-template-columns: repeat(2, auto); /* 2 columns for medium screens */
+  }
+}
+
+@media (max-width: 600px) {
+  .internationalization-languages {
+    grid-template-columns: auto; /* 1 column for small screens */
+  }
+}