fix responsive all pages & change style page list blog and blog item & add date picker

app/globals.css

@@ -171,7 +171,8 @@ html {
     background: url(../public/assets/images/banner-about.png);
 }
 
-.bg-banner-home::after {
+.bg-banner-home::after,
+.bg-banner-stroke::after {
     content: "";
     position: absolute;
     right: 0;
@@ -215,9 +216,7 @@ html {
 .cover-head-blogs p {
     position: absolute;
     bottom: 32px;
-    right: 24px;
     color: #FAFAFA;
-    font-size: 24px;
     font-weight: 700;
 }
 
@@ -299,4 +298,91 @@ html {
         padding-left: 108px;
         padding-right: 108px;
     }
-}
+}
+
+
+
+/* Date Picker Style */
+
+.panel-elevation {
+    box-shadow: none !important;
+    border: none;
+    outline: none;
+}
+
+.icon-keyboard_double_arrow_right,
+.icon-keyboard_double_arrow_left {
+    display: none !important;
+}
+
+.icon-chevron-right::before,
+.icon-chevron-left::before {
+    content: "" !important;
+    background: url(../public/assets/icons/arrow-right.svg);
+    width: 24px;
+    height: 24px;
+}
+
+.icon-chevron-left::before {
+    rotate: 180deg;
+}
+
+.panel-date-holder-item span {
+    /* font-family: Iran Sans !important; */
+    font-size: 18px !important;
+    font-weight: 500 !important;
+}
+
+.panel-date-holder-item span:hover {
+    color: #FF8848 !important;
+}
+
+.year-item-selected,
+.month-item-selected {
+    background: #FF8848 !important;
+    border-radius: 3px !important;
+}
+
+.panel-header-rtl {
+    border-bottom: none !important;
+}
+
+.day-label-bar-inner-rtl {
+    background: #FFF !important;
+}
+
+.day-label-bar-inner-rtl div {
+    color: #6C757D !important;
+}
+
+.panel-jalaali .days-body .not-current {
+    display: none !important;
+}
+
+.panel-jalaali .days-body .day.hovered span {
+    color: #343A40 !important;
+}
+
+.panel-jalaali .days-body .day.weekend-day span {
+    color: #B71232 !important;
+}
+
+.panel-jalaali .today,
+.panel-jalaali .highlight {
+    border-radius: 50% !important;
+}
+
+.panel-jalaali .today {
+    border: 1px solid #FF8848 !important;
+}
+
+.panel-jalaali .highlight {
+    background: #ff975d !important;
+}
+
+.panel-jalaali .panel-footer-wrapper,
+.panel-jalaali .panel-footer-rtl {
+    display: none !important;
+}
+
+/* End Date Picker Style */