update

public/SCD/assets/css/style.css

@@ -5,9 +5,11 @@
 * License: https://bootstrapmade.com/license/
 */
 
+
 /*--------------------------------------------------------------
 # General
 --------------------------------------------------------------*/
+
 :root {
     scroll-behavior: smooth;
 }
@@ -27,13 +29,20 @@ a:hover {
     text-decoration: none;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     font-family: "Nunito", sans-serif;
 }
 
+
 /*--------------------------------------------------------------
 # Sections
 --------------------------------------------------------------*/
+
 section {
     padding: 60px 0;
     overflow: hidden;
@@ -69,9 +78,11 @@ section {
     }
 }
 
+
 /*--------------------------------------------------------------
 # Breadcrumbs
 --------------------------------------------------------------*/
+
 .breadcrumbs {
     padding: 15px 0;
     background: #012970;
@@ -109,20 +120,22 @@ section {
     text-decoration: underline;
 }
 
-.breadcrumbs ol li + li {
+.breadcrumbs ol li+li {
     padding-left: 10px;
 }
 
-.breadcrumbs ol li + li::before {
+.breadcrumbs ol li+li::before {
     display: inline-block;
     padding-right: 10px;
     color: #8894f6;
     content: "/";
 }
 
+
 /*--------------------------------------------------------------
 # Back to top button
 --------------------------------------------------------------*/
+
 .back-to-top {
     position: fixed;
     visibility: hidden;
@@ -153,18 +166,22 @@ section {
     opacity: 1;
 }
 
+
 /*--------------------------------------------------------------
 # Disable aos animation delay on mobile devices
 --------------------------------------------------------------*/
+
 @media screen and (max-width: 768px) {
     [data-aos-delay] {
         transition-delay: 0 !important;
     }
 }
 
+
 /*--------------------------------------------------------------
 # Header
 --------------------------------------------------------------*/
+
 .header {
     transition: all 0.5s;
     z-index: 997;
@@ -195,12 +212,16 @@ section {
     margin-top: 3px;
 }
 
+
 /*--------------------------------------------------------------
 # Navigation Menu
 --------------------------------------------------------------*/
+
+
 /**
 * Desktop Navigation 
 */
+
 .navbar {
     padding: 0;
 }
@@ -217,7 +238,8 @@ section {
     position: relative;
 }
 
-.navbar a, .navbar a:focus {
+.navbar a,
+.navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -230,13 +252,17 @@ section {
     transition: 0.3s;
 }
 
-.navbar a i, .navbar a:focus i {
+.navbar a i,
+.navbar a:focus i {
     font-size: 12px;
     line-height: 0;
     margin-left: 5px;
 }
 
-.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
+.navbar a:hover,
+.navbar .active,
+.navbar .active:focus,
+.navbar li:hover>a {
     color: #f1414a;
 }
 
@@ -284,11 +310,13 @@ section {
     font-size: 12px;
 }
 
-.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
+.navbar .dropdown ul a:hover,
+.navbar .dropdown ul .active:hover,
+.navbar .dropdown ul li:hover>a {
     color: #4154f1;
 }
 
-.navbar .dropdown:hover > ul {
+.navbar .dropdown:hover>ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
@@ -300,7 +328,7 @@ section {
     visibility: hidden;
 }
 
-.navbar .dropdown .dropdown:hover > ul {
+.navbar .dropdown .dropdown:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
@@ -311,16 +339,18 @@ section {
     .navbar .dropdown .dropdown ul {
         left: -90%;
     }
-  .navbar .dropdown .dropdown:hover > ul {
+    .navbar .dropdown .dropdown:hover>ul {
         left: -100%;
     }
 }
 
+
 /**
 * Mobile Navigation 
 */
+
 .mobile-nav-toggle {
-  color: #012970;
+    color: #FFF;
     font-size: 28px;
     cursor: pointer;
     display: none;
@@ -378,7 +408,9 @@ section {
     color: #012970;
 }
 
-.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
+.navbar-mobile a:hover,
+.navbar-mobile .active,
+.navbar-mobile li:hover>a {
     color: #4154f1;
 }
 
@@ -410,17 +442,21 @@ section {
     font-size: 12px;
 }
 
-.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
+.navbar-mobile .dropdown ul a:hover,
+.navbar-mobile .dropdown ul .active:hover,
+.navbar-mobile .dropdown ul li:hover>a {
     color: #4154f1;
 }
 
-.navbar-mobile .dropdown > .dropdown-active {
+.navbar-mobile .dropdown>.dropdown-active {
     display: block;
 }
 
+
 /*--------------------------------------------------------------
 # Hero Section
 --------------------------------------------------------------*/
+
 .hero {
     width: 100%;
     height: 100vh;
@@ -508,12 +544,16 @@ section {
     }
 }
 
+
 /*--------------------------------------------------------------
 # Index Page
 --------------------------------------------------------------*/
+
+
 /*--------------------------------------------------------------
 # About
 --------------------------------------------------------------*/
+
 .about .content {
     background-color: #f6f9ff;
     padding: 40px;
@@ -564,9 +604,11 @@ section {
     transform: translateX(5px);
 }
 
+
 /*--------------------------------------------------------------
 # Values
 --------------------------------------------------------------*/
+
 .values .box {
     padding: 30px;
     box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
@@ -596,9 +638,11 @@ section {
     transform: scale(1);
 }
 
+
 /*--------------------------------------------------------------
 # Counts
 --------------------------------------------------------------*/
+
 .counts {
     padding: 70px 0 60px;
 }
@@ -633,9 +677,11 @@ section {
     font-size: 14px;
 }
 
+
 /*--------------------------------------------------------------
 # Features
 --------------------------------------------------------------*/
+
 .features .feature-box {
     padding: 24px 20px;
     box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
@@ -758,9 +804,11 @@ section {
     color: #848484;
 }
 
+
 /*--------------------------------------------------------------
 # Services
 --------------------------------------------------------------*/
+
 .services .service-box {
     box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
     height: 100%;
@@ -903,7 +951,9 @@ section {
     background: #f51f9c;
 }
 
-.services .service-box:hover h3, .services .service-box:hover p, .services .service-box:hover .read-more {
+.services .service-box:hover h3,
+.services .service-box:hover p,
+.services .service-box:hover .read-more {
     color: #fff;
 }
 
@@ -911,9 +961,11 @@ section {
     background: #fff;
 }
 
+
 /*--------------------------------------------------------------
 # Pricing
 --------------------------------------------------------------*/
+
 .pricing .box {
     padding: 40px 20px;
     background: #fff;
@@ -1010,9 +1062,11 @@ section {
     color: #fff;
 }
 
+
 /*--------------------------------------------------------------
 # F.A.Q
 --------------------------------------------------------------*/
+
 .faq .accordion-collapse {
     border: 0;
 }
@@ -1041,9 +1095,11 @@ section {
     border: 0;
 }
 
+
 /*--------------------------------------------------------------
 # Portfolio
 --------------------------------------------------------------*/
+
 .portfolio #portfolio-flters {
     padding: 0;
     margin: 0 auto 25px auto;
@@ -1068,7 +1124,8 @@ section {
     border: 1px solid #fff;
 }
 
-.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
+.portfolio #portfolio-flters li:hover,
+.portfolio #portfolio-flters li.filter-active {
     color: #4154f1;
     border-color: #4154f1;
 }
@@ -1214,9 +1271,11 @@ section {
     right: 15px;
 }
 
+
 /*--------------------------------------------------------------
 # Portfolio Details
 --------------------------------------------------------------*/
+
 .portfolio-details {
     padding-top: 40px;
 }
@@ -1261,7 +1320,7 @@ section {
     font-size: 15px;
 }
 
-.portfolio-details .portfolio-info ul li + li {
+.portfolio-details .portfolio-info ul li+li {
     margin-top: 10px;
 }
 
@@ -1279,9 +1338,11 @@ section {
     padding: 0;
 }
 
+
 /*--------------------------------------------------------------
 # Testimonials
 --------------------------------------------------------------*/
+
 .testimonials .testimonial-item {
     box-sizing: content-box;
     padding: 30px;
@@ -1366,9 +1427,11 @@ section {
     }
 }
 
+
 /*--------------------------------------------------------------
 # Team
 --------------------------------------------------------------*/
+
 .team {
     background: #fff;
     padding: 60px 0;
@@ -1464,9 +1527,11 @@ section {
     opacity: 1;
 }
 
+
 /*--------------------------------------------------------------
 # Clients
 --------------------------------------------------------------*/
+
 .clients .clients-slider .swiper-slide img {
     opacity: 0.5;
     transition: 0.3s;
@@ -1493,9 +1558,11 @@ section {
     background-color: #4154f1;
 }
 
+
 /*--------------------------------------------------------------
 # Recent Blog Posts
 --------------------------------------------------------------*/
+
 .recent-blog-posts .post-box {
     box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
     transition: 0.3s;
@@ -1557,9 +1624,11 @@ section {
     transform: rotate(6deg) scale(1.2);
 }
 
+
 /*--------------------------------------------------------------
 # Contact
 --------------------------------------------------------------*/
+
 .contact .info-box {
     color: #444444;
     background: #fafbff;
@@ -1633,14 +1702,16 @@ section {
     animation: animate-loading 1s linear infinite;
 }
 
-.contact .php-email-form input, .contact .php-email-form textarea {
+.contact .php-email-form input,
+.contact .php-email-form textarea {
     border-radius: 0;
     box-shadow: none;
     font-size: 14px;
     border-radius: 0;
 }
 
-.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
+.contact .php-email-form input:focus,
+.contact .php-email-form textarea:focus {
     border-color: #4154f1;
 }
 
@@ -1683,9 +1754,11 @@ section {
     }
 }
 
+
 /*--------------------------------------------------------------
 # Blog
 --------------------------------------------------------------*/
+
 .blog {
     padding: 40px 0 20px 0;
 }
@@ -1732,7 +1805,7 @@ section {
     margin: 0;
 }
 
-.blog .entry .entry-meta ul li + li {
+.blog .entry .entry-meta ul li+li {
     padding-left: 20px;
 }
 
@@ -1849,7 +1922,7 @@ section {
     display: inline-block;
 }
 
-.blog .entry .entry-footer .tags li + li::before {
+.blog .entry .entry-footer .tags li+li::before {
     padding-right: 6px;
     color: #6c757d;
     content: ",";
@@ -2032,11 +2105,13 @@ section {
     justify-content: center;
 }
 
-.blog .blog-pagination li.active, .blog .blog-pagination li:hover {
+.blog .blog-pagination li.active,
+.blog .blog-pagination li:hover {
     background: #4154f1;
 }
 
-.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {
+.blog .blog-pagination li.active a,
+.blog .blog-pagination li:hover a {
     color: #fff;
 }
 
@@ -2103,7 +2178,7 @@ section {
     padding: 0;
 }
 
-.blog .sidebar .categories ul li + li {
+.blog .sidebar .categories ul li+li {
     padding-top: 10px;
 }
 
@@ -2122,7 +2197,7 @@ section {
     font-size: 14px;
 }
 
-.blog .sidebar .recent-posts .post-item + .post-item {
+.blog .sidebar .recent-posts .post-item+.post-item {
     margin-top: 15px;
 }
 
@@ -2189,9 +2264,11 @@ section {
     font-size: 14px;
 }
 
+
 /*--------------------------------------------------------------
 # Footer
 --------------------------------------------------------------*/
+
 .footer {
     background: #f6f9ff;
     padding: 0 0 30px 0;