commit

assets/css/style.css

@@ -509,7 +509,7 @@ img {
 .header-top {
     position: relative;
     background-color: #0c1529;
-    padding: 20.5px 0;
+    padding: 5.5px 0;
 }
 
 .header-top .inner-container {
@@ -569,8 +569,17 @@ img {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
+    margin-bottom: 0;
+}
+.header-top .right-column ul{
+    display: flex;
+    gap: 20px;
+    margin-bottom: 0;
+}
+.header-top .right-column ul li a{
+color: white;
+transition: 0.3s all ease-out;
 }
-
 .header-top ul.contact-info li {
     margin-right: 25px;
     color: rgba(255, 255, 255, 0.7);
@@ -2039,9 +2048,9 @@ a{
 
 .sec-title h2 {
     position: relative;
-    font-size: 27px;
-    line-height: 65px;
-    font-family: 'Abril Fatface', cursive;
+    font-size: 20px;
+    line-height: 0px;
+    font-family: "Poppins", sans-serif;;
     letter-spacing: -1px;
 
 }
@@ -2729,10 +2738,17 @@ a{
 
 .testimonial-block .image img {
     border-radius: 50%;
-    width: auto;
+    width: 200px;
     margin: 0 auto;
+    height: 200px;
+    border: 2px solid var(--primary-color1);
+}
+.testimonials-section.abt11
+ {
+    position: relative;
+    padding: 120px 0 120px !important;
+    /* background-color: #e9f7f2; */
 }
-
 .testimonial-block .rating {
     position: relative;
     color: #ffab01;
@@ -3099,7 +3115,7 @@ a{
 
 .newsletter-section .sec-bg {
     position: absolute;
-    top: -45px;
+    top: 5px;
     left: 0;
     bottom: 0;
     right: 0;
@@ -4430,12 +4446,13 @@ gap: 8px;
     font-size: 16px;
     line-height: 28px;
     margin-bottom: 20px;
+    text-align: justify;
 }
 
 .testimonial-block-two .author-info {
     position: relative;
     display: flex;
-    justify-content: space-around;
+    justify-content: space-between;
 }
 
 .testimonial-block-two .author-info h4 {
@@ -4444,12 +4461,19 @@ gap: 8px;
     font-weight: 600;
     margin-bottom: 5px;
 }
-
+.swiper-button-next, .swiper-button-prev {
+    background-color: white;
+    padding: 36px;
+    border-radius: 50px;
+}
 .testimonial-block-two .author-info .designation {
     position: relative;
     font-size: 16px;
 }
-
+.ajax-sub-form.cnt{
+ display: flex;
+ justify-content: flex-end;
+}
 .testimonials-section-two .owl-dots {
     text-align: center;
     display: flex;
@@ -4555,11 +4579,11 @@ gap: 8px;
 /* Gallery Section */
 .gallery-section {
     position: relative;
-    padding: 150px 0 120px;
+    padding: 120px 0 120px;
 }
 .video-section {
     position: relative;
-    padding: 120px 0 0px;
+    padding: 120px 0 120px;
 }
 
 .gallery-section .filters {
@@ -4600,8 +4624,11 @@ gap: 8px;
 .gallery-block .image img {
     width: 100%;
     transition: .5s;
+    height: 400px;
+    object-fit: cover;
 }
 
+
 .gallery-block .inner-box:hover img {
     transform: scale(1.05);
 }
@@ -4774,12 +4801,17 @@ gap: 8px;
     position: relative;
     padding: 28px 0 0px;
     background-color: #e5f8f1;
+    border-radius: 10px;
 }
 
 .contact-form-section .contact-form {
     position: relative;
     max-width: 970px;
     margin: 0 auto;
+    padding: 0px 57px;
+}
+.popup .contact-form-section .contact-form {
+    padding: 0px !important;
 }
 
 /*Error Section*/
@@ -5235,7 +5267,7 @@ gap: 8px;
 }
 .contact-info-section-two.home.popup{
     position: relative;
-    padding-bottom: 0px !important;
+    padding: 0px !important;
 }
 
 /* Pagination */
@@ -5594,3 +5626,125 @@ gap: 8px;
 }
 
 
+/* raffle video */
+.mySwiper-video {
+    width: 100%;
+    height: 100%;
+}
+
+.mySwiper-video .swiper-slide {
+    text-align: center;
+    font-size: 18px;
+    /* background: #fff; */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    /* margin-right: 10px !important; */
+}
+
+/* .mySwiper-video .swiper-button-next::after,
+.mySwiper-video .swiper-button-prev::after {
+    color: #1856A6 !important;
+    font-size: 20px !important;
+    font-weight: bold;
+    padding: 10px 15px;
+    background-color: rgba(255, 255, 255, 0.37);
+    border-radius: 100%;
+
+}
+.swiper-horizontal>.swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+    bottom: -9px !important;
+} */
+
+.video-container {
+    position: relative;
+    width: 100%;
+    height: 500%;
+    overflow: hidden;
+    border-radius: 10px;
+    cursor: pointer;
+    border-radius: 30px;
+}
+.contact-btn1{
+    position: absolute !important;
+    top: 349px;
+    left: 87px;
+}
+.video-container .text {
+    position: absolute;
+    bottom: 40px;
+    left: 0;
+    background-color: white;
+    padding: 20px 20px;
+    border-radius: 30px;
+    margin: 0 5px;
+    width: 97%;
+}
+
+.video-container .text p {
+    color: #A259FF;
+}
+
+.video-container .name {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background-color: white;
+    display: flex;
+    justify-content: space-between;
+    padding: 20px 20px;
+    border-radius: 0 0 30px 30px;
+    border-top: 1px solid #483286;
+    margin: 0 5px;
+    width: 97%;
+}
+.wrapper11{
+/* gap: 20px; */
+}
+.video-container .name h4 {
+    color: var(--primary-color1);
+}
+.raffle .auto-container{
+
+}
+.video-container video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 30px;
+    border: 2px solid var(--primary-color1);
+}
+.video-section.rafflee{
+
+        /* padding: 40px !important; */
+       
+}
+.play-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 30px;
+    color: #A259FF;
+    background: rgb(255, 255, 255);
+    border-radius: 50%;
+    width: 70px;
+    height: 70px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: opacity 0.3s ease-in-out;
+}
+
+.video-container:hover .play-button,
+.video-container:hover .text {
+    opacity: 0;
+    /* Hide play button on hover */
+}
+
+.video-container:hover .name {
+    border: 0;
+    border-radius: 30px;
+
+}

assets/js/raffle-video.js

@@ -0,0 +1,54 @@
+
+      var swiper = new Swiper(".mySwiper-video", {
+            slidesPerView: 3,
+            spaceBetween: 20,
+            loop: true,
+            navigation: {
+                nextEl: ".swiper-button-next",
+                prevEl: ".swiper-button-prev",
+            },
+            pagination: {
+                el: ".swiper-pagination",
+                clickable: true,
+            },
+            breakpoints: {
+                0: {
+                    slidesPerView: 1
+                },
+                576: {
+                    slidesPerView: 2
+                },
+                992: {
+                    slidesPerView: 3
+                },
+            },
+        });
+        document.querySelectorAll(".video-container").forEach(container => {
+  let video = container.querySelector("video");
+  let playBtn = container.querySelector(".play-button");
+
+  function playVideo() {
+      video.play().catch(error => console.log("Autoplay prevented:", error));
+      playBtn.style.opacity = "0"; // Hide play button
+  }
+
+  function pauseVideo() {
+      setTimeout(() => {
+          if (!video.matches(":hover")) {
+              video.pause();
+              playBtn.style.opacity = "1"; // Show play button again
+          }
+      }, 30);
+  }
+
+  container.addEventListener("mouseover", playVideo);
+  container.addEventListener("mouseout", pauseVideo);
+});
+
+setTimeout(() => {
+    document.querySelector(".line").classList.add("animate");
+}, 1000); // 1000ms = 1 second delay
+setTimeout(() => {
+    document.querySelector(".uni-img").classList.add("animate");
+}, 1500); // 1000ms = 1 second delay
+