final-fix-petboom

assets/icons.svg

@@ -135,8 +135,7 @@
 
   <symbol
     id="veterinary"
-    width="48"
+ 
-    height="48"
     viewBox="0 0 48 48"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -259,8 +258,7 @@
 
   <svg
     id="ambulance1"
-    width="48"
+   
-    height="48"
     viewBox="0 0 48 48"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -288,8 +286,6 @@
 
   <symbol
     id="pet-food"
-    width="48"
-    height="48"
     viewBox="0 0 48 48"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
@@ -379,8 +375,7 @@
 
   <symbol
     id="dog-training"
-    width="48"
+  
-    height="48"
     viewBox="0 0 48 48"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"

index.html

@@ -164,7 +164,7 @@
 
               <div class="hero-buttons">
                 <div class="services-box active" data-service="0">
-                  <svg width="48" height="48">
+                  <svg >
                     <use href="./assets/icons.svg#veterinary"></use>
                   </svg>
                   <div class="services-box-text">
@@ -176,7 +176,7 @@
                 </div>
 
                 <div class="services-box" data-service="1">
-                  <svg width="49" height="49">
+                  <svg >
                     <use href="./assets/icons.svg#ambulance1"></use>
                   </svg>
 
@@ -192,7 +192,7 @@
                 </div>
 
                 <div class="services-box" data-service="2">
-                  <svg width="48" height="48">
+                  <svg >
                     <use href="./assets/icons.svg#pet-food"></use>
                   </svg>
 
@@ -208,7 +208,7 @@
                 </div>
 
                 <div class="services-box" data-service="3">
-                  <svg width="48" height="48">
+                  <svg>
                     <use href="./assets/icons.svg#dog-training"></use>
                   </svg>
 
@@ -772,12 +772,17 @@
         <div class="about-section-style">
           <div class="about-images">
             <img
+             width="241"
+            height="257"
+
               src="img/picleft.png"
               alt="تیم پت بوم"
               class="about-left-img"
             />
             <img
-              src="img/picright (1).png"
+            width="241"
+            height="257"
+              src="img/new.webp"
               alt="ویدیو معرفی"
               class="about-right-img"
             />

stylesheet/responsive.css

@@ -802,7 +802,7 @@
     height: 40px;
   }
 
-  #petboom-final-root .hero-buttons .services-box img[width][height] {
+  #petboom-final-root .hero-buttons {
     width: 40px !important;
     height: 40px !important;
   }
@@ -996,6 +996,12 @@
       top: 176px;
       left: 20px;
   }
+  .services-box svg{
+  width: 40px !important;
+  height: 40px !important;
+   min-width: 40px;
+  min-height: 40px;
+}
     
 }
 

stylesheet/style.css

@@ -48,7 +48,7 @@ body {
   box-sizing: border-box;
 }
 .container {
-  max-width: 1240px;
+  max-width: 1166px;
   margin: auto;
   padding: 0 20px;
 }
@@ -283,7 +283,7 @@ body {
 .hero-arrow {
   position: absolute;
   left: 8%;
-  top: 66%;
+  top: 62%;
 }
 
 .hero-box {
@@ -303,7 +303,7 @@ body {
   gap: 24px;
 }
 .hero-box-wrapper {
-  max-width: 1240px;
+  max-width: 1166px;
   margin: auto;
   padding: 0 20px;
   position: relative;
@@ -375,11 +375,16 @@ body {
   margin: initial;
 }
 
-#petboom-final-root .hero-buttons .services-box img[width][height] {
+#petboom-final-root .hero-buttons {
   width: 48px !important;
   height: 48px !important;
 }
-
+.services-box svg{
+  width: 48px !important;
+  height: 48px !important;
+  min-width: 48px;
+  min-height: 48px;
+}
 .select-box {
   width: 459px;
   height: 40px;
@@ -1536,7 +1541,7 @@ button:disabled {
 /* ===================blogsection=================================== */
 
 .blog-container {
-  max-width: 1240px;
+  max-width: 1166px;
   margin: auto;
   padding: 0 20px;
 }
@@ -1728,7 +1733,7 @@ button:disabled {
 
 /* ===================clinics-section=================================== */
 .clinic-container {
-  max-width: 1240px;
+  max-width: 1166px;
   margin: auto;
   padding: 0 20px;
 }