/* General page styles */
.page {
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Header section */
.group_1 {
  background-image: url(./img/8e064b7419c044b3b55184df0ce36677_mergeImage.png);
  width: 100%;
  height: 750px; /* Keep a fixed height for the hero image */
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Align content to the top */
  align-items: center;
}

.group_2 {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 20px;
  box-sizing: border-box;
}

.image_1 {
  width: 96px;
  height: 45px;
  margin-right: 16px;
}

.group_3 {
  background-color: rgba(255, 255, 255, 0.5);
  width: 1px;
  height: 45px;
  margin: 0 16px;
}

.image_2 {
  width: 75px;
  height: 45px;
  margin-left: 16px;
}

.text_1 {
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: "SourceHanSansCN-Medium", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  margin-left: 8px;
}

.text_2, .text_3, .text_4, .text_5 {
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: "SourceHanSansCN-Regular", sans-serif;
  white-space: nowrap;
  margin: 0 20px;
}

.text_3 {
    font-family: "SourceHanSansCN-Medium", sans-serif;
    font-weight: 500;
}

.group_4 {
  background-color: rgba(255, 255, 255, 1);
  width: 126px;
  height: 4px;
  margin-top: auto;
}

/* Main content section */
.section_7 {
  width: 100%;
  max-width: 1200px; /* Add a max-width for better readability on large screens */
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.group_5 {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 1px;
  margin: 20px 0;
}

.text_7 {
  color: rgba(0, 0, 0, 1);
  font-size: 60px;
  font-family: "SourceHanSansCN-Medium", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 80px;
  margin: 44px 0 0 0;
}

.paragraph_3 {
  color: rgba(0, 0, 0, 1);
  font-size: 30px;
  font-family: "SourceHanSansCN-Medium", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 45px;
  margin: 10px 0 40px 0;
}

.text-group_3 {
  width: 100%;
  margin: 60px 0 0 0;
  text-align: center;
}

.text_8 {
  color: rgba(0, 0, 0, 1);
  font-size: 40px;
  font-family: "SourceHanSansCN-Medium", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 60px;
}

.text_9 {
  color: rgba(92, 98, 107, 1);
  font-size: 20px;
  font-family: "SourceHanSansCN-Regular", sans-serif;
  text-align: center;
  line-height: 30px;
  margin-top: 20px;
}

.box_3 {
  width: 100%;
  margin: 60px 0 0 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.group_11, .group_12, .group_13 {
  width: 30%;
  min-width: 250px;
  margin: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.image_12, .image_13 {
  width: 70px;
  height: 70px;
}

.image-wrapper_1 {
    background-color: rgba(136, 136, 136, 1);
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.text-group_4, .text-group_5, .text-group_6 {
  margin: 30px 0 20px 0;
}

.text_21, .text_22, .text_23 {
  color: rgba(0, 0, 0, 1);
  font-size: 30px;
  font-family: "SourceHanSansCN-Medium", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 45px;
}

.paragraph_4, .paragraph_5, .paragraph_6 {
  width: 100%;
  color: rgba(92, 98, 107, 1);
  font-size: 14px;
  font-family: "SourceHanSansCN-Regular", sans-serif;
  text-align: center;
  line-height: 21px;
  margin-top: 10px;
}

.text-wrapper_4 {
  width: 100%;
  margin: 10px 0 0 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.text-wrapper_5 {
  margin: 60px 0 0 0;
  text-align: center;
}

.text_24, .text_25, .text_26 {
    display: inline;
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    font-family: "SourceHanSansCN-Regular", sans-serif;
    text-align: center;
    line-height: 21px;
}

.text_25, .text_26 {
    color: rgba(30, 155, 255, 1);
    text-decoration: underline;
}

.text-group_7 {
  width: 100%;
  margin: 60px 0 0 0;
  text-align: center;
}

.text_27 {
  color: rgba(0, 0, 0, 1);
  font-size: 40px;
  font-family: "SourceHanSansCN-Medium", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 60px;
}

.text_28 {
  color: rgba(92, 98, 107, 1);
  font-size: 20px;
  font-family: "SourceHanSansCN-Regular", sans-serif;
  text-align: center;
  line-height: 30px;
  margin: 20px 0 0 0;
}

.image-wrapper_2 {
  width: 100%;
  margin: 80px 0 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.image_15, .image_16 {
  width: 45%;
  height: auto;
  margin: 10px;
  min-width: 300px;
  object-fit: contain;
}

.group_14, .group_17 {
  width: 100%;
  margin: 50px 0 0 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.group_15, .group_16, .group_18, .group_19 {
  width: 30%;
  min-width: 150px;
  margin: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.text-wrapper_6 {
  margin: 60px 0 0 0;
}

.text_36 {
  color: rgba(30, 155, 255, 1);
  font-size: 20px;
  font-family: "SourceHanSansCN-Regular", sans-serif;
  text-align: center;
  line-height: 21px;
}

.paragraph_7 {
  width: 100%;
  color: rgba(92, 98, 107, 1);
  font-size: 14px;
  font-family: "SourceHanSansCN-Regular", sans-serif;
  text-align: center;
  line-height: 35px;
  margin: 30px 0 0 0;
}

.text-wrapper_7 {
  margin: 80px 0 81px 0;
  text-align: center;
}

.text_37, .text_38, .text_39 {
    display: inline;
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    font-family: "SourceHanSansCN-Regular", sans-serif;
    text-align: center;
    line-height: 21px;
}

.text_38 {
    color: rgba(30, 155, 255, 1);
    text-decoration: underline;
}

/* Footer section */
.group_20 {
  background-color: rgba(248, 248, 248, 1);
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text_40 {
  color: rgba(47, 60, 72, 1);
  font-size: 14px;
  font-family: "PingFangSC-Medium", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
}

/* Media Queries for responsiveness */
@media (max-width: 768px) {
  .text_7 {
    font-size: 40px;
    line-height: 60px;
  }

  .paragraph_3 {
    font-size: 20px;
    line-height: 30px;
  }

  .text_8 {
    font-size: 30px;
    line-height: 45px;
  }

  .text_9 {
    font-size: 16px;
    line-height: 24px;
  }

  .group_11, .group_12, .group_13 {
    width: 100%;
    margin: 15px 0;
  }

  .image_15, .image_16 {
    width: 100%;
    margin: 10px 0;
  }

  .group_15, .group_16, .group_18, .group_19 {
    width: 100%;
    margin: 15px 0;
  }
}



/* Custom styles for text alignment and layout based on template image */

/* Center align main titles and paragraphs */
.group_1 .text_7,
.section_7 .text-group_3 .text_8,
.section_7 .text-group_3 .text_9,
.section_7 .text-group_7 .text_27,
.section_7 .text-group_7 .text_28 {
  text-align: center;
  width: 100%; /* Ensure full width for centering */
}

/* Center align elements within the feature boxes */
.section_7 .box_3 .group_11,
.section_7 .box_3 .group_12,
.section_7 .box_3 .group_13 {
  text-align: center;
  align-items: center;
}

.section_7 .box_3 .group_11 .text-group_4 .text_21,
.section_7 .box_3 .group_11 .text-group_4 .paragraph_4,
.section_7 .box_3 .group_12 .text-group_5 .text_22,
.section_7 .box_3 .group_12 .text-group_5 .paragraph_5,
.section_7 .box_3 .group_13 .text-group_6 .text_23,
.section_7 .box_3 .group_13 .text-group_6 .paragraph_6 {
  text-align: center;
}

/* Center align the contact information and link */
.section_7 .text-wrapper_5,
.section_7 .text_26 {
  text-align: center;
  width: 100%;
}

/* Center align the deployment and experience sections */
.section_7 .box_4 .text-group_8,
.section_7 .box_4 .text-wrapper_6,
.section_7 .box_5 .text-group_9,
.section_7 .box_5 .text-wrapper_7 {
  text-align: center;
  align-items: center; /* For flex containers */
}

.section_7 .box_4 .text-group_8 .text_29,
.section_7 .box_4 .text-group_8 .paragraph_7,
.section_7 .box_4 .text-wrapper_6 .text_30,
.section_7 .box_4 .text-wrapper_6 .paragraph_8,
.section_7 .box_5 .text-group_9 .text_31,
.section_7 .box_5 .text-group_9 .paragraph_9,
.section_7 .box_5 .text-wrapper_7 .text_32,
.section_7 .box_5 .text-wrapper_7 .paragraph_10 {
  text-align: center;
}

/* Adjust flex container justifications for centering */
.group_2,
.section_7 .box_3,
.section_7 .text-wrapper_4,
.section_7 .image-wrapper_2,
.section_7 .box_4,
.section_7 .box_5 {
  justify-content: center;
}

/* Specific adjustments for contact details */
.section_7 .text-wrapper_5 {
  display: flex; /* Make it a flex container to center inline elements */
  justify-content: center;
  align-items: center;
}

/* Ensure footer text is centered */
.group_20 .text_40 {
  text-align: center;
  width: 100%;
}

/* Adjusting the main title alignment */
.group_1 {
    align-items: center;
}

.group_1 .text_7 {
    margin-top: 200px; /* Adjust as needed to match the image */
}

.group_1 .paragraph_3 {
    text-align: center;
    width: 100%;
}

/* Adjusting the navigation bar elements to be more like the template */
.group_2 {
    justify-content: space-between;
    padding: 0 5%; /* Add some padding to the sides */
}

.group_2 .image_1 {
    margin-right: 10px;
}

.group_2 .group_3 {
    margin: 0 10px;
}

.group_2 .image_2 {
    margin-left: 10px;
}

.group_2 .text_1 {
    margin-right: auto; /* Push other elements to the right */
}

.group_2 .text_2, .group_2 .text_3, .group_2 .text_4, .group_2 .text_5 {
    margin: 0 15px; /* Adjust spacing between nav items */
}

.group_2 .group_4 {
    display: none; /* Hide the underline for now, or style it differently */
}

/* Adjusting the feature boxes (大规模自动部署, 批量分发内容, 设备及权限管理) */
.box_3 {
    flex-wrap: wrap;
}

.group_11, .group_12, .group_13 {
    width: 30%; /* Adjust width for three columns */
    min-width: 280px; /* Minimum width for smaller screens */
    margin: 20px 1%; /* Adjust margin for spacing */
}

.group_11 img, .group_12 img, .group_13 img {
    margin-bottom: 20px;
}

/* Adjusting the text-wrapper_4 section */
.text-wrapper_4 {
    flex-wrap: wrap;
}

.text-wrapper_4 span {
    width: 30%; /* Adjust width for three columns */
    min-width: 280px; /* Minimum width for smaller screens */
    margin: 10px 1%; /* Adjust margin for spacing */
}

/* Adjusting the image-wrapper_2 section (two images) */
.image-wrapper_2 img {
    width: 48%; /* Adjust width for two columns */
    margin: 10px 1%; /* Adjust margin for spacing */
}

/* Adjusting the box_4 and box_5 sections (轻松部署, 一站式服务, 成熟方案, 丰富经验) */
.box_4, .box_5 {
    flex-wrap: wrap;
}

.box_4 > div, .box_5 > div {
    width: 48%; /* Adjust width for two columns */
    min-width: 300px; /* Minimum width for smaller screens */
    margin: 20px 1%; /* Adjust margin for spacing */
}

.box_4 .paragraph_7, .box_4 .paragraph_8,
.box_5 .paragraph_9, .box_5 .paragraph_10 {
    text-align: left; /* Keep list items left-aligned within their box */
    padding-left: 20px; /* Add some padding for indentation */
}

/* Adjusting the thumbnail_1 (store list image) */
.thumbnail_1 {
    width: 80%; /* Make it wider */
    max-width: 1000px; /* Max width for large screens */
    margin: 40px auto;
}

/* Adjusting the contact info at the bottom */
.section_7 .text_33, .section_7 .text_34, .section_7 .text_35, .section_7 .text_36 {
    display: inline-block;
    vertical-align: middle;
    text-align: left; /* Revert to left for inline block */
}

.section_7 .text-wrapper_5 {
    margin-top: 40px;
}

.section_7 .text_26 {
    margin-top: 15px;
}

/* Footer */
.group_20 {
    margin-top: 50px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .group_2 {
        flex-direction: column;
        height: auto;
        padding: 15px;
    }
    .group_2 .text_1 {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .group_2 .text_2, .group_2 .text_3, .group_2 .text_4, .group_2 .text_5 {
        margin: 5px 10px;
    }

    .group_1 .text_7 {
        font-size: 40px;
        line-height: 50px;
        margin-top: 100px;
    }

    .group_1 .paragraph_3 {
        font-size: 20px;
        line-height: 30px;
    }

    .section_7 .box_3 > div,
    .section_7 .text-wrapper_4 span,
    .section_7 .image-wrapper_2 img,
    .section_7 .box_4 > div,
    .section_7 .box_5 > div {
        width: 90%; /* Full width on small screens */
        min-width: unset;
        margin: 10px auto; /* Center items */
    }

    .box_4 .paragraph_7, .box_4 .paragraph_8,
    .box_5 .paragraph_9, .box_5 .paragraph_10 {
        padding-left: 0; /* Remove padding on small screens */
        text-align: center; /* Center align on small screens */
    }

    .section_7 .text-wrapper_5 {
        flex-direction: column;
    }
    .section_7 .text-wrapper_5 span {
        margin: 5px 0;
    }

    .section_7 .text_33, .section_7 .text_34, .section_7 .text_35, .section_7 .text_36 {
        text-align: center;
        display: block;
    }
}



/* --- New styles for alignment and layout in the lower half of the secondary page --- */

/* General centering for main content blocks */
.section_7 {
  align-items: center; /* Center content horizontally within section_7 */
}

/* Adjustments for the '轻松部署', '一站式服务', '成熟方案', '丰富经验' sections */
.box_4, .box_5 {
  display: flex;
  justify-content: center; /* Center the two columns */
  flex-wrap: wrap; /* Allow wrapping on smaller screens */
  width: 100%;
  max-width: 1000px; /* Limit width for better readability */
  margin-top: 40px; /* Add some top margin */
}

.box_4 > div, .box_5 > div {
  flex: 1; /* Allow columns to grow and shrink */
  min-width: 300px; /* Minimum width for each column */
  max-width: 450px; /* Max width for each column */
  margin: 15px; /* Spacing between columns */
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align text to the left within each column */
  text-align: left; /* Ensure text is left-aligned */
}

.box_4 .text_29, .box_4 .text_30,
.box_5 .text_31, .box_5 .text_32 {
  width: 100%; /* Ensure title takes full width */
  text-align: center; /* Center align the titles */
  margin-bottom: 20px; /* Space below title */
}

.box_4 .paragraph_7, .box_4 .paragraph_8,
.box_5 .paragraph_9, .box_5 .paragraph_10 {
  width: 100%; /* Ensure paragraph takes full width */
  text-align: left; /* Keep bullet points left-aligned */
  padding-left: 20px; /* Indent bullet points */
  box-sizing: border-box;
}



/* Footer adjustments */
.text-wrapper_3 {
  margin-top: 60px; /* Add margin above the footer */
  padding: 20px 0;
  border-top: 1px solid #eee; /* Add a subtle line above footer */
  width: 100%;
  text-align: center;
}

.text-wrapper_3 .text_20 {
  width: 100%;
  text-align: center;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .box_4 > div, .box_5 > div {
    min-width: unset;
    width: 90%; /* Full width on small screens */
    margin: 15px auto; /* Center individual columns */
    align-items: center; /* Center align text within each column on small screens */
    text-align: center;
  }

  .box_4 .paragraph_7, .box_4 .paragraph_8,
  .box_5 .paragraph_9, .box_5 .paragraph_10 {
    padding-left: 0; /* Remove padding on small screens */
    text-align: center; /* Center align bullet points on small screens */
  }

  .address_info span {
    display: block; /* Stack contact info on small screens */
    margin: 5px 0;
  }
}




/* --- Font Size Unification --- */
body, .paragraph_4, .paragraph_5, .paragraph_6, .paragraph_7, .paragraph_8, .paragraph_9, .paragraph_10, .text_9, .text_28, .text_26, .text_24, .text_25, .text_33, .text_35, .text_36, .text_40 {
    font-size: 16px !important; /* Standard font size for body text */
    line-height: 1.6 !important; /* Adjust line height for better readability */
}

.text_8, .text_27 {
    font-size: 36px !important; /* Larger font size for main headings */
}

.text_21, .text_22, .text_23, .text_29, .text_30, .text_31, .text_32 {
    font-size: 24px !important; /* Medium font size for subheadings */
}



/* --- Further refinements for text alignment and layout --- */

/* Ensure all main content sections are centered */
.section_7 {
  display: flex;
  flex-direction: column;
  align-items: center; /* Centers block-level children */
}

/* Main titles and introductory texts */
.text-group_3, .text-group_7 {
  width: 100%;
  max-width: 800px; /* Constrain width for readability */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.text-group_3 span, .text-group_7 span {
  display: block; /* Ensure spans take full width for centering */
}

/* Contact section (want to get Apple Business Management) */
.text-wrapper_5 {
  display: flex;
  flex-direction: column; /* Stack elements vertically */
  align-items: center; /* Center horizontally */
  text-align: center;
  width: 100%;
  margin-top: 60px;
}

.text_24, .text_25 {
  display: inline; /* Keep these inline to form a single line */
}

.text_26 {
  display: block; /* Make the link a block to center it */
  margin-top: 10px;
}

/* Image wrapper for the two devices */
.image-wrapper_2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 80px;
  width: 100%;
}

.image-wrapper_2 img {
  max-width: 45%;
  height: auto;
  margin: 10px;
  min-width: 300px; /* Ensure images don't get too small */
}

/* Sections for '轻松部署', '一站式服务', '成熟方案', '丰富经验' */
.box_4, .box_5 {
  display: flex;
  justify-content: center; /* Center the two main columns */
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin-top: 40px;
}

.box_4 > div, .box_5 > div {
  flex: 1; /* Allow columns to grow and shrink */
  min-width: 300px;
  max-width: 450px;
  margin: 15px;
  display: flex;
  flex-direction: column;
  align-items: center; /* Center content within each column */
  text-align: center;
}

.box_4 .paragraph_7, .box_4 .paragraph_8,
.box_5 .paragraph_9, .box_5 .paragraph_10 {
  text-align: left; /* Keep bullet points left-aligned within their container */
  padding-left: 20px; /* Indent bullet points */
  box-sizing: border-box;
  width: 100%; /* Ensure paragraphs take full width */
}

/* Footer */
.text-wrapper_3 {
  width: 100%;
  text-align: center;
  margin-top: 60px;
  padding: 20px 0;
  border-top: 1px solid #eee;
}

/* Font size unification - re-applying and refining */
body {
  font-family: "SourceHanSansCN-Regular", sans-serif; /* Default font */
  font-size: 16px; /* Default font size */
  line-height: 1.6;
  color: #333; /* Default text color */
}

/* Specific font sizes for headings and paragraphs */
.text_7 {
  font-size: 60px; /* Main title */
  line-height: 1.2;
  font-weight: 500;
}

.text_8, .text_27 {
  font-size: 40px; /* Section titles */
  line-height: 1.3;
  font-weight: 500;
}

.text_21, .text_22, .text_23, .text_29, .text_30, .text_31, .text_32 {
  font-size: 24px; /* Sub-titles */
  line-height: 1.4;
  font-weight: 500;
}

.text_9, .text_28, .text_24, .text_26 {
  font-size: 18px; /* General paragraph text */
  line-height: 1.5;
}

.paragraph_4, .paragraph_5, .paragraph_6, .paragraph_7, .paragraph_8, .paragraph_9, .paragraph_10 {
  font-size: 16px; /* Bullet points and detailed descriptions */
  line-height: 1.6;
}

.text_25 { /* Phone number */
  font-size: 18px;
  line-height: 1.5;
  color: #007aff; /* Blue for links */
  text-decoration: underline;
}

.text_20 { /* Footer copyright */
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .text_7 {
    font-size: 40px;
    line-height: 1.3;
  }

  .text_8, .text_27 {
    font-size: 30px;
    line-height: 1.4;
  }

  .text_21, .text_22, .text_23, .text_29, .text_30, .text_31, .text_32 {
    font-size: 20px;
    line-height: 1.3;
  }

  .text_9, .text_28, .text_24, .text_26, .text_25 {
    font-size: 16px;
    line-height: 1.5;
  }

  .image-wrapper_2 img {
    max-width: 90%;
    min-width: unset;
  }

  .box_4 > div, .box_5 > div {
    min-width: unset;
    width: 90%;
    margin: 15px auto;
  }

  .box_4 .paragraph_7, .box_4 .paragraph_8,
  .box_5 .paragraph_9, .box_5 .paragraph_10 {
    text-align: center; /* Center bullet points on small screens */
    padding-left: 0;
  }
}


部分 */
.text-group_7 {
  width: 100%;
  max-width: 800px;
  margin: 60px auto 0 auto;
  text-align: center;
}

.text_27 {
  font-size: 40px;
  line-height: 1.3;
  font-weight: 500;
  color: #000;
}

.text_28 {
  font-size: 18px;
  line-height: 1.5;
  color: #5c626b;
  margin-top: 20px;
}

/* Two device images */
.image-wrapper_2 {
  width: 100%;
  max-width: 1000px;
  margin: 80px auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.image_15, .image_16 {
  width: 45%;
  height: auto;
  margin: 10px;
  min-width: 300px;
  object-fit: contain;
}

/* Deployment and Experience sections (轻松部署, 一站式服务, 成熟方案, 丰富经验) */
.box_4, .box_5 {
  width: 100%;
  max-width: 1000px;
  margin: 40px auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.box_4 > div, .box_5 > div {
  flex: 1;
  min-width: 300px;
  max-width: 450px;
  margin: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align text to the left within each column */
  text-align: left; /* Ensure text is left-aligned */
}

.text_29, .text_30, .text_31, .text_32 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
  width: 100%; /* Ensure title takes full width */
  text-align: center; /* Center align the titles */
  margin-bottom: 20px;
}

.paragraph_7, .paragraph_8, .paragraph_9, .paragraph_10 {
  font-size: 16px;
  line-height: 1.6;
  color: #5c626b;
  width: 100%;
  padding-left: 20px; /* Indent bullet points */
  box-sizing: border-box;
}

/* Footer */
.text-wrapper_3 {
  width: 100%;
  text-align: center;
  margin-top: 60px;
  padding: 20px 0;
  border-top: 1px solid #eee;
}

.text-wrapper_3 .text_20 {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .text_7 {
    font-size: 40px;
    line-height: 1.3;
  }

  .text_8, .text_27 {
    font-size: 30px;
    line-height: 1.4;
  }

  .text_21, .text_22, .text_23, .text_29, .text_30, .text_31, .text_32 {
    font-size: 20px;
    line-height: 1.3;
  }

  .text_9, .text_28, .text_24, .text_26, .text_25 {
    font-size: 16px;
    line-height: 1.5;
  }

  .image-wrapper_2 img {
    max-width: 90%;
    min-width: unset;
  }

  .box_4 > div, .box_5 > div {
    min-width: unset;
    width: 90%;
    margin: 15px auto;
    align-items: center; /* Center content within each column on small screens */
    text-align: center;
  }

  .box_4 .paragraph_7, .box_4 .paragraph_8,
  .box_5 .paragraph_9, .box_5 .paragraph_10 {
    text-align: center; /* Center bullet points on small screens */
    padding-left: 0;
  }
}