.homepage {
     /* background-image: url("../images/screencapture-textmunication-2025-01-20-16_27_19.png");
     background-repeat: no-repeat;
     background-size: 100%;
     width: 100%;
     background-position-y: -349px; */
	 padding-top: 80px;
}

.book_demo_register_now {
     position: relative;
     display: flex;
     justify-content: center;
     gap: 15px;
     overflow: hidden;
     margin-top: 40px;
     padding-bottom: 40px;

     .pink_br {
          &::after {
               content: "7 day trial available";
               display: block;
               position: absolute;
               bottom: 0px;
               visibility: visible;
               width: 100%;
               opacity: 1;
               font-size: 12px;
               color: #000;
               font-weight: 500;
          }
     }
}

.banner {

     .shopify {
          display: flex;
          justify-content: center;

          h6 {
               color: #cc3e8b;
               border-color: #168bd1;
               border-radius: 50px;
               font-size: 16px;
               background-color: rgba(204, 62, 139, .2);
               padding: 5px 16px;
               display: inline-flex;
               gap: 10px;
               margin: 0;
               align-items: center;
               justify-content: center;
               width: 600px;
               transition: all 0.3s ease-in-out;

               svg {
                    background-color: rgba(204, 62, 139, .4);
                    color: #cc3e8b;
                    border-radius: 100px;
                    width: 48px;
                    height: 30px;
                    text-align: center;
                    fill: #cc3e8b;
               }

               &:hover {
                    color: #d1168b;
                    font-weight: 700;
               }

               &:hover svg {
                    background-color: #cc3e8b;

                    path {

                         filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(22%) hue-rotate(41deg) brightness(106%) contrast(100%);
                    }
               }


          }
     }

     .enter_text_sms {
          margin-top: 40px;

          span {
               display: block;
               width: 100%;
               font-size: 78px;
               font-weight: 600;
               text-align: center;
          }
     }

     p {
          text-align: center;
          font-size: 24px;
          line-height: 38px;
          font-weight: 400;
          margin-top: 30px;
     }

     .book_demo_register_now {

          img {
               position: absolute;
               right: 180px;
               width: 200px;
          }
     }
}

.client_logo {
     h5 {
          font-weight: 500;
          font-size: 50px;
          line-height: 37px;
          text-align: center;
     }

     .logo_child {
          background: #eee;
          border-radius: 20px;
          padding: 50px 70px;
          margin-top: 50px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;

          img {
               margin: 22px 32px;
          }
     }
}

.grid_section {
     .row {
          align-items: center;

          h5 {
               font-weight: 500;
               font-size: 38px;
               line-height: 50px;
          }

          img {
               width: 100%;
          }

          p {
               margin-top: 20px;

               line-height: 34px;
          }
     }


}

.building_now {
     h4 {
          display: flex;
          align-items: end;
          justify-content: center;

          strong,
          span {
               font-weight: 600;
               font-size: 70px;
               line-height: 80px;
          }

          strong {
               position: relative;
               left: -50px;
          }
     }

     p {
          font-weight: 400;
          font-size: 22px;
          line-height: 34px;
          margin-top: 30px;
          text-align: center;
     }

     .row {
          img {
               margin-top: 30px;
               width: 100%;
               border-radius: 8px;
               height: 223px;
          }

          button {
               margin: 40px auto;
               text-align: center;
               font-size: 18px;
               height: 50px;
               text-transform: none;
          }
     }
}

.say_gud_bye {
     h5 {
          text-align: center;
          font-size: 70px;
          line-height: 80px;
          font-weight: 600;
     }

     p {
          font-size: 24px;
          line-height: 42px;
          text-align: center;
          color: #2b2b2b;
          margin-top: 40px;
     }

     img {
          width: 60%;
          margin: 40px auto;
          display: flex;
     }
}

.find_your_audience {
     h5 {
          text-align: center;
          font-size: 70px;
          line-height: 80px;
          font-weight: 600;
     }

     p {
          font-size: 24px;
          line-height: 42px;
          text-align: center;
          color: #2b2b2b;
          margin: auto;
          width: 70%;
          margin-top: 40px;
     }

     img {
          width: 100%;
          margin: 50px auto;
          display: flex;
     }
}


.form_our_customer {
     h5 {
          text-align: center;
          font-size: 70px;
          line-height: 80px;
          font-weight: 600;
          margin-bottom: 50px;
     }

     .clients_data {
          p.t_bk_bl {
               text-align: center;
               font-size: 40px;
               line-height: 50px;
               letter-spacing: -.92px;
               font-weight: 400;

               span {
                    font-weight: 700;
               }
          }

          p {
               color: #000;
               text-align: center;
               font-size: 18px;
               font-style: normal;
               font-weight: 300;
               line-height: normal;
               letter-spacing: -.36px;
               margin-top: 50px;

               strong {
                    font-weight: 600;
               }
          }


     }
}

.join_thousnd {
     h5 {
          text-align: center;
          font-size: 56px;
          line-height: 80px;
          font-weight: 600;
          margin-bottom: 50px;
     }

     .avathar_google_review {
          margin-top: 40px;
          display: flex;
          gap: 45px;
          justify-content: center;

          img:nth-child(1) {
               width: 330px;
          }

          img:nth-child(2) {
               width: 260px;
          }
     }

}

.subscribe_newsletter {
     max-width: 620px;
     padding: 30px;
     background-color: #eee;
     border-radius: 20px;
     margin: auto;
     position: relative;

     &::before {
          content: "";
          position: absolute;
          right: -65px;
          top: 36px;
          background: url(https://textmunication.com/wp-content/uploads/2024/11/icon-02.svg) no-repeat left top;
          width: 94px;
          height: 92px;
     }

     &::after {
          content: "";
          position: absolute;
          right: -37px;
          top: 143px;
          background: url(https://textmunication.com/wp-content/uploads/2024/11/icon-01.svg) no-repeat left top;
          width: 58px;
          height: 55px;
          display: block;
          visibility: visible;
     }

     h5 {
          font-size: 38px;
          font-weight: 600;
          text-align: center;
     }

     p {
          text-align: center;
          font-size: 18px;
          line-height: 34px;
          letter-spacing: -.44px;
     }

     input {
          height: 40px;
          border-color: transparent;
          border-radius: 50px;
          background: #ddd;
          text-align: center;
          padding: 0 15px;
          color: #808080;
          font-size: 14px;
          font-weight: 400;
          line-height: 60px;
          width: 53%;

          &::placeholder {
               font-size: 14px;
          }
     }

     .privacy_policy {
          font-size: 16px;
          text-align: start;
          line-height: 28px;
          margin-top: 30px;

          a {
               color: #6691d0 !important;
          }
     }
}