@pmidc/upyog-css 1.1.4 → 1.1.6

package/src/pages/employee/landing.scss

@@ -1,325 +1,325 @@
-.middle-content {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    height: 522px;
-    @media (min-width: 768px) {
-      flex-direction: row;
-      min-height: 360px;
-    }
-  }
-  .middle-left-half {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    @media (min-width: 768px) {
-      width: 50%;
-    }
-  }
-  .middle-left-half-upper {
-    min-height: 162px;
-    margin-bottom: 18px;
-    box-shadow: 0px 0px 5px 0px #22222270;
-    font-family: Noto sans;
-    background-color: #ffe5e5;
-    @media (min-width: 768px) {
-      height: 50%;
-    }
-  }
-  .middle-left-half-upper-body {
-    list-style-type: none;
-    padding: 0px 10px;
-  }
-  
-  .middle-left-half-upper-body ul li {
-    text-decoration: none !important;
-    margin-top: 20px;
-  }
-  
-  .middle-left-half-lower {
-    min-height: 162px;
-    box-shadow: 0px 0px 5px 0px #22222270;
-    @media (min-width: 768px) {
-      height: 45%;
-    }
-  }
-  .middle-section {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 16px;
-    padding: 16px;
-    min-height: 360px; 
-    position: relative;
-    z-index: 2;
-    margin-bottom: 20px; 
-  }
-  .middle-content {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    width: 100%;
-    @media (min-width: 768px) {
-      flex-direction: row;
-    }
-  }
-  .middle-left-half {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-  }
-  .middle-right-half {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    box-shadow: 0px 0px 5px 0px #22222270;
-  }
-  .middle-header {
-    font-size: 20px;
-    background-color: #092e86;
-    color: white;
-    padding: 10px;
-  }
-
-  .middle-right-body {
-    display: flex;
-    flex-direction: column; 
-    @media (max-width: 768px) {
-      flex-direction: row; 
-    }
-  }
-  .middle-image-section {
-    flex: 40%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 10px;
-    height: 160px;
-    img {
-      max-width: 100%;
-      height: auto;
-      object-fit: cover;
-    }
-    @media (max-width: 768px) {
-      width: 100%;
-      height: auto;
-    }
-  }
-  .middle-right-content-section {
-    flex: 60%;
-    padding: 10px;
-    @media (max-width: 768px) {
-      width: 60%;
-    }
-  }
-  .middle-right-content-section li {
-    padding: 10px 0;
-    display: flex;
-  }
-
-  .photo-gallery {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    padding: 10px;
-    height: 150px;
-    background-color: #f5f5f5;
-  }
-  .gallery-image {
-    width: 100%;
-    height: 150px;
-    object-fit: cover;
-    transition: transform 0.5s ease-in-out;
-  }
- 
-  .gallery-btn {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    background: rgba(0, 0, 0, 0.5);
-    color: white;
-    border: none;
-    padding: 10px;
-    cursor: pointer;
-    font-size: 18px;
-  }
-  .gallery-btn.left {
-    left: 10px;
-  }
-  .gallery-btn.right {
-    right: 10px;
-  }
-  .gallery-btn:hover {
-    background: rgba(0, 0, 0, 0.8);
-  }
-
-  .help-section {
-    text-align: center;
-    padding: 20px 60px;
-    position: relative;
-    clear: both; 
-  
-    @media (max-width: 768px) {
-      margin-top: 35vh;
-    }
-  
-    @media (max-width: 600px) {
-      margin-top: 40vh;
-    }
-  
-    @media (max-width: 450px) {
-      margin-top: 75vh;
-    }
-  }
-  .help-section-header {
-    margin-bottom: 20px;
-    color: #18191c;
-    font-size: 32px;
-    font-family: Poppins;
-    font-weight: 500;
-  }
-  .help-section-button-container {
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-    align-items: center;
-    @media (min-width: 768px) {
-      flex-direction: row;
-      justify-content: center;
-    }
-  }
-  .help-section-button {
-    display: flex;
-    align-items: center;
-    padding: 8px 20px 8px 10px;
-    border-radius: 90px;
-    border: 1px solid #ccc;
-    background-color: #f9f9f9;
-    cursor: pointer;
-    box-sizing: border-box;
-    width: 300px;
-    background-color: white;
-    font-family: Noto sans, sans-serif;
-    @media (min-width: 640px) {
-      margin-right: 20px;
-    }
-  }
-  .help-section-text-container {
-    display: flex;
-    flex-direction: column;
-    text-align: left;
-  }
-  .help-section-medium {
-    font-size: 16px;
-    letter-spacing: 0.5px;
-    font-weight: 400;
-    color: #1c1d1f;
-  }
-  .help-section-contact-no {
-    font-size: 20px;
-    letter-spacing: 0.25px;
-    font-weight: 600;
-    color: #61646b;
-  }
-  .help-section-icon {
-    width: 55px;
-    height: 55px;
-    border-radius: 50%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-right: 10px;
-  }
-
-  .about-section,
-  .middle-section {
-    padding: 20px 60px;
-  }
-  .title {
-    text-align: left;
-    color: #18191c;
-    font-size: 32px;
-    font-family: Poppins;
-    font-weight: 400;
-    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
-    margin-bottom: 20px;
-  }
-  .about-content {
-    display: flex;
-    flex-direction: column;
-    align-items: start;
-    @media (min-width: 640px) {
-      flex-direction: row;
-      justify-content: space-between;
-    }
-  }
-  .content {
-    display: flex;
-    justify-content: space-between;
-  }
-  .about-left-half,
-  .about-right-half {
-    width: 100%;
-    font-family: Noto sans, sans-serif;
-    font-size: 16px;
-    color: #61646b;
-    letter-spacing: 0.5px;
-    @media (min-width: 640px) {
-      width: 48%;
-    }
-  }
-  .top-section-parent {
-    position: relative;
-    width: 100%;
-    background: linear-gradient(to bottom, #3765ca, #294a97);
-    height: 160px;
-  }
-  .top-section {
-    position: absolute;
-    top: -50px;
-    left: 0;
-    right: 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-  }
-  .logo-box {
-    width: 120px;
-    height: 100px;
-    background-color: white;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    padding: 10px;
-    box-sizing: border-box;
-    border-radius: 8px;
-  }
-  .logo {
-    max-width: 70%;
-    max-height: 50%;
-    padding-top: 25px;
-  }
-  .logo-text {
-    margin-top: 8px; 
-    color: black;
-    font-size: 15px; 
-  }
-  .nav-button {
-    background: white;
-    border: none;
-    color: black;
-    font-size: 24px;
-    cursor: pointer;
-    margin: 0 10px;
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  }
+.middle-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 522px;
+    @media (min-width: 768px) {
+      flex-direction: row;
+      min-height: 360px;
+    }
+  }
+  .middle-left-half {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    @media (min-width: 768px) {
+      width: 50%;
+    }
+  }
+  .middle-left-half-upper {
+    min-height: 162px;
+    margin-bottom: 18px;
+    box-shadow: 0px 0px 5px 0px #22222270;
+    font-family: Noto sans;
+    background-color: #ffe5e5;
+    @media (min-width: 768px) {
+      height: 50%;
+    }
+  }
+  .middle-left-half-upper-body {
+    list-style-type: none;
+    padding: 0px 10px;
+  }
+  
+  .middle-left-half-upper-body ul li {
+    text-decoration: none !important;
+    margin-top: 20px;
+  }
+  
+  .middle-left-half-lower {
+    min-height: 162px;
+    box-shadow: 0px 0px 5px 0px #22222270;
+    @media (min-width: 768px) {
+      height: 45%;
+    }
+  }
+  .middle-section {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    padding: 16px;
+    min-height: 360px; 
+    position: relative;
+    z-index: 2;
+    margin-bottom: 20px; 
+  }
+  .middle-content {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    width: 100%;
+    @media (min-width: 768px) {
+      flex-direction: row;
+    }
+  }
+  .middle-left-half {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+  .middle-right-half {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0px 0px 5px 0px #22222270;
+  }
+  .middle-header {
+    font-size: 20px;
+    background-color: #092e86;
+    color: white;
+    padding: 10px;
+  }
+
+  .middle-right-body {
+    display: flex;
+    flex-direction: column; 
+    @media (max-width: 768px) {
+      flex-direction: row; 
+    }
+  }
+  .middle-image-section {
+    flex: 40%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+    height: 160px;
+    img {
+      max-width: 100%;
+      height: auto;
+      object-fit: cover;
+    }
+    @media (max-width: 768px) {
+      width: 100%;
+      height: auto;
+    }
+  }
+  .middle-right-content-section {
+    flex: 60%;
+    padding: 10px;
+    @media (max-width: 768px) {
+      width: 60%;
+    }
+  }
+  .middle-right-content-section li {
+    padding: 10px 0;
+    display: flex;
+  }
+
+  .photo-gallery {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    padding: 10px;
+    height: 150px;
+    background-color: #f5f5f5;
+  }
+  .gallery-image {
+    width: 100%;
+    height: 150px;
+    object-fit: cover;
+    transition: transform 0.5s ease-in-out;
+  }
+ 
+  .gallery-btn {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    background: rgba(0, 0, 0, 0.5);
+    color: white;
+    border: none;
+    padding: 10px;
+    cursor: pointer;
+    font-size: 18px;
+  }
+  .gallery-btn.left {
+    left: 10px;
+  }
+  .gallery-btn.right {
+    right: 10px;
+  }
+  .gallery-btn:hover {
+    background: rgba(0, 0, 0, 0.8);
+  }
+
+  .help-section {
+    text-align: center;
+    padding: 20px 60px;
+    position: relative;
+    clear: both; 
+  
+    @media (max-width: 768px) {
+      margin-top: 35vh;
+    }
+  
+    @media (max-width: 600px) {
+      margin-top: 40vh;
+    }
+  
+    @media (max-width: 450px) {
+      margin-top: 75vh;
+    }
+  }
+  .help-section-header {
+    margin-bottom: 20px;
+    color: #18191c;
+    font-size: 32px;
+    font-family: Poppins;
+    font-weight: 500;
+  }
+  .help-section-button-container {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+    align-items: center;
+    @media (min-width: 768px) {
+      flex-direction: row;
+      justify-content: center;
+    }
+  }
+  .help-section-button {
+    display: flex;
+    align-items: center;
+    padding: 8px 20px 8px 10px;
+    border-radius: 90px;
+    border: 1px solid #ccc;
+    background-color: #f9f9f9;
+    cursor: pointer;
+    box-sizing: border-box;
+    width: 300px;
+    background-color: white;
+    font-family: Noto sans, sans-serif;
+    @media (min-width: 640px) {
+      margin-right: 20px;
+    }
+  }
+  .help-section-text-container {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+  }
+  .help-section-medium {
+    font-size: 16px;
+    letter-spacing: 0.5px;
+    font-weight: 400;
+    color: #1c1d1f;
+  }
+  .help-section-contact-no {
+    font-size: 20px;
+    letter-spacing: 0.25px;
+    font-weight: 600;
+    color: #61646b;
+  }
+  .help-section-icon {
+    width: 55px;
+    height: 55px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 10px;
+  }
+
+  .about-section,
+  .middle-section {
+    padding: 20px 60px;
+  }
+  .title {
+    text-align: left;
+    color: #18191c;
+    font-size: 32px;
+    font-family: Poppins;
+    font-weight: 400;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
+    margin-bottom: 20px;
+  }
+  .about-content {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+    @media (min-width: 640px) {
+      flex-direction: row;
+      justify-content: space-between;
+    }
+  }
+  .content {
+    display: flex;
+    justify-content: space-between;
+  }
+  .about-left-half,
+  .about-right-half {
+    width: 100%;
+    font-family: Noto sans, sans-serif;
+    font-size: 16px;
+    color: #61646b;
+    letter-spacing: 0.5px;
+    @media (min-width: 640px) {
+      width: 48%;
+    }
+  }
+  .top-section-parent {
+    position: relative;
+    width: 100%;
+    background: linear-gradient(to bottom, #3765ca, #294a97);
+    height: 160px;
+  }
+  .top-section {
+    position: absolute;
+    top: -50px;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+  }
+  .logo-box {
+    width: 120px;
+    height: 100px;
+    background-color: white;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 10px;
+    box-sizing: border-box;
+    border-radius: 8px;
+  }
+  .logo {
+    max-width: 70%;
+    max-height: 50%;
+    padding-top: 25px;
+  }
+  .logo-text {
+    margin-top: 8px; 
+    color: black;
+    font-size: 15px; 
+  }
+  .nav-button {
+    background: white;
+    border: none;
+    color: black;
+    font-size: 24px;
+    cursor: pointer;
+    margin: 0 10px;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  }