faq block and arrows

assets/css/style.css

@@ -11,6 +11,7 @@
     --transition: .3s all ease;
     --GR1: linear-gradient(22deg, #F44242 23.69%, #569EF0 66.57%);
     --new-blue: #569EFF;
+    --border: 60px;
 }
 html{
     scroll-behavior: smooth;
@@ -86,6 +87,13 @@ a:hover {
     text-transform: uppercase;
     color: var(--grey-black);
 }
+.section_title h1{
+    font-size: 82px;
+    font-weight: 700;
+    line-height: normal;
+    text-transform: uppercase;
+    color: var(--grey-black);
+}
 .section_title .back_link{
     display: none;
 }
@@ -688,12 +696,13 @@ label:has(input[type='checkbox']:checked) .checkmark::before{
     background: var(--creme-white);
     overflow: hidden;
     opacity: 0;
-    z-index: -1;
+    visibility: hidden;
+    z-index: 3;
     transition: var(--transition);
 }
 .modal.modal_open{
     opacity: 1;
-    z-index: 3;
+    visibility: visible;
 }
 body:has(.modal_open){
     overflow: hidden;
@@ -704,12 +713,13 @@ body:has(.modal_open){
     inset: 0;
     background-color: rgba(0, 0, 0, .5);
     opacity: 0;
-    z-index: -1;
+    visibility: hidden;
+    z-index: 2;
     transition: var(--transition);
 }
 body:has(.modal_open) .modal_back{
     opacity: 1;
-    z-index: 1;
+    visibility: visible;
 }
 .modal_big{
     max-width: 754px;
@@ -1036,7 +1046,6 @@ body:has(.modal_open) .modal_back{
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
-    align-items: flex-start;
 }
 .for_border{
     background-image: var(--GR1);
@@ -1062,6 +1071,7 @@ body:has(.modal_open) .modal_back{
 .for_border .account_item{
     background: var(--creme-white);
     gap: 10px;
+    height: 100%;
 }
 .for_border:has(.account_item_big){
     max-width: 34.4%;
@@ -1865,6 +1875,9 @@ body:has(.modal_open) .modal_back{
     .section_title{
         font-size: 48px;
     }
+    .section_title h1{
+        font-size: 48px;
+    }
     .section_desc {
         font-size: 22px;
     }
@@ -2073,6 +2086,9 @@ body:has(.modal_open) .modal_back{
     .section_title {
         font-size: 40px;
     }
+    .section_title h1{
+        font-size: 40px;
+    }
     .section_desc {
         font-size: 18px;
     }
@@ -2398,6 +2414,9 @@ body:has(.modal_open) .modal_back{
     .section_title {
         font-size: 26px;
     }
+    .section_title h1{
+        font-size: 26px;
+    }
     .section_desc {
         font-size: 12px;
     }
@@ -2557,7 +2576,7 @@ body:has(.modal_open) .modal_back{
         bottom: 8px;
         right: 22px;
     }
-    .order .see_order svg{
+    .order .see_order img{
         width: 6px;
         height: 8px;
     }
@@ -2634,6 +2653,7 @@ body:has(.modal_open) .modal_back{
     .faq_item{
         font-size: 12px;
         padding: 0 14px;
+        border-width: 1px;
     }
     .faq_top {
         padding: 25px 0;