updated pages

components/about-us/OurMembers.js

@@ -48,7 +48,8 @@ const OurMembers = () => {
           </div>
         </div>
         <div className="row">
-          <div className="col-12 position-relative">
+          <div className="col-12">
+            <div className=" position-relative">
             <Swiper
               slidesPerView={1}
               loop={false}
@@ -117,6 +118,8 @@ const OurMembers = () => {
               </div>
             </div>
             </div>
+            
+          </div>
         </div>
       </div>
     </section>

components/about-us/OurPartners.js

@@ -40,7 +40,8 @@ const OurPartners = () => {
           </div>
         </div>
         <div className="row">
-          <div className="col-12 position-relative">
+          <div className="col-12">
+          <div className=" position-relative">
             <Swiper
               slidesPerView={1}
               loop={false}
@@ -103,6 +104,7 @@ const OurPartners = () => {
           </div>
           </div>
         </div>
+      </div>
     </section>
   );
 };

components/gift-card/GiftCard.js

@@ -42,7 +42,7 @@ const GiftCard = () => {
   console.log("endUser", session);
   const [isStep1, setIsStep1] = useState(true);
   const [amount, setAmount] = useState(0);
-  const [custom, setcustom] = useState(0);
+  const [custom, setcustom] = useState();
 
   const [isStep2, setIsStep2] = useState(false);
   const [isResult, setIsResult] = useState(false);
@@ -206,7 +206,6 @@ const GiftCard = () => {
                                   {touched.customAmt && errors.customAmt && <div className="text-danger">{errors.customAmt}</div>}
                                 </div>
                               )}
-
                               <div className="col-md-12 mb-4">
                                 <label htmlFor="">Email Id</label>
                                 <Field

styles/globals.css

@@ -2811,6 +2811,13 @@ button:focus:not(:focus-visible) {
 .sub-categories {
   display: flex;
   align-items: center;
+  overflow-y: scroll;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.active>.page-link, .page-link.active{
+  background-color: #0070bd;
+  border-color: #0070bd;
 }
 .sub-categories a {
   cursor: pointer;
@@ -3772,6 +3779,39 @@ img:hover {
 }
 
 @media (max-width: 767px) {
+  .s-page-session {
+    margin: 3rem 0;
+}
+  .accordion-01 .accordion-button {
+    font-size: 16px;
+    line-height: 20px;
+    padding-top: 10px !important;
+    padding-bottom: 10px !important;
+}
+  .faqs-session {
+    padding: 1rem 0 3rem;
+}
+  .availability-wrappper li {
+    margin: 0.5rem 0.5rem;
+    font-size: 14px;
+}
+  .availability-wrappper {
+    margin-top: 0rem;
+}
+  .image-container.btn-gift {
+    width: 3vw;
+}
+  .box-01 .head {
+    font-size: 16px;
+    line-height: 18px;
+    padding: 1rem;
+}
+  .sub-categories a{
+    font-size: 12px;
+    padding: 1rem;
+    height: 2rem;
+    margin-left: 0.5rem;
+  }
   .navbar-toggler {
     border: 0;
   }
@@ -3804,6 +3844,7 @@ img:hover {
   }
   .navbar-expand-lg .navbar-nav .nav-link.gift-card .image-container {
     width: 18px;
+    margin-left: 5px;
   }
   .header_wrap .navbar-expand-lg .navbar-nav .nav-link {
     padding: 0.2rem 0;
@@ -3894,6 +3935,7 @@ img:hover {
   }
   .filter-dd {
     justify-content: space-between;
+    padding: 0 0 2rem;
   }
 
   .filter-view.box-inner {
@@ -3951,10 +3993,13 @@ img:hover {
   }
 
   .page-title-area {
-    height: 190px;
-    margin-bottom: 3rem;
+    height: 250px;
+    margin-bottom: 2rem;
   }
-
+  .our-mission .inner .title {
+    font-size: 20px;
+    line-height: 20px;
+}
   .page-title-one {
     background: url(/images/banner/about-us-m.png) no-repeat;
   }
@@ -4108,7 +4153,7 @@ img:hover {
   }
 
   .let-discover-session {
-    padding: 2rem 0;
+    padding: 2rem 0 0.5rem;
   }
 
   .head01 .title {