banner section layout

2023-11-04 10:08:09 +01:00
parent 77d97548e4
commit 4f5c99bced
3 changed files with 106 additions and 39 deletions
@@ -8457,4 +8457,65 @@ blockquote cite {
  animation-timing-function: linear;
  animation-duration: .5s;
  animation-fill-mode: forwards; */
+}
+
+
+
+/*
+LND PAGE STYLE STARTS HERE
+*/
+
+/* 1.0 BANNER SECTION */
+.banner_section{
+  background: linear-gradient(to left top, #0e1133, #15233d);
+}
+.banner_shape1{
+  left: 0;
+  top: 50%;
+  transform: rotate(45deg);
+}
+.banner_shape2{
+  top: 40%;
+  left: 90%;
+  transform: rotate(180deg);
+}
+.banner_shape3{
+  bottom: 0;
+  right: 0;
+  transform: rotate(40deg);
+}
+.banner_text h1{
+  font-size: 50px;
+  line-height: normal;
+}
+.banner_text p{
+  font-size: 16px;
+}
+.yt_video .play-button{
+  cursor: pointer;
+}
+.yt_video .play_btn{
+  width: 50px;
+  height: 50px;
+  background-color: rgba(255,255,255,0.1);
+}
+.yt_video .play_btn img{
+  background-color: rgba(255,255,255,0.3);
+}
+.banner_images .img-con{
+ /* gap: 10px; */
+}
+
+@media (max-width: 767px) {
+  .banner_text h1{
+    font-size: 20px;
+  }
+  .banner_images img{
+    width: 80%;
+  }
+}
+@media (min-width: 768px) and (max-width: 992px) {
+  .banner_text h1{
+    font-size: 30px;
+  }
 }