From 8f71e96a9cdc58716524f6b2f69aef7be31fe1a9 Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Sat, 14 Feb 2026 11:39:01 +0530
Subject: [PATCH] iframe scoll and faq acordian issues are updated

---
 .../sass/template/sections/_category.scss     |  63 +++--
 .../sass/template/widgets/_widget-footer.scss |   2 +
 src/components/EventsVilakkuPoojai.jsx        |   1 +
 src/components/FaqTwo.jsx                     | 252 +++++++++---------
 4 files changed, 177 insertions(+), 141 deletions(-)

diff --git a/public/assets/sass/template/sections/_category.scss b/public/assets/sass/template/sections/_category.scss
index 4ed8e45..ebdda3d 100644
--- a/public/assets/sass/template/sections/_category.scss
+++ b/public/assets/sass/template/sections/_category.scss
@@ -211,23 +211,23 @@
 }
 
 .thaipoosam-iframe {
-    height: 1500px;
+    height: 1780px !important;
     width: 100%;
 }
 
-.donation-iframe{
-    height: 1700px;
+.donation-iframe {
+    height: 1911px;
     width: 100%;
 }
 
 @media(max-width:1024px) {
     .annual-membership-iframe {
-        height: 500px !important;
+        height: 537px !important;
         width: 100%;
     }
 
     .life-membership-iframe {
-        height: 500px !important;
+        height: 538px !important;
         width: 100%;
     }
 
@@ -235,28 +235,30 @@
         height: 1500px;
         width: 100%;
     }
-    .donation-iframe{
-        height: 1700px;
+
+    .donation-iframe {
+        height: 1911px;
         width: 100%;
     }
 }
 
 @media(max-width:768px) {
     .annual-membership-iframe {
-        height: 600px !important;
+        height: 622px !important;
         width: 100%;
     }
 
     .life-membership-iframe {
-        height: 600px !important;
+        height: 630px !important;
         width: 100%;
     }
 
     .thaipoosam-iframe {
-        height: 1600px;
+        height: 1780px;
         width: 100%;
     }
-    .donation-iframe{
+
+    .donation-iframe {
         height: 2000px;
         width: 100%;
     }
@@ -264,15 +266,46 @@
 
 
 @media(max-width:500px) {
-    .donation-iframe{
-        height: 2100px;
+    .donation-iframe {
+        height: 2161px;
         width: 100%;
     }
+
+        .annual-membership-iframe {
+        height: 685px !important;
+        width: 100%;
+    }
+
+        .life-membership-iframe {
+        height: 717px !important;
+        width: 100%;
+    }
+
+    .thaipoosam-iframe {
+    height: 1772px !important;
+    width: 100%;
+}
+
+    
 }
 
 @media(max-width:375px) {
-    .donation-iframe{
-        height: 2200px;
+    .donation-iframe {
+        height: 2440px;
         width: 100%;
     }
+
+        .thaipoosam-iframe {
+        height: 1813px !important;
+        width: 100%;
+    }
+
+    .thiru-vilaku-i-frame{
+
+                height: 870px !important;
+        width: 100% !important;
+
+    }
+
+
 }
\ No newline at end of file
diff --git a/public/assets/sass/template/widgets/_widget-footer.scss b/public/assets/sass/template/widgets/_widget-footer.scss
index 973e9c5..f7d9cf4 100644
--- a/public/assets/sass/template/widgets/_widget-footer.scss
+++ b/public/assets/sass/template/widgets/_widget-footer.scss
@@ -14,6 +14,7 @@
         border-bottom: none;
         margin: -0.04em 0 45px 0;
         position: relative;
+        text-align: start;
         &:after {
             display: none;
         }
@@ -198,6 +199,7 @@
     .footer-widget {
         .widget_title {
             margin-bottom: 35px;
+            text-align: center;
         }
     }
     .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_recent_entries a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
diff --git a/src/components/EventsVilakkuPoojai.jsx b/src/components/EventsVilakkuPoojai.jsx
index a199df7..c669b41 100644
--- a/src/components/EventsVilakkuPoojai.jsx
+++ b/src/components/EventsVilakkuPoojai.jsx
@@ -25,6 +25,7 @@ const EventsVilakkuPoojai = () => {
             <div>
               <iframe
                 title="Annual Membership form powered by Zeffy"
+                className="thiru-vilaku-i-frame"
                 style={{
 
                   width: "100%",
diff --git a/src/components/FaqTwo.jsx b/src/components/FaqTwo.jsx
index 8aaf502..de848bf 100644
--- a/src/components/FaqTwo.jsx
+++ b/src/components/FaqTwo.jsx
@@ -6,7 +6,7 @@ const FaqTwo = () => {
         <div className="row gx-60 flew-row">
           <div className="col-xl-6 order-1">
             <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
-              
+
               <img src="/assets/img/faq/faq2.jpg" alt="FAQ Image" />
             </div>
           </div>
@@ -23,157 +23,157 @@ const FaqTwo = () => {
                 />
               </h2>
             </div> */}
-            <div className="accordion-area accordion" id="faqAccordion">
+            <div className="accordion-area accordion" id="faqAccordion2">
 
-                <div className="accordion-card style3">
-                  <div className="accordion-header" id="collapse-item-5">
-                    <button
-                      className="accordion-button collapsed"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapse-5"
-                      aria-expanded="false"
-                      aria-controls="collapse-5"
-                    >
-                      {" "}
-                      When will the temple be open to the public?
-                    </button>
-                  </div>
-                  <div
-                    id="collapse-5"
-                    className="accordion-collapse collapse "
-                    aria-labelledby="collapse-item-5"
-                    data-bs-parent="#faqAccordion"
+              <div className="accordion-card style3 active">
+                <div className="accordion-header" id="collapse-item-5">
+                  <button
+                    className="accordion-button "
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapse-5"
+                    aria-expanded="true"
+                    aria-controls="collapse-5"
                   >
-                    <div className="accordion-body">
-                      <p className="faq-text">
+                    {" "}
+                    When will the temple be open to the public?
+                  </button>
+                </div>
+                <div
+                  id="collapse-5"
+                  className="accordion-collapse collapse show"
+                  aria-labelledby="collapse-item-5"
+                  data-bs-parent="#faqAccordion2"
+                >
+                  <div className="accordion-body">
+                    <p className="faq-text">
                       While a dedicated date for our permanent temple opening is not yet set, our immediate focus is on serving the community. We are beginning by renting spaces to conduct pujas and celebrate auspicious occasions. All event dates and locations will be announced on our website's homepage and our Events page. Please check back regularly for updates!
-                      </p>
-                    </div>
+                    </p>
                   </div>
                 </div>
+              </div>
 
-                <div className="accordion-card style3">
-                  <div className="accordion-header" id="collapse-item-6">
-                    <button
-                      className="accordion-button collapsed"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapse-6"
-                      aria-expanded="false"
-                      aria-controls="collapse-6"
-                    >
-                      {" "}
-                      How can I become a member of the temple?
-                    </button>
-                  </div>
-                  <div
-                    id="collapse-6"
-                    className="accordion-collapse collapse "
-                    aria-labelledby="collapse-item-6"
-                    data-bs-parent="#faqAccordion"
+              <div className="accordion-card style3">
+                <div className="accordion-header" id="collapse-item-6">
+                  <button
+                    className="accordion-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapse-6"
+                    aria-expanded="false"
+                    aria-controls="collapse-6"
                   >
-                    <div className="accordion-body">
-                      <p className="faq-text">
+                    {" "}
+                    How can I become a member of the temple?
+                  </button>
+                </div>
+                <div
+                  id="collapse-6"
+                  className="accordion-collapse collapse "
+                  aria-labelledby="collapse-item-6"
+                  data-bs-parent="#faqAccordion2"
+                >
+                  <div className="accordion-body">
+                    <p className="faq-text">
                       You can become an annual or life member by filling out a membership form or contacting the temple board members by contacting <a href="mailto:info@waterloomurugantemple.ca">info@waterloomurugantemple.ca</a>
-                      </p>
-                    </div>
+                    </p>
                   </div>
                 </div>
+              </div>
 
-                <div className="accordion-card style3">
-                  <div className="accordion-header" id="collapse-item-7">
-                    <button
-                      className="accordion-button collapsed"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapse-7"
-                      aria-expanded="false"
-                      aria-controls="collapse-7"
-                    >
-                      {" "}
-                      Can I volunteer at the temple?
-                    </button>
-                  </div>
-                  <div
-                    id="collapse-7"
-                    className="accordion-collapse collapse "
-                    aria-labelledby="collapse-item-7"
-                    data-bs-parent="#faqAccordion"
+              <div className="accordion-card style3">
+                <div className="accordion-header" id="collapse-item-7">
+                  <button
+                    className="accordion-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapse-7"
+                    aria-expanded="false"
+                    aria-controls="collapse-7"
                   >
-                    <div className="accordion-body">
-                      {/* <p className="faq-text"> */}
-                      <ol>
-                    <li>Yes! Volunteers are essential to our temple community. We welcome help in many areas listed here:
-                    <ul>
-                    <li>Religious Services and Rituals:</li>
-                    <li>Puja/Aarti Preparation: Assisting priests in preparing items and the altar area for daily pujas and aartis (rituals with lamps).</li>
-                    <li>Prasadam Preparation: Helping to prepare sacred food offerings (prasadam) for distribution.</li>
-                    <li>Flower Garland Making: Creating beautiful garlands for adorning deities.</li>
+                    {" "}
+                    Can I volunteer at the temple?
+                  </button>
+                </div>
+                <div
+                  id="collapse-7"
+                  className="accordion-collapse collapse "
+                  aria-labelledby="collapse-item-7"
+                  data-bs-parent="#faqAccordion2"
+                >
+                  <div className="accordion-body">
+                    {/* <p className="faq-text"> */}
+                    <ol>
+                      <li>Yes! Volunteers are essential to our temple community. We welcome help in many areas listed here:
+                        <ul>
+                          <li>Religious Services and Rituals:</li>
+                          <li>Puja/Aarti Preparation: Assisting priests in preparing items and the altar area for daily pujas and aartis (rituals with lamps).</li>
+                          <li>Prasadam Preparation: Helping to prepare sacred food offerings (prasadam) for distribution.</li>
+                          <li>Flower Garland Making: Creating beautiful garlands for adorning deities.</li>
                         </ul>
-                    </li>
-                    
-                    <li>Festival and Event Organization:
-                    <ul>
-                    <li><b>Event Setup/Cleanup:</b> Helping with decorations, setup, and cleaning before and after special events and festivals.</li>
-                    <li><b>Crowd Management:</b> Assisting in guiding devotees, managing lines, and keeping order during large gatherings.</li>
-                    <li><b>Food Preparation and Service:</b> Helping with food stalls or large-scale meal preparation (Annadanam) during festivals and events.</li>
-                    </ul>
-                    </li>
-                    <li>Cultural Programs:
-                    <ul>
-                    <li><b>Cultural Programs:</b> Assist with planning or participating in cultural performances.</li>
-                    </ul>
-                    </li>
-                    <li>Cleaning and Upkeep:
-                    <ul>
-                    <li>Help maintain the cleanliness and orderliness of the temple premises.
-                    </li>
-                    </ul>
-                    </li>
-                    
-                    </ol>
-                      {/* </p> */}
-                    </div>
-                  </div>
-                  </div>
+                      </li>
 
-                <div className="accordion-card style3">
-                  <div className="accordion-header" id="collapse-item-8">
-                    <button
-                      className="accordion-button collapsed"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#collapse-8"
-                      aria-expanded="false"
-                      aria-controls="collapse-8"
-                    >
-                      {" "}
-                      How to donate to temple?
-                    </button>
+                      <li>Festival and Event Organization:
+                        <ul>
+                          <li><b>Event Setup/Cleanup:</b> Helping with decorations, setup, and cleaning before and after special events and festivals.</li>
+                          <li><b>Crowd Management:</b> Assisting in guiding devotees, managing lines, and keeping order during large gatherings.</li>
+                          <li><b>Food Preparation and Service:</b> Helping with food stalls or large-scale meal preparation (Annadanam) during festivals and events.</li>
+                        </ul>
+                      </li>
+                      <li>Cultural Programs:
+                        <ul>
+                          <li><b>Cultural Programs:</b> Assist with planning or participating in cultural performances.</li>
+                        </ul>
+                      </li>
+                      <li>Cleaning and Upkeep:
+                        <ul>
+                          <li>Help maintain the cleanliness and orderliness of the temple premises.
+                          </li>
+                        </ul>
+                      </li>
+
+                    </ol>
+                    {/* </p> */}
                   </div>
-                  <div
-                    id="collapse-8"
-                    className="accordion-collapse collapse "
-                    aria-labelledby="collapse-item-8"
-                    data-bs-parent="#faqAccordion"
+                </div>
+              </div>
+
+              <div className="accordion-card style3">
+                <div className="accordion-header" id="collapse-item-8">
+                  <button
+                    className="accordion-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapse-8"
+                    aria-expanded="false"
+                    aria-controls="collapse-8"
                   >
-                    <div className="accordion-body">
-                      <p className="faq-text">
+                    {" "}
+                    How to donate to temple?
+                  </button>
+                </div>
+                <div
+                  id="collapse-8"
+                  className="accordion-collapse collapse "
+                  aria-labelledby="collapse-item-8"
+                  data-bs-parent="#faqAccordion2"
+                >
+                  <div className="accordion-body">
+                    <p className="faq-text">
                       We are current looking for weekly, monthly, annual or one time donation. All proceeds go towards the initial start up cost and day to day expenses. Kindly follow this link to donate. Your contribution does not cost any extra fee.</p><br/>
 
-                      <p className="faq-text">In the event, you are interested in giving a pledge towards a land purchase, feel free to contact one of the board members or send us an email. 
-                      </p>
-                    </div>
+                    <p className="faq-text">In the event, you are interested in giving a pledge towards a land purchase, feel free to contact one of the board members or send us an email.
+                    </p>
                   </div>
                 </div>
+              </div>
 
             </div>
           </div>
         </div>
 
       </div>
-    </section>    
+    </section>
   );
 };