somewhere

2023-08-17 13:05:51 +03:30
parent 30c7eb0e7b
commit 53843207cc
429 changed files with 117489 additions and 1 deletions
@@ -0,0 +1,104 @@
+.download-details--page {
+  .s1 {
+    margin-top: 80px;
+
+    .item {
+      background: #fff;
+      padding: 25px;
+      @extend %defaultBorderRadius;
+
+      .title {
+        text-align: center;
+
+        h1 {
+          display: inline-block;
+          font-size: 20px;
+
+          &::after {
+            content: '';
+            display: block;
+            width: 105%;
+            height: 2px;
+            background: $theme;
+            @include transform(translateX(2.5%) translateY(20px));
+          }
+
+          @media (max-width: 768px) {
+            font-size: 18px;
+          }
+        }
+        img {
+          width: 25px;
+        }
+      }
+
+      .description {
+        display: flex;
+        flex-wrap: wrap;
+        margin: 50px 0;
+
+        .imgBox {
+          flex-basis: 30%;
+
+          @media (max-width: 768px) {
+            flex-basis: 100%;
+            order: 0;
+          }
+
+          img {
+            width: 100%;
+          }
+        }
+
+        .ck-content {
+          flex-basis: 70%;
+
+          @media (max-width: 768px) {
+            flex-basis: 100%;
+            order: 1;
+          }
+        }
+      }
+
+      .download {
+        .title {
+          text-align: right;
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          margin-bottom: 20px;
+
+          h3 {
+            margin-right: 10px;
+            color: $theme;
+          }
+        }
+
+        ul {
+          li {
+            margin-bottom: 5px;
+
+            a {
+              span,
+              i {
+                @extend %defaultTransition;
+                font-weight: bold;
+
+                &:hover {
+                  color: $theme;
+                }
+              }
+            }
+          }
+        }
+      }
+
+      .zip-pass {
+        p {
+          color: $theme;
+          font-weight: bold;
+        }
+      }
+    }
+  }
+}