assets/css/home.css in word-games-theme-0.7.3 vs assets/css/home.css in word-games-theme-0.7.4

@@ -22,13 +22,21 @@
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
   transition: background-color 5000s ease-in-out 0s;
 }
-
+.resultPageTxtBox,
+.resultPageSearchBtn {
+  height: 50px !important;
+}
+.resultPageDropdown2 {
+  height: 49px !important;
+  padding: 0 !important;
+}
 .txtBox {
-  height: 60px;
+  /* text-transform: uppercase; */
+  height: 70px;
   border-radius: 8px;
   border: solid 1px rgba(0, 0, 0, 0.1);
   background: #fff;
   padding: 0;
   width: 100%;
@@ -37,16 +45,64 @@
   font-style: normal;
   letter-spacing: normal;
   color: var(--txtColor);
   text-indent: 15px;
   outline: none;
+  position: relative;
 }
+
+.txtBox ~ .focus-border:before,
+.txtBox ~ .focus-border:after {
+  z-index: 9;
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 0;
+  height: 1px;
+  transition: 0.4s;
+  background: linear-gradient(to right, #e6dada, #274046);
+}
+.txtBox ~ .focus-border:after {
+  top: auto;
+  bottom: 0;
+}
+.txtBox ~ .focus-border i:before,
+.txtBox ~ .focus-border i:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 1px;
+  height: 0;
+  background: linear-gradient(to right, #e6dada, #274046);
+  transition: 0.6s;
+}
+.txtBox ~ .focus-border i:after {
+  left: auto;
+  right: 0px;
+}
+.txtBox:focus ~ .focus-border:before,
+.txtBox:focus ~ .focus-border:after {
+  left: 0;
+  width: 100%;
+  transition: 0.4s;
+}
+.txtBox:focus ~ .focus-border i:before,
+.txtBox:focus ~ .focus-border i:after {
+  top: 0;
+  height: 100%;
+  transition: 0.6s;
+}
+
+/* ravi */
 .txtBox::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: var(--txtColor);
   opacity: 0.5; /* Firefox */
   font-weight: 500 !important;
+  text-transform: capitalize;
 }
 
 .txtBox::-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: var(--txtColor);
@@ -61,11 +117,11 @@
   font-weight: 500 !important;
 }
 .serachBtn {
   background: url(../images/search.svg) no-repeat center center;
   background-size: 35px 35px;
-  height: 59px;
+  height: 70px;
   width: 59px;
   border: none;
   position: absolute;
   top: 0px;
   right: 0px;
@@ -119,14 +175,15 @@
   font-stretch: normal;
   font-style: normal;
   outline: none;
 }
 .select_dropDown2 {
+  height: 69px;
   position: absolute;
   top: 0px;
   font-size: 15px;
-  width: 156px;
+  width: 142px;
   overflow: hidden;
   object-fit: cover;
   right: 69px;
   padding: 19px 0;
   border-bottom: 0 !important;
@@ -175,11 +232,11 @@
 .fillterWrapper input:active {
   box-shadow: unset;
 }
 .active {
   z-index: 999;
-  top: 122px;
+  top: 90px;
   background: #fff;
   box-shadow: 0 0 5px rgb(0 0 0 / 40%);
   padding: 15px 15px;
   border-radius: 15px;
   height: auto;
@@ -199,27 +256,29 @@
   font-weight: 800;
 }
 
 #containerWd {
   width: 700px !important;
+  padding: 0px;
 }
 @media (max-width: 768px) {
   .wrapper_dropDown {
     align-items: flex-end;
     flex-direction: column;
   }
   .txtBox {
-    height: 40px !important;
+    height: 50px !important;
   }
   .serachBtn {
-    height: 40px !important;
+    height: 50px !important;
     width: 40px !important;
   }
   .advancedFilter .filterButton {
     top: 60px;
   }
   .select_dropDown2 {
+    height: 50px;
     width: 30%;
     right: 40px;
     padding: 9.5px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
   }
@@ -234,12 +293,14 @@
     padding: 9.5px;
     z-index: 99;
   }
   .pageHeading h1 {
     font-size: 2.5rem;
+    padding-top: 3rem;
   }
   #containerWd {
     width: 100% !important;
+    padding: 0px 15px;
   }
   .active {
     top: 102px;
     display: flex;
     right: -5px;