responsive image for mobile

assets/css/style.css

@@ -596,6 +596,8 @@ body:not(.is-home-page) .header-hide-until-scroll {
     opacity: 0 !important;
     transition: opacity 0.4s ease !important;
     border-radius: 20px !important;
+    
+    
 }
 
 .elementor-element.elementor-element-b891c78:hover::before,
@@ -842,6 +844,89 @@ body:not(.is-home-page) .header-hide-until-scroll {
     text-decoration: none !important;
 }
 
+/* ============================================================
+   SOCIAL ICONS VISIBILITY FIX
+   Ensures both font-based and SVG icons are visible and properly sized.
+   Targeting the common .wrapper-socials class used across the site.
+   ============================================================ */
+.e-font-icon-svg {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    fill: currentColor;
+    vertical-align: middle;
+}
+
+.elementor-social-icon svg {
+    width: 25px;
+    height: 25px;
+}
+
+.fab, .fas, .far {
+    display: inline-block !important;
+}
+
+.wrapper-socials {
+    list-style: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    display: flex !important;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.wrapper-socials li {
+    display: inline-block !important;
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+.wrapper-socials li:before {
+    content: none !important;
+}
+
+.wrapper-socials a {
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    background-color: rgba(0, 0, 0, 0.05);
+    color: inherit;
+    text-decoration: none !important;
+    transition: all 0.3s ease;
+    font-size: 16px;
+}
+
+.wrapper-socials a:hover {
+    background-color: var(--logico-accent-color, #c01227);
+    color: #fff !important;
+}
+
+.wrapper-socials a svg {
+    width: 18px;
+    height: 18px;
+    fill: currentColor;
+}
+
+/* Global visibility enforcement for Elementor and other social icons */
+.elementor-social-icon, 
+.e-font-icon-svg, 
+.wrapper-socials i, 
+.wrapper-socials svg {
+    display: inline-block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+
+/* Ensure SVG icons have at least some size if not specified */
+svg.e-font-icon-svg,
+.elementor-social-icon svg {
+    min-width: 16px;
+    min-height: 16px;
+}
+