more tweaks

Author: adictonator

style.css

@@ -3657,6 +3657,10 @@ li li {
     line-height: 1.25;
   }
 
+  .md\:leading-relaxed {
+    line-height: 1.625;
+  }
+
   .md\:shadow-xl {
     --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@@ -3968,3 +3972,7 @@ li li {
   }
 }
 
+.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
+  display: none;
+}
+

template-parts/sections/section-faq.php

@@ -12,23 +12,23 @@
 ?>
 
 <section class="md:py-24 p-4 relative overflow-hidden">
-	<div class="mx-auto md:max-w-7xl text-center space-y-10">
+	<div class="mx-auto md:max-w-7xl space-y-3 md:space-y-10">
 		<div class="md:space-y-5 space-y-2.5 md:max-w-3xl mx-auto">
-			<h2 class="text-2xl font-bold md:text-5xl font-display">
-				Frequently Asked Queries
+			<h2 class="text-2xl text-center font-bold md:text-5xl font-display">
+				FAQs
 			</h2>
 
-			<p class="md:text-base text-sm font-normal sm:block text-neutral-500">
+			<!--<p class="md:text-base text-sm font-normal text-center sm:block text-neutral-500">
 				Efficiently productivate reliable paradigms before ubiquitous models. Continually utilize frictionless expertise whereas tactical relationships. Still have questions? Contact us
-			</p>
+			</p>-->
 		</div>
 
 		<div class="md:space-y-3 space-y-2.5 max-w-2xl mx-auto divide-y divide-neutral-100">
 			<?php
 			foreach ($faqData as $data) :
 				?>
 				<details class="group flex space-y-2.5 md:pt-3 pt-2.5">
-					<summary class="flex cursor-pointer items-center justify-between gap-1.5">
+					<summary class="flex cursor-pointer items-start justify-between gap-1.5 [&::-webkit-details-marker]:hidden">
 						<h2 class="md:text-base text-sm font-semibold text-gray-900">
 							<?= $data['question']; ?>
 						</h2>
@@ -40,7 +40,7 @@
 						</span>
 					</summary>
 
-					<p class="text-start text-base leading-relaxed text-neutral-500">
+					<p class="text-start text-sm md:text-base md:leading-relaxed text-neutral-500">
 						<?= $data['answer']; ?>
 					</p>
 				</details>