Card icon widht updated

public/assets/css/module-css/banner.css

@@ -1,4 +1,3 @@
-
 /** banner-section **/
 
 .banner-section {
@@ -281,13 +280,13 @@
   position: relative;
   display: inline-block;
   font-weight: 400;
-  color: var(--secondary-color);
+  color: #bc0000;
 }
 
 .banner-carousel .content-box h2 span:before {
   position: absolute;
   content: '';
-  background: var(--secondary-color);
+  background: #bc0000;
   width: 100%;
   height: 4px;
   left: 0px;
@@ -723,53 +722,48 @@
 
 }
 
+@media (max-width: 1440px) {
+  .bg-layer.bg-slide-0 {
+    background-position: left -350px center !important;
+  }
+}
+
+@media (max-width: 1200px) {
+  .bg-layer.bg-slide-0 {
+    background-position: left -550px center !important;
+  }
+}
+
+@media (max-width: 1024px) {
+  .bg-layer.bg-slide-0 {
+    background-position: left -720px center !important;
+  }
+}
+
+@media (max-width: 992px) {
+  .bg-layer.bg-slide-0 {
+    background-position: left -780px center !important;
+  }
+}
+
 @media (max-width: 768px) and (min-width: 500px) {
   .bg-layer.bg-slide-0 {
-    background-position: left -790px center !important;
+    background-position: left -500px center !important;
   }
 }
 
+@media screen and (min-width: 500px) and (max-width: 768px) {
+  .banner-slide:nth-child(1) .custom-content-box.mobile-style, .custom-content-box.with-background,  h2 {
+    font-size: 50px !important;
+    line-height: 1 !important;
+  }
 
+  .banner-slide:nth-child(1) .custom-content-box.mobile-style .upper-text, .custom-content-box.with-background .upper-text {
+    font-size: 20px;
+  }
 
-
+  .banner-slide:nth-child(1) .custom-content-box.mobile-style .theme-btn span, .custom-content-box.with-background .theme-btn span {
-
+    font-size: 16px;
-
+    padding: 15px 20px !important;
-
+  }
-
+}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

public/assets/css/style.css

@@ -921,6 +921,7 @@
    }
 
  }
+
  @media only screen and (max-width: 1024px) {
 
    .sec-title-2 h2 {
@@ -2315,13 +2316,15 @@
    width: 40px;
    height: 40px;
    border-radius: 50%;
-  background: #fff !important;   /* white background */
+   background: #fff !important;
+   /* white background */
    text-decoration: none;
  }
 
  .main-footer .social-links li a i,
  .main-footer .social-links li a i::before {
-  color: #e60000 !important;     /* red icon */
+   color: #e60000 !important;
+   /* red icon */
    font-size: 18px;
    line-height: 1;
    display: inline-block;
@@ -2953,6 +2956,7 @@
  }
 
  @media (max-width: 992px) {
+
    .main-menu,
    .sticky-header,
    .main-header.style-one .outer-container:before {
@@ -3298,6 +3302,25 @@
    }
  }
 
+ .custom-content-box.mobile-style {
+   background: none;
+ }
+
+@media (min-width: 768px) and (max-width: 1024px) {
+  .custom-content-box.mobile-style {
+    top: 190px;
+    background: white;
+    border-radius: 15%;
+    opacity: 0.8;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .custom-content-box.with-background {
+    top: 170px;
+  }
+}
+
  @media (max-width: 425px) {
    .custom-content-box.mobile-style {
      /* background: white; */
@@ -3392,11 +3415,13 @@
      margin-top: 8px;
    }
  }
+
  @media (max-width: 1024px) and (min-width: 769px) {
    .info-block-one {
      padding: 30px 7px !important;
    }
  }
+
  @media (max-width: 768px) {
    .blog-details-content .news-block-one .inner-box .lower-content h2 {
      font-size: 38px !important;
@@ -3410,6 +3435,7 @@
      line-height: 23px;
    }
  }
+
  @media (max-width: 768px) {
    .service-details-content h2 {
      font-size: 38px !important;
@@ -3421,23 +3447,27 @@
      font-size: 22px !important;
    }
  }
+
  @media (max-width: 425px) {
    .pb_90 {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
  }
+
  @media (max-width: 425px) {
    .pt_90 {
      padding-top: 30px !important;
    }
  }
+
  @media (max-width: 425px) {
    .sec-pad {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
  }
+
  @media (max-width: 425px) {
    .chooseus-section {
      padding-top: 30px !important;