/* Reset styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#merged-sections-pc,
#merged-sections-sp {
    display: none; 
}

#services,
#service-section-sp {
    display: none; 
}

#action-buttons-pc,
#action-buttons-sp {
    display: none; 
}




/* General styles */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* Dark Mode  */
body.dark-mode {
    background-color: #141414; 
    color: #E0E0E0; 
}

/* Header styles */
header {
    display: flex;
    justify-content: space-between; /* Align items to the ends */
    align-items: center; /* Vertically center items */
    padding: 20px 40px;
    background-color: white;
    position: relative;
    width: 100%; /* Full width */
    height: 95px; /* Fixed height */ 
}

body.dark-mode header {
    background-color:#141414; 
    color: #E0E0E0; 
}

header {
    transition: transform 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

header.hidden {
    transform: translateY(-100%);
}

/* Logo styles */
header .logo img {
    width: 100px; 
    height: auto; 
}

/* dark mode */
body.dark-mode header .logo img {
    content: url('image/colabofact_LOGO_2_white.png'); 
}

/* Navigation styles */
.menu-btn {
    display: none;
}
#nav-menu {
    display: flex;
    text-align: right; /* Align text to the right */
    align-items: center; /* Vertically center the menu items */
    height: 100%; /* Match the header height */
}

#nav-menu ul {
    display: flex; /* Arrange items in a row */
    justify-content: flex-end; /* Align menu items to the right */
    gap: 20px; /* Spacing between menu items */
    list-style: none; /* Remove bullet points */
    margin: 0;
    padding: 0; /* Remove extra spacing */
}

#nav-menu ul li {
    display: flex;
    justify-content: flex-end; /* Align individual menu items to the right */
    align-items: center; /* Vertically center menu items */
}

#nav-menu ul li a {
    text-decoration: none; 
    color: #0c0c0c; 
    font-size: 16px; 
    padding: 5px 10px; 
    white-space: nowrap; 
}

body.dark-mode #nav-menu ul li a {
    color: #E0E0E0; 
}

#nav-menu ul li a:hover {
    text-decoration: underline;
}

/* Contact Button styles */
.contact-btn-top {
    background-color: #D7003A; /* Background color */
    color: #FFFFFF !important; /* Text color */
    text-decoration: none; /* Remove underline */
    border-radius: 50px; /* Rounded corners */
    font-size: 16px; /* 16px */
    font-weight: bold; /* Bold font */
    white-space: nowrap; /* Prevent text wrapping */
    flex-shrink: 0; /* Prevent the button from shrinking */
    display: inline-block; /* 默认 inline-block  */
    padding: 20px 40px; 
    text-align: center; 
    vertical-align: middle;
    transition: transform 0.3s ease, font-size 0.3s ease; 
}

body.dark-mode .contact-btn-top {
    background-color:#D7003A; 
    color: #E0E0E0 !important; 

}

.contact-btn-top:hover {
    color: #FFFFFF !important; /* Hover text color */
    transform: scale(1.1); 
}

/* Mobile Navigation Menu */
.mobile-menu {
    display: none; /* Default: hidden */
    position: absolute; /* Positioned relative to the parent */
    top: 60px; /* Position below the header */
    right: 0; /* Align to the right */
    width: 150px; /* Fixed width */
    background-color: #fff; /* Background color */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Add shadow */
    padding: 10px; /* Inner spacing */
    border-radius: 8px; /* Rounded corners */
    z-index: 1000; /* Ensure it's above other elements */
}

.mobile-menu ul {
    list-style: none; /* Remove bullet points */
    padding: 0;
    margin: 0; /* Remove extra spacing */
}

.mobile-menu ul li {
    margin-bottom: 10px; /* Spacing between items */
}

.mobile-menu ul li a {
    text-decoration: none; /* Remove underline */
    color: #333; /* Text color */
    font-size: 12px; /* Font size */
    display: block; /* Block-level element for easier alignment */
    text-align: center; /* Center align text */
}

.contact-btn-mobile {
    display: block; /* Show button */
    background-color: #b0b1b5; /* Background color */
    color: #111111; /* Text color */
    text-align: center; /* Center align text */
    padding: 10px 20px; /* Inner spacing */
    margin-top: 10px; /* Add spacing above */
    border-radius: 8px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    font-size: 14px; /* Font size */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

.contact-btn-mobile:hover {
    background-color: #a4ace1; /* Hover background color */
}

/* Main Content styles */
main {
    text-align: center; /* Center align main content */
}

.breadcrumb {
    padding: 10px 2%;
    background-color: #F5F5F5;
    font-size: 14px;
    margin-top: 95px;
}

.breadcrumb a.breadcrumb-link {
    color: #1C2975; 
    text-decoration: underline;
    cursor: pointer; 
}

.breadcrumb .breadcrumb-current {
    color: black;
    text-decoration: none; 
    cursor: default; 
}
/* dark mode */
body.dark-mode .breadcrumb {
    background-color: #141414; 
    color: #E0E0E0; 
}

body.dark-mode .breadcrumb a.breadcrumb-link {
    color: #E0E0E0; 
}

body.dark-mode .breadcrumb .breadcrumb-current {
    color: #E0E0E0; 
}

/* Consultation Section Styles */
.consultation-section {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    padding: 0; /* Vertical spacing */
    width: 100%; /* Full width */
    box-sizing: border-box; /* Include padding in width calculation */
}

.consultation-container {
    position: relative; /* Allow for absolute child positioning */
    background-color: #fff; /* White background */
    border-radius: 20px; /* Rounded corners */
    padding: 28px 4%; /* Responsive padding */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    text-align: center; /* Center text */
    overflow: hidden; /* Ensure gradient bars stay within bounds */
    border: 1px solid #ddd; /* Light border */
    margin: 0 150px 90px;
}

body.dark-mode .consultation-container {
    background-color: #141414; 
    border:none;
}


/* Gradient Bar Styles */
.gradient-line {
    position: absolute; /* Positioned within parent */
    height: 8px; /* Bar height */
    width: calc(100% + 1px); /* Extend width slightly to avoid gaps */
    left: 0; /* Start from the left */
}

.top-line {
    top: 0; /* Position at the top */
    background: linear-gradient(to right, #d0021b 0%, rgba(255, 0, 0, 0) 100%); /* Left-to-right gradient */
    border-top-left-radius: 20px; /* Match container's rounded corners */
    border-top-right-radius: 20px;
}

.bottom-line {
    bottom: 0; /* Position at the bottom */
    background: linear-gradient(to right, rgba(255, 0, 0, 0) 0%, #d0021b 100%); /* Right-to-left gradient */
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

body.dark-mode .top-line {
    background: linear-gradient(to right, #d0021b 0%, rgba(255, 255, 255, 0.7) 100%);
}

body.dark-mode .bottom-line {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, #d0021b 100%);
}

/* Left and Right Gradient Bars */
.consultation-container::before,
.consultation-container::after {
    content: ''; /* Empty element for the gradient */
    position: absolute;
    width: 8px; /* Bar width */
    height: calc(100% + 16px); /* Cover full height including top/bottom bars */
    background-color: #D7003A; /* Solid red color */
    top: -8px; /* Align with top gradient */
    z-index: 1; /* Place behind content */
}

.consultation-container::before {
    left: 0; /* Position on the left */
    border-top-left-radius: 20px; /* Match container's corners */
    border-bottom-left-radius: 20px;
}

.consultation-container::after {
    right: 0; /* Position on the right */
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* Text and Button Styles */
.consultation-content h2 {
    font-size:24px; /* 24px */
    color: #333; /* Text color */
    margin-bottom: 30px;

}
body.dark-mode .consultation-content h2  {
    color: #E0E0E0; 
}
.consultation-content p {
    font-size: 20px; /* 20px */
    color: #666; /* Text color */
    margin-bottom: 30px;
    line-height: 1.5; /* Comfortable line height */
}

body.dark-mode .consultation-content p  {
    color: #E0E0E0; 
}

.consultation-btn {
    display: inline-block; /* Make button inline-block */
    background-color: #D7003A; /* Background color */
    color: #fff; /* Text color */
    padding: 20px 40px;  /* Responsive padding */
    border-radius: 50px; /* Fully rounded */
    text-decoration: none; /* Remove underline */
    font-size: 24px; /* 24px */
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

body.dark-mode .consultation-btn {
    color: #E0E0E0; 
}

.consultation-btn:hover {
    transform: scale(1.1); 
}

.footer {
    background-color: #1C2975 !important;
    color: white;
}

/* Footer */
footer {
    position: relative; 
}

/* Dark mode toggle inside footer */
#dark-mode-toggle {
    position: absolute; 
    top: 75px; 
    right: 40px; 
    z-index: 10; 
    cursor: pointer; 
    transition: transform 0.3s ease;
}

/* Optional: Hover effect for toggle button */
#dark-mode-toggle:hover {
    transform: scale(1.1); 
}

/* Toggle container */
.toggle-container {
    width: 60px; /* Width of the button */
    height: 30px; /* Height of the button */
    border: 2px solid #000; /* Black border */
    border-radius: 15px; /* Rounded corners */
    background-color: #fff; /* White background for day mode */
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Slider container */
.toggle-slider {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px; /* Add padding to position icons */
}

/* Icon container */
.icon-container {
    width: 18px; /* Smaller width */
    height: 18px; /* Smaller height */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Sun icon (default no background) */
.icon-container.sun img,
.icon-container.moon img {
    width: 12px; /* Icon width */
    height: 12px; /* Icon height */
}

/* Active sun style */
.icon-container.sun.active {
    background-color: #747171; /* Gray background to highlight */
    transform: scale(1.1); /* Slightly enlarge for emphasis */
}

/* Moon icon (default no background) */
.icon-container.moon.active {
    background-color: #333; /* Dark background to highlight */
    transform: scale(1.1); /* Slightly enlarge for emphasis */
}

/* Dark mode container styles */
body.dark-mode .toggle-container {
    background-color: #898686; /* Dark background */
    border-color: #fff; /* White border */
}

/* Switch sun and moon active styles for dark mode */
body.dark-mode .icon-container.sun.active {
    background-color: transparent; /* Sun inactive in dark mode */
    transform: scale(1); /* No highlight */
}

body.dark-mode .icon-container.moon.active {
    background-color: #fff; /* White background for moon */
    transform: scale(1.1); /* Slightly enlarge */
}

.footer-pc {
    display: flex;
    align-items: flex-start;
    padding-top: 75px; 
    padding-left: 150px;
    padding-right: 150px;
}

.footer-left {
    flex: 2.5;
    text-align: left;
}

.footer-logo {
    content:url('image/colabofact_LOGO_2_white.png'); 
    display: block;
    margin-bottom: 55px;
    max-width: 150px;
    width: clamp(28px, 7vw, 150px);
    height: auto; 
}

.footer-address {
    font-style: normal;
    line-height: 1.6;
    font-size:14px; 
    color:#fff;

}

.footer-center {
    flex: 1;
    text-align: center;
    margin-left: 30px;
}

.footer-nav {
    text-align: left; 
}

.footer-nav ul {
    display: inline-block; 
    text-align: center; 
    margin: 0;
    padding: 0;
}

.footer-nav li {
    margin-bottom: 10px;
    list-style-type: none; 
}

.footer-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 16px; 
}

.footer-nav a:hover {
    text-decoration: underline;
}

.footer-logo{
    content:url('image/colabofact_LOGO_2_white.png');
} 


.footer-right {
    flex: 1;
    text-align: right;
    margin-top: 240px;
    padding-bottom: 35px;   
}

.footer-policy {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 50px;
    text-align: center;
    white-space: nowrap; /* Prevent wrapping of text */   
}

.footer-policy li {
    margin: 0px;
    font-size: 14px;
}

.footer-policy a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.footer-policy a:hover {
    text-decoration: underline;
}

/* SP style */
.footer-sp {
    display: none; /* Hide by default on mobile view. */
}

.footer-divider {
    border: 0;
    border-top: 1px solid  #fff;
    margin: 20px 0;
}

.footer-lower {
    text-align: left;
    margin-top: 20px;
}

.footer-lower .footer-policy {
    display: flex;
    justify-content: center;
    gap: 50px;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

.page-top {
    position: fixed;
    right: 40px; 
    bottom: 30px; 
    width: 60px; 
    height: 60px; 
    background-color:#1C2975 ; 
    color:#ffffff ;
    font-size: 14px; 
    font-weight: bold; 
    border-radius: 50%; 
    display: flex;
    align-items: center; 
    justify-content: center; 
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); 
    z-index: 1000; 
}

.page-top:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}
/* Dark Mode Specific */
body.dark-mode .page-top {
    background-color: #ffffff; /* White background */
    color: #1C2975; /* Blue font color */
}

h1 {
    font-size: 32px;
    text-align: left;
    margin-bottom: 45px;
}

h1 a  {
    text-decoration: none;
    color: black;
}  

.subtitle {
    font-size: 24px; 
    margin-bottom: 30px;

}

p {
    font-size: 20px; 
    text-align: left;
    line-height: 1.5;   
}

body.dark-mode p {
    color:#E0E0E0;
}

.btn-container button {
    background-color: white;
    color: #1C2975;
    padding: 10px 40px;
    border: 2px solid #1C2975;
    border-radius: 50px;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

body.dark-mode .btn-container button  {
    background-color: #141414; 
    border: 2px solid #E0E0E0;
    color: #E0E0E0;
}

.btn-container button:hover {
    color: #1C2975;
    transform: scale(1.1); /* Slightly enlarge on hover */
}

.consultation-btn {
    font-size: 24px;
    transition: transform 0.3s ease, font-size 0.3s ease; 
} 

.consultation-btn:hover {
    transform: scale(1.1); 
}

.submit-btn {
    font-size: 24px; 
}  

.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: left;
    align-items: center;
    position: relative;
}

.tag {
    font-size: 14px; /* 14px */
    display: inline-block; /* Block-level for alignment */
    padding: 3px 12px; /* Inner spacing */
    color: #0f0e0e; /* Text color */
    background-color: #eee; /* Background color */
    border-radius: 50px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth hover transition */
    background-color: transparent; 
    border: 2px solid #777676; 
}


body.dark-mode .tag {
    color: #E0E0E0; 
}

.consultation-btn-top {
    font-size: 16px; 
}

.navbar a {
    font-size:16px;
}

.news-content {
    margin: 90px 150px 90px;
  }
  
.news-title h1 {
    font-weight: bold;
    color: #333;
    margin-bottom: 45px;
    text-align: left;
}
body.dark-mode .news-title h1 {
    color: #E0E0E0; 
}

.news-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  
.news-item {
    display: flex;
    flex-direction: column;
    position: relative;
}

.news-date {
    font-size: 14px; 
    color: #555;
    margin-bottom: 15px;
    text-decoration: none;
    text-align: left;
  }

body.dark-mode .news-date {
    color: #E0E0E0; 
}

.news-item .news-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
   
}

.news-item {
    display: flex;
    flex-direction: column;

    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.news-item:hover {
    transform: scale(1.1); 

}


.news-paragraph {
    font-size: 20px;
    line-height: 1.6; 
    margin: 0;
    text-align: left;
    color: #333; 
    transition: transform 0.3s ease, color 0.3s ease; 
}

body.dark-mode .news-paragraph {
    color: #E0E0E0; 
}

.news-paragraph a {
    text-decoration: none; 
    color: inherit;
    display: inline-block; 
}

.news-paragraph a:hover {
    color: #000; 
}
body.dark-mode .news-paragraph a:hover {
    color: #E0E0E0; 
}

.news-arrow {
    font-size: 20px; 
    transition: transform 0.3s ease, color 0.3s ease; 
    text-decoration: none;
    color: #333; 

}

body.dark-mode .news-arrow {
    color: #E0E0E0; 
}


.news-line {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: relative;
  }
  
.news-line::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 3px;
    background-color: #000;
    top: -1px;
    left: 0;
  }

body.dark-mode .news-line::before {
    background-color: #E0E0E0; 
}
  
.news-line:hover::after {
    transform: translateX(10px);

  }
  /* Useful Resources Section Styles */


/* The "White Paper" section is temporarily hidden.
   If you want to make it visible again, remove "display: none;" */
   #white-pepper {
    display: none; /* Hide the White Paper section */
}


.resources-section {
    padding:0;
    margin:0 150px 90px;
}

 .section-title {
    text-align: left;
    font-weight: bold;
    margin-bottom: 45px;
}

/* PC Version: Three Small Blocks */
 .resources-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    grid-gap: 60px 55px; 
    max-width: 100%; 
    margin: 0 auto; 
}

.card-image-wrapper {
    position: relative; 
    width: 100%; 
}

.card {
    position: relative; 
    background-color: white;
    padding-bottom: 15px;
    text-align: center;
    flex: 1;
    height: auto;
    width: 100%;
    cursor: pointer; 
    overflow: hidden; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    
}

body.dark-mode .card {
    background-color: #141414;
}

.card:hover {
    transform: scale(1.05); 
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 
}

.card img {
    width: 100%;
    height: auto;
    object-fit: cover; 
    transition: opacity 0.3s ease; 
}

.card-image-wrapper .overlay {
    position: absolute;
    bottom: 40%; 
    left: 0; 
    width: 100%; 
    height: calc(100% / 5);
    background-color: rgba(255, 255, 255, 0.5); 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    font-size: 24px; 
    font-weight: bold; 
    color: #1C2975; 
    transition: opacity 0.3s ease; 
}

body.dark-mode .card-image-wrapper .overlay {
    background-color: #141414;
    color: #E0E0E0;
}

.card:hover img {
    opacity: 0.7; 
}

.card:hover .overlay {
    opacity: 0.7; 
}

.card-title {
    font-size: 14px;
    margin-bottom:5px;
    margin-top: 15px;
    text-align: left;
    font-weight: 100;
    margin-left: 25px;
    margin-right: 25px;
}

body.dark-mode .card {
    background-color: #141414;
    box-shadow: 0 4px 8px rgba(241, 240, 240, 0.4); 
}

.card-text-link {
    color:#141414; 
    text-decoration: none; 
}


.card-text-link:hover {
    text-decoration: underline; 
}

.card-text {
    text-align: left;
    font-size: 20px;
    margin: 0 25px 0px;
}
.card .tags-container { 
    margin: 10px 25px 10px;
}  


#top-img {
    position: relative;
    width: 100%;

    margin: 0;
    padding: 0;
}

#index-page .combined-container {
    position: relative;
    width: 100%;
    height: auto; 
    overflow: hidden;
}

#index-page .wave-image {
    display: block;
    width: 100%; 
    height: auto; 
    object-fit: cover; 
    margin-top: 6.5%;
}

/* Overlay for Content */
#index-page .overlay-top {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 1062.05px; 
    display: flex;
    flex-direction: column;
text-align: center;
    z-index: 2; 
    background: transparent; 
}

#index-page .text-content {
    position: absolute; 
    top: 9%;
    right: 0; 
    text-align: right; 
    color: #1C2975; 
    padding-right: 0; 
    margin-top: 115px;
    margin-right: 35px;
}

#index-page .text-content h1 {
    margin: 0; 
    padding: 0; 
    white-space: nowrap; 
    text-align: left; 
    font-size: 48px;
}

body.dark-mode#index-page .text-content h1  {
    color:#E0E0E0;
}

#index-page .text-content p {
    font-size: 24px; 
    word-break: break-word; 
    line-height: 1.4;
    margin: 0;
    padding: 0; 
    text-align: left; 
    max-width: 60%; 
    white-space: nowrap; 
    position: relative;    
}

body.dark-mode#index-page .text-content p  {
    color:#E0E0E0;
}

#index-page .consultation-btn-top {
    position: relative;
    margin: 0 auto; 
    margin-top: 55%; 
    display: inline-block;
    background-color: #D7003A;
    color: white;
    padding: 20px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 24px; 
    font-weight: bold;
    transition: transform 0.3s ease, font-size 0.3s ease;
}

body.dark-mode#index-page .consultation-btn-top {
    color: #E0E0E0; 
}

#index-page .consultation-btn-top:hover {
    transform: scale(1.1); 
}

/* Partners Section */
#index-page .partners-section {
    margin-bottom:0;
   margin-top: 90px;
    text-align: center; 
}

body.dark-mode #index-page .partners-title {
    color: #E0E0E0; 

}
#index-page .partners-title {
    font-size: 32px;
    margin-bottom: 45px;
}

#index-page .partners {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; 
    gap: 40px; 
}

#index-page .partners img {
    width: 12%;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}


.partners-section-sp {
    display: none;
    text-align: center;
    padding: 0px 50px;
    margin-bottom: 50px;
}

/* Tag Section styles */
#index-page .tags-section {
    display: flex; /* Flex layout */
    flex-direction: column; /* Arrange title and content vertically */
    align-items: center; /* Center align items horizontally */
    box-sizing: border-box; /* Include padding in size calculation */
    margin: 90px 150px;
}

#index-page .tags-title {
    font-size:32px; 
    font-weight: bold; /* Bold font */
    color: black; /* Text color */
    margin-bottom: 45px; /* Spacing below title */
    text-align: center; /* Center align text */

}

body.dark-mode#index-page .tags-title {
    color:#E0E0E0;
}

/* Container styles remain unchanged */
#index-page .tags-container-top {
    display: flex; /* Flex layout */
    flex-wrap: wrap; /* Wrap items to next row if needed */
    justify-content: center; /* Center align items horizontally */
    align-items: center; /* Center align items vertically */
    gap: 20px; /* Spacing between tags */
    width: 100%; /* Container width */
    max-width: 1200px; /* Limit maximum width */
    margin: 0 auto; /* Center container */
}

/* Tag styles for <span> */
#index-page .tags-container-top span {
    font-size: 14px; 
    display: inline-block; /* Block-level for alignment */
    padding: 3px 12px; /* Inner spacing */
    color: #0f0e0e; /* Text color */
    background-color: transparent; /* Background color */
    border-radius: 50px; /* Rounded corners */
    border: 2px solid #777676; /* Border */
    text-decoration: none; /* Remove underline */
    transition: none; /* No hover transition */
}

/* Dark mode styles for <span> */
body.dark-mode#index-page .tags-container-top span {
    color: #E0E0E0; /* Dark mode text color */
}

/* Remove hover effect */
#index-page .tags-container-top span:hover {
    background-color: transparent; /* No hover background */
    color: inherit; /* Keep text color unchanged */
    cursor: default; /* Default cursor (not clickable) */
}


/* Shared Section Layout Styles */

#index-page #merged-sections-pc {
    display: block; 
}


#index-page .section-layout {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    gap: 37px;
    margin-left:  auto; 
    margin-right:  auto; 
    padding:  0; 
    box-sizing: border-box; 
    margin:0 150px 90px;   
}

#index-page .section-left {
    flex: 1;
    width: 531.5px; 
    margin-top: 0;  
}

#index-page .section-image {
    flex: 1;
    width: 531.5px; 
    overflow: hidden; 
}

#index-page .section-image img {
    width: 100%; 
    height: auto; 
    object-fit: contain; 
}

/* Button Styles */
#index-page .btn-container {
    text-align: left;
    margin-top: 45px;
}

#index-page.company-info .section-layout {
    padding: 40px 0; /* Top and bottom spacing for content */
    border-radius: 8px; /* Add rounded corners */
}

#index-page.professional-intro .section-layout {
    padding: 40px 0; /* Top and bottom spacing for content */
    border-radius: 8px; /* Add rounded corners */
}

/* PC Version: Show Subtitles */
#index-page .pc-only {
    display: block;
}

/* Tag Group: Display on Mobile */
#index-page .mobile-only {
    display: none;
}

#service-page .pc-only {
    display: block;
}

#service-page .sp-only {
    display: none !important;
}

#service-page .icon-layer {
    display: none;
}

#service-page #top-img {
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%);
}

#service-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%);
    background-image: url('image/wave.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
}

#service-page .overlay {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 150px;
}

#service-page .text-content {
       
        flex: 1 1 50%;
        max-width: 50%;
        padding: 20px; 
        box-sizing: border-box; 
    
}
#service-page .image-container-right img {
    max-width: 500px; 
    height: auto; 
}

/* Image container styles */
#service-page .image-container-right {
    flex: 1 1 50%; 
    max-width: 50%; 
    text-align: center; 
    padding: 0; 
    box-sizing: border-box; 
}

#service-page .text-content h2 {
    padding-top: 32px;
    margin-top: -5px;
    font-size: 36px;
    margin-bottom: 32px;
    color: #ffffff;
    font-weight: bold;
}

#service-page .text-content h3 {
    font-size: 24px;
    font-weight: bold;
    color: #a4a1a1;
    padding-top: 75px;
    margin-top: -155px;
    
}

#service-page .text-content p {
    font-size: 20px;
    line-height: 1.8;
    color: #ffffff;
}

#service-page .line {
    width: 0;
    border-top: 1px solid white;
    animation: expand-line 1s ease forwards;
    margin-left: -50%;
    margin-top: -2%;
}

@keyframes expand-line {
    from {
        width: 0;
    }
    to {
        width: 40%;
    }
}

#service-page .image-container {
    max-width: 40%;
    display: block;
}

#service-page .image-container img {
    width: 100%;
    height: auto;
}

#service-page .mobile-text-content {
    display: none;
}



/* The "Demo Videos" button is temporarily hidden.
   If you want to make it visible again, remove "display: none;". */
   #demo-videos-button {
    display: none!important;
}

/* Action buttons section */
#service-page .action-buttons {
    display: flex;
    justify-content: center; 
    align-items: center;
    margin: 90px 0 120px; 
}

/* Button container */
#service-page .button-container-top {
    display: flex;
    justify-content: space-between; 
    gap: 112px; 
}

#service-page .action-button {
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
    text-align: center; 
    text-decoration: none; 
    border: 2px solid #1C2975; 
    border-radius: 50px;
    font-size:20px;
    font-weight: bold;
    color: #1C2975; 
    transition: all 0.2s ease; 
    width: 250px; 
    height: 69px; 
    padding: 9px 0; 
    line-height: 1.2; 
}

body.dark-mode#service-page .action-button  {
    background-color: #141414; 
    border: 2px solid #E0E0E0;
    color: #E0E0E0;
}

#service-page .action-button:hover {
    color: #1C2975;
    transform: scale(1.1); /* Slightly enlarge on hover */
}

#service-page .action-button .triangle {
    font-size:14px; 
    margin-top: 5px; 
}

/* Service Section */
#service-page .services-pc {
    display: block; 
}

#service-page .service-section {
    background-color: #fff;
    margin:0 150px 90px;  
}

body.dark-mode#service-page .service-section {
    background-color: #141414; 
}

/* Main Title */
#service-page .service-title {
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left; /* Main title aligned to the left */
}

/* Subtitle Styling */
#service-page .service-subtitle {
    font-weight: bold;
    margin-bottom: 20px; /* Adjust spacing */
    text-align: left; /* Subtitle aligned to the left */
}


/* Common Content Container */
#service-page .service-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10%; /* Uniform gap between sections */
    margin-bottom: 80px; /* Uniform bottom margin */
}

/* Left Text Section */
#service-page .service-text {
    flex: 1;
    max-width: 50%; /* Takes up half the container width */
    text-align: left; /* Text aligned to the left */
    line-height: 1.8; 
}

/* Right Image Section */
#service-page .service-image {
    flex: 1;
    max-width: 50%; /* Takes up half the container width */
    text-align: center; /* Center-aligned content */
}

#service-page .service-image img {
    width: 100%; /* Image width adapts to parent container */
    height: auto;
    object-fit: cover; /* Maintain aspect ratio and crop overflow */
}

#service-page .btn-container {
    display: flex; 
    gap: 10px; 
    justify-content: flex-start; 
    align-items: center; 
}

/* The "Demo Video" button is temporarily hidden.
   If you want to make it visible again, remove "display: none;". */
   #demo-video-button {
    display: none;
}


#service-page .btn-link {
    text-decoration: none; 
    border: none; 
}


#service-page .demo-section {
    background-color: #fff;
    margin: 0 150px;
}

body.dark-mode#service-page .demo-section {
    background-color: #141414; 
}

/* Container for Demo Items */
#service-page .demo-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 115px; 
    row-gap: 60px; 
    justify-content: space-between; 
}

/* Individual Demo Item */
#service-page .demo-item {
    flex: 1 1 calc(50% - 10px); /* Two items per row */
    border-radius: 10px; /* Rounded corners */
}

/* Half-Width Demo Item */
#service-page .demo-item-half {
    max-width: 100%; /* Restrict width to half of the container */
    margin-left: 0; /* Align to the right */
}

/* The "Demo Videos" section is temporarily hidden.
   If you want to make it visible again, remove "display: none;". */
#demo-videos {
    display: none;
}


/* Video Section */
#service-page .demo-video video {
    width: 100%; /* Full width */
    height: 300px;
    margin-bottom: 30px;
}

/* Demo Description Text */
#service-page .p {
    line-height: 1.5;
    margin-bottom: 30px;
    max-width: 100%;
}

#service-page .tags-container{
    margin-bottom: 30px;
} 

/* Tag Section */
#service-page .demo-tags {
    display: flex;
    flex-wrap: wrap; 
    gap: 10px; 
    max-width: 90%;  
}

/* Performance Section */
#service-page .performance-section {
    margin: 30px 150px 90px;
}

body.dark-mode#service-page .performance-section {
    background-color: #141414; 
}

#service-page .sub-title {
    margin-top: -25px;
}

#service-page .subtitle1 {
    font-size:24px ;
    margin-top: 10px;
    font-weight: 500;
}

#service-page .sub-title {
    font-size: 12px;
    margin-top: 5px;
}

#service-page .performance-item h4  {
    font-size: 14px;
  
}  

/* Performance Section Wrapper */
#performance-section .performance-wrapper {
    max-width: 100%;
    padding: 25px 57px;
    text-align: left;
    background-color: #fff;
    border: 2px solid #1C2975; 
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); 
}

body.dark-mode #performance-section .performance-wrapper {
    background-color: #141414; 
    border: 5px solid #777676; 
}

/* Header Styling */
#performance-section .performance-header {
    margin-bottom: 20px;
}

#performance-section .main-title {
    font-weight: bold;
    color: #333;
}

/* Performance Container */
#performance-section .performance-container {
    display: flex;
    justify-content: space-between; 
    align-items: flex-start; 
    gap: 20px; 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}

#performance-section .performance-item {
    flex: 1; 
    display: flex;
    flex-direction: column;
    align-items: center; 
    text-align: center; 
}

#performance-section .performance-divider {
    width: 2px; 
    height: auto;
    background-color: #ccc; 
    align-self: stretch; 
}


#performance-section .performance-image {
    width: 50px; 
    height: 50px; 
    object-fit: contain; 
    margin-bottom: 8px; 
}

#performance-section .performance-item h4 {
    margin-bottom: 23px; 
    font-size: 24px; 
    color: #000000;
    text-align: center;
    font-weight: 500;
}

body.dark-mode #performance-section .performance-item h4 {
    color: #E0E0E0;
}

#performance-section .performance-container {
    display: flex;
    align-items: flex-start; 
    gap: 20px;
    margin-top: 52px;
}

#performance-section .performance-item ul {
    list-style: none; 
    padding: 0; 
    text-align: left;
    margin: 0 auto; 
    width: 100%; 
    max-width: 75%; 
}

#performance-section .performance-item ul li {
    position: relative; 
    margin-bottom: 8px; 
    line-height: 1.6; 
    font-size: 20px; 
    padding-left: 25px; 
    max-width: 100%;
}

#performance-section .performance-item ul li::before {
    content: "•"; 
    position: absolute; 
    left: 0; 
    top: 0; 
    color: #000000;
    font-size: 20px; 
    line-height: 1.6; 
}

body.dark-mode #performance-section .performance-item ul li::before {
    color: #E0E0E0;
}

#performance-section .performance-item ul li.highlight {
    color: #1C2975;
    font-weight: bold; 
}

body.dark-mode #performance-section .performance-item ul li.highlight {
   color:#E0E0E0;

}

/* Vertical Divider */
#performance-section .performance-divider {
    width: 2px;
    height: auto;
    background-color: #ccc;
    align-self: stretch; 
}

.performance-image.dark-mode {
    display: none;
}

body.dark-mode .performance-image {
    display: none;
}

body.dark-mode .performance-image.dark-mode {
    display: inline-block;
}


/* Hero Section */
#company-page .pc-only {
    display: block;
}

#company-page .sp-only {
    display: none;
}

#company-page #top-img {
    position: relative;
    width: 100%;
    height: 480px; 
    overflow: hidden; 
    display: flex;
    justify-content: center; 
    align-items: center;
}

#company-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background:   linear-gradient(90deg, #1D1E3A, #27316E 50%, #1D1E3A);/* Adjust solid color as needed */
    z-index: 1; 
    display: flex;
    overflow: hidden; 
}

#company-page .wave-image {
    position: absolute;
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: auto; 
    object-fit: cover; 
    z-index: 1; 
}

/* Overlay and Text Content */
#company-page .overlay {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 2; 
    display: flex; 
    flex-direction: column;
    justify-content: center; 
    align-items: center; 
    color: white; 
    text-align: center; 
}

#company-page .text-content h1 {
    position: absolute; 
    top: 73px; 
    left: 150px; 
    font-size: 24px; 
    color: #766F7F; 
    margin: 0; 
    z-index: 2; 
}

/* Title and Text Animation */
#company-page .text-content h2 {
    font-size: 36px; /* 1400px 时为 36px */
    opacity: 0; /* Initially hidden */
    transform: translateY(100px); /* Start below the viewport */
    animation: slideUp 2s ease forwards; /* Slide in from below */
    animation-delay: 0.5s; /* Start after a delay */
    top: 108px;
    margin-bottom: 55px;
}

#company-page .text-content p {
    font-size: 24px; 
    text-align: center;
    opacity: 0; /* Initially hidden */
    animation: slideUp 2s ease forwards; /* Slide in from below */
    animation-delay: 1.5s; /* Delayed fade-in */
}

/* Vertical Animated Line */
#company-page .animated-line {
    width: 2px; 
    height: 0; 
    background-color: white;
    position: absolute; 
    bottom: 0; 
    left: 50%; 
    transform: translateX(-50%); 
    animation: growLine 2s ease forwards; 
    animation-delay: 1.8s; 
}

/* Animations */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(100px); /* Start below */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* End at the final position */
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes growLine {
    from {
        height: 0; 
    }
    to {
        height: 20%; 
    }
}

#company-page .principles-section {
    margin:90px 150px;
}

#company-page .principles-title {
    text-align: left; 
    margin-bottom: 40px;
    font-weight: bold;
}

#company-page .principle-title .top-title::after {
    content: '×'; 
    margin-left: 8px;
    color: #1C2975;
    margin-bottom: 15px;
}

body.dark-mode#company-page .principle-title .top-title::after   {
    color: #E0E0E0; 
}

#company-page .principle-title .top-title {
    font-size: 24px; 
    color: #1C2975; 
    margin-bottom: 15px;
}

#company-page .principle-title .bottom-title {
    font-size: 24px; 
    color: #1C2975; 
}

body.dark-mode#company-page .principle-title .top-title  {
    color: #E0E0E0;
}

body.dark-mode#company-page .principle-title .bottom-title  {
    color: #E0E0E0; 
}

#company-page .principle-text{
    margin-bottom: 40px;
    margin-top: 15px;
    margin-left: 50px;
    margin-right: 50px;
}  
 
#company-page .about-section {
    margin:0px 150px 90px;
}

#company-page .about-main-text{
   margin-bottom: 80px;
   font-size: 24px; 
}

#company-page .about-content p {
    margin-bottom: 40px; 
    text-align: justify; 
}

#company-page .about-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;   
    margin: 0 auto; 
    gap: 30px; 
}

#company-page .about-content {
    flex: 1; 
    max-width: 45%; 
    text-align: left; 
}

#company-page .about-image {
    flex: 1;
    max-width: 45%; 
    display: flex;
}

#company-page .about-image img {
    width: 100%; 
    height: 568px; 
    object-fit: cover; 
}

#company-page .company-section {
    background-color: #fff;
    margin: 0 150px 90px;
}


body.dark-mode#company-page .company-section  {
    background-color: #141414;
}

#company-page .company-content {
    text-align: center; 
    padding: 0 170px; 
    box-sizing: border-box; 
    width: 100%; 
}

#company-page .company-table {
    border-collapse: collapse; 
    font-size: 20px;
}

#company-page .company-table td {
    padding: 25px 0; 
    vertical-align: top; 
    text-align: left; 
}

#company-page .company-table td:nth-child(1) {
    width: 40%;
}

#company-page .company-table td:nth-child(2) {
    width: 60%; 
}

/* Line under each row using ::after */
#company-page .company-table tr {
    position: relative;
}

#company-page .company-table tr::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0; 
    right: 0;
    height: 1px;
    background-color: #ddd; 
}

/* Remove the line under the last row */
#company-page .company-table tr:last-child::after {
    content: none; 
}

/* Remove border-bottom if previously applied */
#company-page .company-table tr {
    border-bottom: none; 
}

/* Hero Section */
#professional-page #top-img {
    position: relative;
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
    display: flex;
    justify-content: center; 
    align-items: center; 
}

#professional-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%); 
    z-index: 1; 
    display: flex;
    overflow: hidden; 
}


#professional-page .wave-image {
    position: absolute;
    bottom: 0; 
    right: 0; 
    width: auto; 
    height: 100%; 
    object-fit: contain; 
    z-index: 2; 
}

#professional-page .overlay {
    position: relative;
    z-index: 3; 
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 150px;
}

#professional-page .text-content h2 {
    color: white;
    font-size: 36px; 
    font-weight: bold;
}

#professional-page .ceo-intro {
    margin: 90px 150px;
}   
#professional-page .ceo-content {
    display: flex;
    gap: 46px; 
}

#professional-page .ceo-image img {
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
#professional-page .ceo-image {
    flex: 0 0 400px; 
    height: 430px; 
    display: flex;
    align-items: center; 
    justify-content: center;
    overflow: hidden; 
}
#professional-page .ceo-text h2 {
    margin-bottom: 30px;
}

#professional-page .professional-intro {
   margin: 0 150px 90px;
}

#professional-page .professional-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    justify-content: space-between; 
    column-gap: 129px; 
    row-gap: 60px; 
    margin: 0 20px; 
}
#professional-page .profile-image img {
    width: 150px; 
    height: 150px; 
    object-fit: cover; 
    border-radius: 50%; 
    border: 2px solid #000000;
    display: block;
    margin: 0 auto; 
}
body.dark-mode#professional-page .profile-image img {
    border: 2px solid #ffffff; 
}

body.dark-mode#professional-page .profile-image[data-user="fujita"] img {
    content: url("image/309035_user_account_human_person_icon_w.png");
}

.divider {
    grid-column: 1 / -1;
    height: 1px;
    background-color: #D9D9D9; 
    margin:0;
}

#professional-page .professional-item {
    flex: 1; 
    text-align: center;
    box-sizing: border-box;
    position: relative;
}


#professional-page .name {
    font-weight: normal; 
    font-size: 20px;
    margin: 30px 0;
    text-align: center;
}

#professional-page .bold {
    font-weight: bold; 
}

#professional-page .professional-item:not(:last-child)::after {
    content: ''; 
    position: absolute;
    top: 0;
    right: -25%; 
    transform: translateX(50%); 
    width: 1px;
    height: 100%;
    background-color: #D9D9D9; 
}

#professional-page .professional-item:last-child::after {
    display: none;
}

#professional-page .professional-item:nth-child(3)::after,
#professional-page .professional-item:last-child::after {
    display: none; 
}
/* Hero Section */
#news-page #top-img {
    position: relative;
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
    display: flex;
    justify-content: center; 
    align-items: center; 
}

#news-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%); 
    z-index: 1; 
    display: flex;
    overflow: hidden; 
}

#news-page .wave-image {
    position: absolute;
    bottom: 0;
    right: 0; 
    width: auto; 
    height: 100%; 
    object-fit: contain; 
    z-index: 2; 
}

#news-page .overlay {
    position: relative;
    z-index: 3; 
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 150px;
}

#news-page .text-content h2 {
    color: white;
    font-size:36px; 
    font-weight: bold;
}

/* Hero Section */
#resource-page #top-img {
    position: relative;
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
    display: flex;
    justify-content: center; 
    align-items: center; 
}
  

#resource-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%); 
    z-index: 1; 
    display: flex;
    overflow: hidden; 
}
 
#resource-page .wave-image {
    position: absolute;
    bottom: 0; 
    right: 0; 
    width: auto; 
    height: 100%; 
    object-fit: contain; 
    z-index: 2;
}

#resource-page .overlay-top {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 150px;
}
  
#resource-page .text-content h2 {
    color: white;
    font-size: 36px; 
    font-weight: bold;
}

#resource-page .section-title {
  margin-top: 90px;
}
 
#resource-page .page-buttons {
    display: none; 
}
  
#resource-page .page-button {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    text-decoration: none; 
    background-color: transparent; 
    border: 2px solid #1C2975; 
    color: #000000; 
    padding: 10px 40px; 
    border-radius: 50px; 
    font-size:16px;
    text-align: center; 
    font-weight: bold; 
    margin-bottom: 10px; 
    transition: all 0.2s ease; 
    position: relative;
}
  
#resource-page .page-button:hover {
    background-color: #1C2975; 
    color: #fff; 
    border-color: #1C2975; 
}

#resource-page .page-button .arrow {
    font-size:12px; 
    color: black; 
    margin-top: 5px; 
    font-weight: normal; 
}


[id^="resource-page"] .intro {
    border: 2px solid #777676;
    padding: 20px;
    width: 80%; 
    box-sizing: border-box;
    margin: 70px 150px;
   
}

[id^="resource-page"] p strong a {
    text-decoration: none; 
    color:#000000; 
}

[id^="resource-page"] p strong a:hover {
    text-decoration: underline; 

}



[id^="resource-page"] #top-img {
    position: relative;
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
    display: flex;
    justify-content: center; 
    align-items: center; 
}


[id^="resource-page"] .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%); 
    z-index: 1; 
    display: flex;
    overflow: hidden; 
}

[id^="resource-page"] .wave-image {
    position: absolute;
    bottom: 0; 
    right: 0; 
    width: auto; 
    height: 100%; 
    object-fit: contain; 
    z-index: 2;
}

[id^="resource-page"] .overlay-top {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 150px;
}

  
[id^="resource-page"] .text-content h2 {
    color: white;
    font-size: 36px; 
    font-weight: bold;
}

[id^="resource-page"] .ai-terms-section {
    padding: 90px 150px 0;
}

[id^="resource-page"] .ai-terms-section h1 {
    font-weight: bold;
    margin-bottom: 0px;
    text-align: left;
    margin-top: 90px;

}

[id^="resource-page"] .ai-terms-section .date {
    font-size: 14px;
    margin-bottom: 70px;
}



[id^="resource-page"] .ai-terms-section h2 {
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
    font-size: 24px;
    
}

[id^="resource-page"] .ai-terms-section .icon {
    width: 10px;  
    height: 30px;  
    background-color: #1C2975;  
    display: inline-block;
    margin-right: 10px;  
}





[id^="resource-page"] .recommend-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

[id^="resource-page"] .recommend-list li {
    font-size: 20px;
    margin-bottom: 10px;
    text-indent: -1em;
    padding-left: 1em;
}

[id^="resource-page"] .recommend-list li::before {
    content: "・";
    margin-right: 0.5em;
}

[id^="resource-page"] .divider {
    width: 100%;
    height: 1px;
    background-color: #D9D9D9;
    margin: 70px 0;
}

[id^="resource-page"] .ai-terms-section {
    padding: 0px 150px;
}

[id^="resource-page"] .ai-terms-section h2 {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 20px;
}

[id^="resource-page"] .icon {
    width: 10px;
    height: 30px;
    background-color: #1C2566;
    display: inline-block;
    margin-right: 10px;
}

[id^="resource-page"] .intro-text {
    margin-bottom: 20px;
}

[id^="resource-page"] .subtitle {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0px;
}

[id^="resource-page"] .ai-examples {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

[id^="resource-page"] .ai-examples li {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
}

[id^="resource-page"] .ai-examples li::before {
    content: "・";
    position: absolute;
    left: 0;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

[id^="resource-page"] .ai-terms-section a {
    color: #1C2566;
    text-decoration: underline;
}



[id^="resource-page"] .intro-text {
    font-size: 20px;
    margin-bottom: 20px;
}

[id^="resource-page"] .subtitle {
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 0px;
}

[id^="resource-page"] .numbered-list {
    list-style-type: decimal; 
    padding-left: 20px; 
    margin-bottom: 0px;
}

[id^="resource-page"] .numbered-list li {
    font-size: 20px;
    margin-bottom: 0px;
}



[id^="resource-page"] .h2 {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

[id^="resource-page"] .h2 .icon {
    display: inline-block;
    width: 6px;
    height: 18px;
    background-color: #1e2a5a;
    margin-right: 10px;
}

[id^="resource-page"] .subtitle {
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
}

[id^="resource-page"] p a {
    color: #1e2a5a;
    text-decoration: underline;
}

[id^="resource-page"] p {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
}


[id^="resource-page"] .numbered-list {
    list-style-type: decimal;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

[id^="resource-page"] .numbered-list li {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 10px;
}

[id^="resource-page"] .consultation-section {
    margin-top: 90px;
}





#contact-page .contact-section {
    padding: 90px 150px;
    text-align: center;
    background-color:white;
}

body.dark-mode#contact-page .contact-section {
    background-color:#141414;
}

#contact-page .contact-title {
    display: flex;
    justify-content: center; 
    align-items: center; 
    width: 350px; 
    height: 95px; 
    margin: 0 auto 35px; 
    background-color: #F8F8F9; 
    font-size: 24px; 
    font-weight: bold; 
    color: #333; 
    padding: 30px 100px;
}

body.dark-mode#contact-page .contact-title {
    background-color: #333;
    color: #E0E0E0;
}

#contact-page .contact-description {
    font-size: 20px;
    margin-bottom: 45px;
    color: #666;
    text-align: center;
}

body.dark-mode#contact-page .contact-description {
    color: #E0E0E0;
}

#contact-page .wpcf7-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contact-page .form-group {
  display: flex;
  flex-direction: column;
  width: 60%;
  text-align: left;
  margin-bottom: 30px;
  position: relative;
}

#contact-page .form-group label {
  display: flex;
  align-items: center; 
  font-size: 20px;
  margin-bottom: 10px;
  gap: 30px; 
  font-weight: bold;
}

#contact-page .optional {
    color: #000000;
}

#contact-page .required,
.optional {
  font-size: 14px;
  color: #666;
  border: 1px solid #666;
  padding: 2px 8px;
}

body.dark-mode#contact-page .optional {
    color: #E0E0E0!important;
}

#contact-page .required {
  color: #D7003A;
  border-color: #D7003A;
}

#contact-page .form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  padding: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  background-color: white;
}

body.dark-mode#contact-page .form-group input,
.form-group textarea,
.form-group select {
    background-color: #141414!important;
}



#contact-page .form-group input,
#contact-page .form-group textarea,
#contact-page .form-group select {
  width: 100%;
  padding: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  background-color: white!important; 
  color: black; 
}


body.dark-mode#contact-page .form-group input,
body.dark-mode#contact-page .form-group textarea,
body.dark-mode#contact-page .form-group select {
  background-color: #141414!important; 
  color: #E0E0E0;
}

#contact-page .form-group textarea {
  resize: none;
  height: 95px;

}
textarea::placeholder {
    font-weight: 300; 
    font-size: 14px; 
    font-family: Arial, sans-serif; 
    color: #999; 
}

textarea {
    font-weight: normal;
    font-size: 14px; 
    font-family: Arial, sans-serif; 
    color: #333; 
}

#contact-page .form-group {
  position: relative; 
}

#contact-page .form-group select {
  width: 100%;
  height: 50px; 
  padding-right: 30px; 
  background-size: 12px;
  font-size: 14px;
  cursor: pointer;
}


.submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px; 
    height: 85px;
    background-color: #1C2975; 
    border-radius: 50px;
    position: relative;
    overflow: hidden; 
}

.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: transparent; 
    border: none;
    box-shadow: none;
    font-size: 24px; 
    color: white; 
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 60px; 
}


.submit-btn p {
    font-size: 24px;
    color: white;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    line-height: 60px;
    pointer-events: none; 
}

#contact-page .submit-btn p {
    pointer-events: auto; 
}

body.dark-mode .submit-btn {
    background-color: black; 
    border: 2px solid white; 
}


body.dark-mode .submit-btn p {
    color: white; 
}

body.dark-mode .wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: transparent; 
    color: white;
}


#contact-page .submit-btn input:hover {
  transform: scale(1.1); 
}



.select-container {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #FFFFFF;
}


.select-selected {
    padding: 10px;
    cursor: pointer;
    color: #333;
}


.select-items {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 99;
    width: 100%;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

.select-items div {
    padding: 10px;
    cursor: pointer;
    color: #333;
}


.select-items div:hover {
    background-color:  #1C2975;
    color: #FFFFFF;
}



.select-container.active .select-items {
    display: block;
}


.select-container.active {
    border-color: #666;
}


body.dark-mode .select-container {
    background-color: #141414; 
    border-color: #E0E0E0; 
}


body.dark-mode .select-selected {
    padding: 10px;
    cursor: pointer;
    color: #FFFFFF; 
}


body.dark-mode .select-items {
    background-color: #141414; 
    border-color: #E0E0E0; 
    color: #E0E0E0; 
}


body.dark-mode .select-items div {
    padding: 10px;
    cursor: pointer;
    color: #E0E0E0; 
    background-color: #141414; 
}


body.dark-mode .select-items div:hover {
    background-color: #E0E0E0; 
    color: #141414; 
}


body.dark-mode .select-container.active .select-items {
    display: block;
}


body.dark-mode .select-container.active {
    border-color: #E0E0E0; 
}


body.dark-mode .select-items div.selected {
    background-color: #1C2975; 
    color: #FFFFFF; 
}


#contact-thanks-page .thank-you-section {
    display: flex;
    flex-direction: column;
    align-items: center; 
    min-height: 50vh; 
    text-align: center; 
    background-color: white; 
}


body.dark-mode#contact-thanks-page .thank-you-section {
    background-color: #141414;
    color: #E0E0E0;
}


#contact-thanks-page .title-container {
    background-color:#F8F8F9;
    padding: 30px 100px;
    margin-top: 90px;
    border-radius: 0px;
    margin-bottom: 30px;
    width: 300px;
    height: 95px;
    text-align: center;
}

body.dark-mode#contact-thanks-page .title-container {
    background-color: #333;
}


#contact-thanks-page h1 {
    font-size: 24px !important;
    font-weight: bold;
    color: #333;
    word-break: break-all;
}

body.dark-mode#contact-thanks-page h1 {
    color: #E0E0E0;
}


#contact-thanks-page p{
    font-size: 20px;
    color: #333;
    margin-bottom: 45px;
}

body.dark-mode#contact-thanks-page p {
    color: #E0E0E0;
}

#contact-thanks-page .thanks-message {
    font-size: 20px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 90px;
}

body.dark-mode#contact-thanks-page .thanks-message {
    color: #E0E0E0;
}

#contact-thanks-page .back-to-top {
    text-align: center; 
    margin-bottom: 90px;
}

#contact-thanks-page .back-button {
    display: inline-block;
    padding: 10px 40px; 
    font-size: 24px; 
    font-weight: bold; 
    color:#1C2975; 
    border: 2px solid #1C2975; 
    border-radius: 50px; 
    text-decoration: none; 
    background-color: transparent; 
    transition: transform 0.3s ease, color 0.3s ease, border-color 0.3s ease; 
}

body.dark-mode#contact-thanks-page .back-button  {
    background-color: #141414; 
    border: 2px solid #E0E0E0;
    color: #E0E0E0;
}

#contact-thanks-page .back-button:hover {
    transform: scale(1.1); 
    color: #1C2975; 
    border-color: #1C2975; 
}


#download-page .download-section {
    padding: 90px 150px;
    text-align: center;
    background-color:white;
}


body.dark-mode#download-page .download-section  {
    background-color:#141414!important;
}

#download-page .download-title {
    display: flex;
    justify-content: center; 
    align-items: center; 
    width: 726px; 
    height: 95px; 
    margin: 0 auto 30px; 
    background-color: #F8F8F9; 
    font-size: 24px; 
    color: #333; 
    padding: 20px 40px;
}

body.dark-mode#download-page .download-title {
    background-color: #333;
    color: #E0E0E0;
}




#download-page .download-description {
    font-size: 20px;
    margin-bottom: 90px;
    color: #666;
    text-align: center;
}

body.dark-mode#download-page .download-description {
    color: #E0E0E0!important;
}

#download-page .download-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

#download-page .form-group {
  display: flex;
  flex-direction: column;
  width: 60%;
  text-align: left;
  margin-bottom: 30px;
  position: relative;
}

#download-page .form-group label {
  display: flex;
  align-items: center; 
  font-size: 20px;
  margin-bottom: 10px;
  gap: 20px; 
  font-weight: bold;
}

#download-page .required, .optional {
  font-size: 14px;
  color: #666;
  border: 1px solid #666;
  padding: 2px 8px;
}

body.dark-mode#download-page .optional {
    color: #E0E0E0!important;
}

#download-page .required {
  color: #D7003A;
  border-color: #D7003A;
}


#download-page .form-group input,
#download-page .form-group textarea,
#download-page .form-group select {
  width: 100%;
  padding: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  background-color: white!important; 
  color: black; 
}

body.dark-mode#download-page .form-group input,
body.dark-mode#download-page .form-group textarea,
body.dark-mode#download-page .form-group select {
  background-color: #141414!important; 
  color: #E0E0E0; 
}

body.dark-mode#download-page#inquiry-subject,
#inquiry-content{
    background-color: #141414; 
    color: #E0E0E0; 
}

#download-page .form-group textarea {
  resize: none;
  height: 95px;
}
#download-page .form-group {
  position: relative; 
}

#download-page .form-group select {
  width: 100%;
  height: 50px; 
  padding-right: 30px; 
  background-size: 12px;
  font-size: 14px;
  cursor: pointer;
}

#download-page .form-group select::after {
  content: '▼'; 
  position: absolute;
}

#download-page .submit-btn {
    background-color: #1C2975;
    color: #fff;
    padding: 15px 50px;
    font-size:24px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: transform 0.2s ease, color 0.3s ease; 
    width: 250px;
    height: 85px;
    text-align: center;
    margin-top: 60px;
}

body.dark-mode#download-page .submit-btn  {
    background-color: #141414; 
    border: 2px solid #E0E0E0;
    color: #E0E0E0;
}

#download-page .submit-btn:hover {
    transform: scale(1.1); 
}



#download-thanks-page .thank-you-section {
    display: flex;
    flex-direction: column;
    align-items: center; 
    min-height: 50vh; 
    text-align: center; 
    background-color: white; 
}


body.dark-mode#download-thanks-page .thank-you-section {
    background-color: #141414;
    color: #E0E0E0;
}


#download-thanks-page .title-container {
    background-color:#F8F8F9;
    padding: 30px 100px;
    margin-top: 90px;
    border-radius: 0px;
    margin-bottom: 30px;
    width: 400px;
    height: 95px;
    text-align: center;
}

body.dark-mode#download-thanks-page .title-container {
    background-color: #333;
}


#download-thanks-page h1 {
    font-size: 24px !important;
    font-weight: bold;
    color: #333;
    word-break: break-all;
}

body.dark-mode#download-thanks-page h1 {
    color: #E0E0E0;
}


#download-thanks-page p{
    font-size: 20px;
    color: #333;
    margin-bottom: 45px;
}

body.dark-mode#download-thanks-page p {
    color: #e0e0e0;
}

#download-thanks-page .thanks-message {
    font-size: 20px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 90px;
}

body.dark-mode#download-thanks-page .thanks-message {
    color: #E0E0E0;
}

#download-thanks-page .back-to-top {
    text-align: center; 
    margin-bottom: 90px;
}

#download-thanks-page .back-button {
    display: inline-block;
    padding: 10px 40px; 
    font-size: 24px; 
    font-weight: bold; 
    color:#1C2975; 
    border: 2px solid #1C2975; 
    border-radius: 50px; 
    text-decoration: none; 
    background-color: transparent; 
    transition: transform 0.3s ease, color 0.3s ease, border-color 0.3s ease; 
}

body.dark-mode#download-thanks-page .back-button  {
    background-color: #141414; 
    border: 2px solid #E0E0E0;
    color: #E0E0E0;
}

#download-thanks-page .back-button:hover {
    transform: scale(1.1); 
    color: #1C2975; 
    border-color: #1C2975; 
}

#EC-review-page #top-img {
    position: relative;
    width: 100%;
    height: 300px; 
    overflow: hidden;
    display: flex;
    justify-content: center; 
    align-items: center; 
}

#EC-review-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%); 
    z-index: 1; 
    display: flex;
    overflow: hidden; 
}

#EC-review-page .wave-image {
    position: absolute;
    bottom: 0; 
    right: 0; 
    width: auto; 
    height: 100%; 
    object-fit: contain; 
    z-index: 2; 
}


#EC-review-page .overlay {
    position: relative;
    z-index: 3; 
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 150px;
}

#EC-review-page .text-content h2{
    color: white;
    font-size: 36px; 
    font-weight: bold;
}

#EC-review-page .ec-review-section {
    margin:90px 150px;
}

#EC-review-page .ec-review-header h1 {
    font-weight: 550;
    margin-bottom: 8px;
}
#EC-review-page .ec-review-header p {
    font-weight: 550;
    font-size: 24px;
    margin-bottom: 45px;
}

body.dark-mode#EC-review-page .contents-list a  {
    color: #E0E0E0; 
}

#EC-review-page .contents-list {
    display: flex;
    flex-direction: column; 
    gap: 40px; 
}

#EC-review-page .contents-list a {
  text-decoration: none; 
  color: black; 
}



/* Hero Section */
#news-specific-page #top-img {
    position: relative;
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
    display: flex;
    justify-content: center; 
    align-items: center; 
}

#news-specific-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%); 
    z-index: 1; 
    display: flex;
    overflow: hidden; 
}

#news-specific-page .wave-image {
    position: absolute;
    bottom: 0; 
    right: 0; 
    width: auto; 
    height: 100%; 
    object-fit: contain; 
    z-index: 2; 
}

#news-specific-page .overlay {
    position: relative;
    z-index: 3; 
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 150px;
}

#news-specific-page .text-content h2 {
    color: white;
    font-size: 36px; 
    font-weight: bold;
}

#news-specific-page .announcement-content h1 {
    margin-left: 150px;
    margin-bottom: 0;
    margin-top: 90px;
}

#news-specific-page .announcement-date {
    margin-left: 150px;
}
#news-specific-page .announcement-content p {
    margin-left: 150px;
    margin-top: 15px;
}

#privacy-policy-page .h1 {
    margin-top: 90px!important;
    margin-bottom: 0;
}
#privacy-policy-page .policy-section {
    margin: 0px 150px 70px!important;
    text-align: left;
}

#privacy-policy-page p {
    margin-bottom: 0;
}

#privacy-policy-page .policy-section {
    margin-bottom: 20px;
}
#privacy-policy-page .footer-pc {
    margin-top: 90px;
}

#privacy-policy-page .bullet-list{
    font-size: 20px;
    margin-left: 20px;
}
#privacy-policy-page .h2 {
    margin-bottom: 20px;
}
#privacy-policy-page .bullet-list li strong {
    font-size: 20px; 
}

#privacy-policy-page .bullet-list li  {
    font-size: 20px; 
}


/* Responsive Styles */
@media (max-width:1006px) {
 html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; 
    color: #000000;
 }

 body.dark-mode {
    color: #ffffff !important; 
}

.no-scroll {
    overflow: hidden; 
    height: 100vh; 
}

 header {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%; 
    height: 60px; 
    background-color: #ffffff; 
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding: 0 5%; 
    z-index: 999; 
 }

 header .logo img {
    width: 70px !important; 
    height: auto !important; 
 }

 .menu-btn {
    font-size: 28px; 
    padding: 5px; 
    background: none; 
    border: none; 
    cursor: pointer; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
 }

 body.dark-mode .menu-btn {
    color: #E0E0E0; 
}

 #nav-menu {
      display: none;
 }

 .mobile-menu {
    display: none; 
    position: fixed;
    top: 60px; 
    right: 0;
    width: 100%; 
    height: 610px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 
    z-index: 1000;
    font-size: 18px;
    font-weight: bold;
    padding:0;
    overflow-y: scroll;
}

 body.dark-mode  .mobile-menu {
    background-color: #141414;
}

 .mobile-menu ul li {
    position: relative;
    padding:  0; 
    border-bottom: 1px solid #CCCCCC; 
    margin-bottom: 0;
    color: #000000;
}

.mobile-menu ul li:last-child {
    border-bottom: none; 
    background-color:  #D7003A; 
    color: #FFFFFF; 
}

body.dark-mode .mobile-menu ul li {
    border-bottom: 1px solid #E0E0E0; 
}

.mobile-menu ul li a {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    display: block; /* Allow the <a> to behave as a block element */
    width: 100%;
    height: 100%; 
    padding: 37px 0;
    text-align: center; 
    text-decoration: none; 
    box-sizing: border-box; 
}

body.dark-mode  .mobile-menu ul li a {
    color: #E0E0E0;
    display: block; /* Allow the <a> to behave as a block element */
    width: 100%; /* Make <a> span the entire width of the parent <li> */
}

body.dark-mode .mobile-menu ul li:last-child {
    border-bottom: none!important; 
}

.contact-btn-mobile {
    display: block;
    background-color:#D7003A; 
    color:  #FFFFFF!important; 
    font-weight: bold;
    width: 100%; 
    text-align: center;
    padding:0; 
    margin-top: 0;
}


body.dark-mode .contact-btn-mobile {
    background-color: #D7003A; 
    color: #E0E0E0 !important;
}

 /* Close Button Styling */
.close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 32px; 
    background: none; 
    border: none;
    color: #333; 
    cursor: pointer;
    z-index: 1001;
}

body.dark-mode .close-btn {
    color: #E0E0E0; 
}

/* Remove any default focus outline */
.close-btn:focus {
    outline: none;
}

 .breadcrumb {
    position: relative;
    z-index: 10; 
    margin-top: 0;
    height: 20px;
    font-size: 12px; 
    padding: 2px;
    text-align: left;
 }

 .page-top {
    display: none !important;
 }

 h1 {
    font-size: 18px; 
    text-align: center;
    margin-bottom: 25px;  
    margin-top: 50px;

 }

 h1 a  {
    text-decoration: none;
    color: black;

 } 

 h2 {
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
 }

 .subtitle {
    font-size: 16px; 
    margin-bottom: 25px;
 }

 p {
    font-size: 14px;
    text-align: left;
    line-height: 1.8;
 }

 .btn-container {
    text-align: center !important;
    
 }   

 .btn-container button {
    font-family: 'Noto Sans JP', sans-serif; 
    background-color: white;
    color: #1C2975;
    padding: 10px 40px;
    border: 2px solid #1C2975;
    border-radius: 50px;
    text-decoration: none;
    transition: transform 0.2s ease, font-size 0.3s ease; 
    font-size: 14px;
    margin: 25px auto 0 ;
    width: auto;

 }

 .btn-container button:hover {
    color: #1C2975;
    transform: scale(1.1); /* Slightly enlarge on hover */
 }

 .consultation-btn {
    font-size:  16px; 
    transition: transform 0.2s ease, font-size 0.3s ease; 
 } 

 .consultation-btn:hover {
    transform: scale(1.1); 
 }

 .submit-btn {
    font-size: 16px; 
 }

 .tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: left;
    align-items: center;
    position: relative;
 }

 .tag  {
    font-size: 12px !important; 
    display: inline-block; /* Block-level for alignment */  
    color: #0f0e0e; /* Text color */
    background-color: #eee; /* Background color */
    border-radius: 50px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover transition */
    background-color: transparent; 
    border: 2px solid #777676; 
    padding: 5px 10px;
 }

 /* Hover Effect */
 .tag:hover {
    background-color: #010008; /* Hover background color */
    color: #f8f3f3; /* Text color */
 }

 .news-content {
    margin: 0 18px 50px;
 }
  
 .news-title h1 {
    font-weight: bold;
    color: #333;
    margin-bottom: 25px;
    text-align: left;
 }

 .news-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  
 .news-item {
    display: flex;
    flex-direction: column;
    position: relative;
 }
  
 .news-date {
    font-size: 14px; 
    color: #555;
    margin-bottom: 15px;
    text-decoration: none;
    text-align: left;
 }
   
 .news-item .news-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
   
 }
  
 .news-paragraph {
    font-size: 14px; 
    line-height: 1.8; 
    margin: 0;
    text-align: left;
    color: #333; 
    width: 90%;
 }

 .news-paragraph a {
    text-decoration: none; 
    color: inherit; 
    display: inline-block;
    transition: transform 0.2s ease, color 0.3s ease; 
 }

 .news-paragraph a:hover {
    transform: scale(1.1); 
    color: #000; 
 }

 .news-arrow {
    font-size: 14px; 
    transition: transform 0.2s ease, color 0.3s ease; 
    text-decoration: none;
 }


 .news-arrow:hover {
    transform: scale(1.5); 
 }

 .news-line {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: relative;
 }
  
 .news-line::before {
    content: "";
    position: absolute;
    width: 56px;
    height: 3px;
    background-color: #000;
    top: -1px;
    left: 0;
 }

 .news-line:hover::after {
    transform: translateX(10px);

 }
  /* Useful Resources Section Styles */
 .resources-section {
    padding:0;
    margin:0 18px 50px;
 }

 .section-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px;
    font-size: 18px;
 }

/* PC Version: Three Small Blocks */
 .resources-cards {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    gap: 25px; 
    width: 100%; 
    max-width: 100%; 
    margin: 0 auto; 
}

 .card-image-wrapper {
    position: relative; 
    width: 100%; 
    height: 200px;
 }

 .card {
    position: relative; 
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 0;
    text-align: center;
    flex: 1;
    height: auto;
    cursor: pointer; 
    overflow: hidden; 
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    width: 100%;
    max-width: none; 
    box-sizing: border-box; 
 }

 .card:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); 
    transform: translateY(-5px); 
 }

 .card img {
    width: 100%; 
    height: 200px; 
    object-fit: cover; 
    transition: opacity 0.3s ease; 
 }

 .card:hover img {
    opacity: 0.7;
 }

 .card-image-wrapper .overlay {
    position: absolute; 
    bottom: 40%; 
    left: 0; 
    width: 100%; 
    height: 32px; 
    background-color: rgba(255, 255, 255, 0.5); 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    font-size: 18px; 
    font-weight: bold; 
    color: #1C2975; 
    transition: opacity 0.3s ease;
 }

 .card:hover .overlay {
    opacity: 0.7; 
 }

 .card-title {
    font-size: 12px;
    margin-bottom:5px;
    margin-top: 10px;
    text-align: left;
    font-weight: 100;
    margin-left: 25px;
    margin-right:auto;
 }

 .card-text {
    text-align: left;
    font-size: 14px;
    margin: 0 25px 15px;
 }

 .card .tags-container { 
    margin:0 25px 10px;
 }  

 /* Consultation Section Styles */
 .consultation-section {
    padding: 0 18px 50px ; /* Adjust top and bottom spacing */
    width: 100%; /* Occupy full screen width */
    box-sizing: border-box; /* Include padding and border in total width */
 }

 .consultation-container {
    padding: 25px 10px !important; /* Adaptive inner padding */
    border-radius: 20px; /* Rounded corners for the container */
    text-align: center; /* Center align the content */
    margin: 0; /* Center the container */
 }

 .gradient-line {
    height: 6px; /* Adjust gradient line height */
 }

 /* Adjust title font size */
 .consultation-content h2 {
    font-size: 14px; /* Responsive font size for the title */
    margin-bottom: 25px; /* Space below the title */
    color: #333; /* Dark gray color for the title */
 }

 /* Adjust paragraph font size */
 .consultation-content p {
    font-size: 12px; /* Responsive font size for the paragraph */
    line-height: 1.8; /* Comfortable line spacing */
    color: #666; /* Gray color for the text */
    margin-bottom: 25px; /* Space below the paragraph */
    text-align: center; 
 }

 /* Adjust button size */
 .consultation-btn {
    font-size: 16px; /* Responsive font size for the button */
    padding: 10px 20px; /* Adaptive inner padding for the button */
    border-radius: 50px; /* Rounded corners for the button */
    display: inline-block; /* Inline block layout for the button */
    background-color: #D7003A; /* Red background color */
    color: #fff; /* White text color */
    text-decoration: none; /* Remove underline from the button text */
    transition: background-color 0.3s ease; /* Smooth background color transition */
    margin-bottom: 0;
 }

 .consultation-btn:hover {
    background-color: #a50116; /* Darker red color on hover */
 }

 /* Display SP version */
 .footer-pc {
    display: none;
 }
    
 .footer-sp {
    display: block;
 }
  
 /* Dark mode toggle inside footer */
#dark-mode-toggle {
    position: absolute; 
    top: 316px; 
    right: 40px; 
    z-index: 10; 
    cursor: pointer; 
    transition: transform 0.3s ease;
}

 .footer-nav {
    text-align: center; 
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto; 
    padding-top: 25px;
    gap: 25px;
    list-style: none; 
 }
    
 .footer-nav li {
    margin-bottom: 25px; 
 }
    
 .footer-nav a {
    font-size: 12px; 
 }   
    
 .footer-lower .footer-logo {
    margin: 25px 18px;
 }

 .footer-address {
   margin-left: 18px;
   font-size: 10px; /* Responsive font size for the button */
   margin-bottom: 25px;
 }

 .footer-policy {
    margin: 0 18px; 
    display: flex; 
    justify-content: space-between; 
    gap: 0; 
    list-style: none;
    padding: 0;
 }

 .footer-policy a,
 .footer-policy li {
    font-size:10px; 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    padding-bottom: 25px;
 }

 .footer-policy li:first-child {
    margin-left: 0; 
 }

 .footer-policy li:last-child {
    margin-right: 0; 
 }

 .footer-logo{
   content:url('image/colabofact_LOGO_2_white.png'); 
   width: 70px !important; 
   height: auto !important;
 } 

 
 #index-page .top-img img {
    content: url('image/top_mainvisual_sp.png'); 
    height: auto;
 }

 #top-img {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
 }


 #index-page .wave-image {
  
    display: block;
    width: 100%; 
    height: auto; 
    object-fit: cover; 
    margin-top: 6.5%;
 }

 #index-page #top-img .overlay-top {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 504.08px; 
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 2; 
    background: transparent; 

 }

 .partners-section {
    margin-bottom:0;
    margin-top: 50px;
     text-align: center; 
 }
 .partners-title {
    font-size: 18px;
    margin-bottom: 25px; 
 }

 .partners {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; 
    gap: 20px;  
 }

.partners img {
    width: 15%;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease; 
 }





 body {
    padding-top: 60px; 
 }

 header {
    position: fixed;
    z-index: 1000;
    width: 100%;
 }

#hero-section {
    height: 100vh; 
    position: relative;
}


#hero-section .text-content {
    position: absolute; 
    top: 3%;
    right: 0; 
    text-align: right; 
    color: #1C2975; 
    padding-right: 0; 
    margin-top: 65px;
    margin-right: 35px;
}



 #index-page .text-content h1 {
    font-size: 24px; 
    margin: 0; 
    padding: 0; 
    white-space: nowrap;
    text-align: right; 
 }

 #index-page .text-content p {
    font-size: 12px; 
    word-break: break-word; 
    line-height: 1.8; 
    margin: 0 0 0 auto;
    padding: 0; 
    text-align: right; 
    max-width: 60%; 
    white-space: normal; 
    position: relative; 
 }

 #index-page .consultation-btn-top {
    position: relative;
    margin: 0 auto; 
    margin-top: 105%; 
    display: inline-block;
    background-color: #D7003A;
    color: white;
    padding: 20px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px; 
    font-weight: bold;
    transition: transform 0.3s ease, font-size 0.3s ease;

}

.partners-section {
    display: none;
}

.partners-section-sp {
    display: block;

}

.partners-title {
    font-size: 18px!important;

}

.partners img {
    width: 100px!important;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease; 
 }

 #index-page .consultation-btn-top:hover {
    transform: scale(1.1); 
 }

 /* Styles for tag section */
 #index-page  .tags-section {
    padding: 0; /* Adjust padding */
    text-align: center; /* Center align text */
    margin: 0 18px 50px;     
 }

 /* Adjust tag title for mobile */
 #index-page  .tags-title {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: bold;       
 } 

 #index-page .tags-container-top a:nth-child(n+11) {
    display: none; 
} 
 #index-page   #merged-sections-sp {
    display: block; 
}

#index-page   #merged-sections-pc {
    display: none; 
}

#index-page #merged-sections-sp {
    padding:  0 18px;
}

#index-page #merged-sections-sp .section-image {
    text-align: center;
    margin-bottom: 20px;
    width: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;

}

#index-page #merged-sections-sp .section-image img {
    max-width: 50%; 
    height: auto;
    text-align: center;
}



#index-page .btn-container {
    margin: 0;
}

#service-page header {
    z-index: 999; 
 }

 #service-page .pc-only {
    display: none;
}

#service-page .sp-only {
    display: block !important;
}

 /* Hero Section */
#service-page #top-img {
    position: relative;
    width: 100%;
    height: 234.4px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%);
}

#service-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #27316E 15%, #1D1E3A 68%);
    background-image: url('image/bg_wave_sp.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
}

#service-page .overlay {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 234.4px; 
    z-index: 1; 
    pointer-events: none; 
    padding: 0 18px;
}
#service-page .icon-layer {
    position: absolute;
    top: 20%;
    left: 5%;
    width: 90%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 2; 
}


#service-page .icon1 {
    position: absolute;
    top: 60px; 
    left: 95%;
    width: 20px; 
    height: auto; 
}

#service-page .icon2 {
    position: absolute;
    top: 100px;
    left: 70%;
    width: 20px;
    height: auto;
}

#service-page .icon3 {
    position: absolute;
    top: 110px;
    left: -30px;
    width: 20px;
    height: auto;
}



#service-page .line {
    width: 0;
    border-top: 1px solid white;
    animation: expand-line 1s ease forwards;
    margin-left: -30px;
    margin-top: 10px;
    margin-bottom: -225px;
}

@keyframes expand-line {
    from {
        width: 0;
    }
    to {
        width: 25px;
    }
}

#service-page .text-content {
    flex: 1 1 50%; 
    max-width: 50%;
    padding: 0; 
    box-sizing: border-box; 
    text-align: left; 
    line-height: 1.6;
}

#service-page .image-container-right {
    flex: 1 1 50%; 
    max-width: 50%; 
    padding: 0; 
    box-sizing: border-box; 
    overflow: visible; 
    text-align: center; 
    height: 234.4px;
}

#service-page .image-container-right img {
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
}



 #service-page .text-content h3 {
    font-size: 13px;
    margin-top: 180px;
    margin-bottom: 15px;
    padding: 0;

 }

  #service-page .text-content h2 {
    padding-top: 0;
    margin-top: 0;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: left;
    
    
 }

 #service-page .text-content p {
    font-size: 12px;
    width: 90%;
 }


 #service-page .button-container-top {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 15px; 
 }
 
 #service-page .action-buttons {
    margin: 50px 18px;   
 }  


 /* The "Demo Videos" button is temporarily hidden.
   If you want to make it visible again, remove "display: none;". */
   #demo-videos-button {
    display: none!important;
}

 #service-page .action-button {
    align-items: center;
    text-decoration: none;
    background-color: transparent;
    border: 2px solid #1C2975; 
    color: #1C2975; 
    font-size:14px;
    border-radius: 50px; 
    text-align: center; 
    transition: all 0.3s ease;
    font-weight: 600;
    width: 200px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    margin-bottom: 0 !important;
    height: 61.5px;
    padding: 10px 40px;
    
 }


#service-page .service-section-sp  {
    display: block; 
}

#service-page .services-pc{
    display: none; 
}
/* General Section Styling */
#service-page .service-section-sp {
    padding: 0 18px; /* Ensure 18px spacing on the left and right */
}

/* Service Block Styling */
#service-page .service-section-sp .service-block {
    margin-bottom: 50px; /* Spacing between service blocks */
}



/* Subtitle Styling */
#service-page .service-section-sp .subtitle {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 25px;
}

/* Image container styles */
#service-page .service-section-sp .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; /* Center container horizontally */
    padding: 0 18px; /* Add 18px padding on both sides */
    box-sizing: border-box; /* Include padding in width calculation */
    width: 800%; /* Ensure it takes full width */
}

/* Image styles */
#service-page .service-section-sp .image-container img {
    width: 280%; /* Ensure the image doesn't overflow */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Avoid inline spacing issues */
  

}



#service-page .tags-container {
    margin: 25px auto;
}

.service-section-sp .btn-container {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    gap: 15px; /* Space between buttons */
    margin-top: 20px;


}


.service-section-sp .btn-container button { 
    width: 185px;
    margin: 0;
    
}


/* Demo Section */
 #service-page .demo-section {
   margin: 50px 18px;
   box-sizing: border-box;
 }

 /* Container */
 #service-page .demo-container {
    display: flex;
    flex-direction: column; 
    gap: 50px; 
 }

/* Individual Demo Item */
 #service-page .demo-item {   
    border-radius: 8px; 
    text-align: center; 
    width: 100%; 
    max-width: 600px; 
    margin: 0 auto; 
 }

 /* Small Heading */
 #service-page .demo-heading {
   margin-bottom: 15px; 
   font-weight: bold;
 }

 /* Video Wrapper */
 #service-page .demo-video video {
    width: 100%; 
    height: auto; 
    max-width: 100%; 
    aspect-ratio: 16/9; 
    margin-bottom: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
 }

 #service-page .demo-video p {
    margin-bottom: 25px;
 }

 #service-page .performance-wrapper {
    margin: 0;
    padding: 10px;
 } 

 #service-page .performance-section {
    margin: 50px 18px;
 }  

 #service-page .performance-title {
   text-align: center;
 }  

 #service-page .subtitle1 {
    font-size: 14px ;
    margin-top: 10px;
    font-weight: 500;
    text-align: left;
 }

 #service-page .sub-title {
    font-size: 12px;
    margin-top: 5px;
 }

 #service-page .performance-item h4  {
    font-size: 14px;
 } 

 #service-page .performance-container {
    display: flex; /* Enable flexible box layout for the container */
    justify-content: center; /* Center content vertically */
    align-items: center; /* Center content horizontally */
    flex-direction: column; /* Arrange content vertically */
    text-align: center; 
    gap: 0; 
 }

 #service-page .performance-item {
    display: flex; /* Enable flexible box layout for the container */
    flex-direction: column; /* Arrange content vertically */
    justify-content: center; /* Center content vertically */
    align-items: center; /* Center content horizontally */
    text-align: center; /* Center text alignment */
    width: 100%; /* Set full width as needed */
    max-width: 300px; /* Limit the maximum width */
    margin: 0 auto; /* Center the entire block within the container */    
 } 

 #service-page .performance-item ul {
    list-style: none; 
    padding: 0; 
    text-align: left; 
    margin: 0 auto; 
    max-width: 80%; 
 }

 #service-page .performance-item ul li {
    margin-bottom: 8px; 
    line-height: 1.8; 
    font-size:14px; 
 }

 #service-page .performance-item ul li.highlight {
    color: #1C2975; 
    font-weight: bold; 
 }

 #service-page .performance-divider {
    width: 100%;
    height: 2px; 
    background-color: #ccc;
    margin-top: 12px;
    margin-bottom: 12px;
 }

 #company-page .pc-only {
    display: none !important;
 }

 #company-page .sp-only {
    display: block;
 }

 #company-page #top-img-sp {
    height: 234.4px; 
    margin-top: 20px;
 }

 #company-page .combined-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-top: -18px; 
    position: relative; 
 }

 #company-page .wave-normal {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background-image: url('image/bg_wave_sp.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
 }

 #company-page .wave-reverse {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 70%;
    background-image: url('image/bg_wave_sp.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    transform: scaleX(-1) scaleY(-1);
 }

/* Overlay container: center */
#company-page .overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
   margin-top: 77px; 
    height: 236.4px; 
}

/* Text container */
#company-page .text-content {
    text-align: center;
    padding: 0;
    margin-top: 35px;
}

#company-page .text-content h1 {
    position: absolute; 
    top: 30%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    font-size: 15px; 
    color: #827EA4; 
    margin: 0; 
    padding: 0; 
    text-align: center; 

}

#company-page .text-content h2 {
    font-size: 15px; 
    font-weight: bold; 
    color: #FFFFFF; 
    margin: 15px 0 10px 0; 
    animation: slideUp 1s ease forwards; 
    animation-delay: 0s; 
 
}

#company-page .text-content p {
    font-size: 12px;
    color: white; 
    line-height: 1.5; 
    margin: 0;
    animation: slideUp 1s ease forwards; 
    animation-delay: 0.95s; 
}


#top-img-sp .animated-line {
    width: 2px;
    height: 0; 
    position: absolute; 
    bottom: -1%; 
    background-color: white;
    margin: 10px auto 0 auto; 
    animation: growLine 1s ease forwards; 
    animation-delay: 1.9s; 
}

/* Slide-up animation */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px); 
    }
    to {
        opacity: 1;
        transform: translateY(0); 
    }
}

/* Line growth animation */
@keyframes growLine {
    from {
        height: 0;
    }
    to {
        height: 30px; 
    }
}

 #company-page .icon-layer {
    position: absolute;
    top: 20%;
    left: 5%;
    width: 30%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 2; 
 }


 #company-page .icon1  {
    position: absolute;
    top: 140px; 
    left: 205%; 
    width: 20px; 
    height: auto; 
 }

 #company-page .icon2 {
    position: absolute;
    top: 100px;
    left: 250%;
    width: 20px;
    height: auto;
 }

 #company-page .icon3  {
    position: absolute;
    top: -20px;
    left: 30px;
    width: 20px;
    height: auto;
 }

 #company-page .principles-section {
    margin: 50px 18px
 }

 #company-page .principle-item {
    width: 100%; 
    text-align: justify; /* Align text to both the left and right edges */
    line-height: 1.8; 
    font-size: 16px; 
 }    

 #company-page .principles-title {
    text-align: center; 
    margin-bottom: 25px;
    font-weight: bold;
 }

/* × */
 #company-page .principle-title .top-title::after {
    content: '×'; 
    margin-left: 8px;
    color: #1C2975;
 }

 #company-page .principle-title .top-title {
    font-size: 16px;
    font-weight: bold; 
    color: #1C2975; 
}

 #company-page .principle-title .bottom-title {
    font-size: 16px; 
    font-weight: bold; 
    color: #1C2975; 
 }

 #company-page .principle-text {
   margin: 25px 0;
   width: 100%; 
 }

 #company-page .about-section {
    margin: 50px 18px;
 } 

 #company-page .about-container {
    flex-direction: column; 
    align-items: center; 
    gap: 25px;
    width: 100%;
 }

 #company-page .about-image {
    order: 2; 
    width: 50%; 
    max-width: 100%;

 }
/* Overall container */
#company-page .about-container {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
    gap: 20px; 
    padding: 20px;
}

/* Text content */
#company-page .about-content {
    max-width: 800px; 
    margin-bottom: 20px; 
}

/* Image container */
#company-page .about-image {
    display: flex;
    justify-content: center; 
    align-items: center;
}

#company-page .about-image img {
    width: 339px; 
    height:200px; 
}


 #company-page .about-image img {
 height: 200px;
 width: 339px;
 text-align: center;
}
 #company-page .about-content {
    order: 3; 
    text-align: center; 
    width: 100%; 
    max-width: 100%;
 }

 #company-page .about-content p { 
    margin-bottom: 0;
}  

 #company-page .about-main-text {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    width: 100%;
    text-align: left;
    max-width: 100%; 
    align-items: center;
 }

 #company-page .company-section {
    margin: 18px 50px;
 }  

 #company-page .company-content {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
 }    

 #company-page .company-table {
    width: 100%; 
    text-align: center; 
    border-collapse: collapse; 
 }
    
 #company-page .company-title {
    text-align: center; 
 }
       
 #company-page .company-table td {
    padding: 20px 0;
    border-bottom: 1px solid #ddd; 
    

 }
    
 #company-page .company-table tr:last-child td {
    border-bottom: none; 
}

 #company-page .company-table td:nth-child(1),
 .company-table td:nth-child(2) {
    width: auto; 
    text-align: left; 
    font-size:12px;
 }

 #company-page .company-table tr::after {
    left: 0; 
    right: 0;
 }
    
 #company-page .company-table td:nth-child(1) {
    padding-right: 20px; 
        
 }

 #company-page .company-table td:nth-child(1) {
    width: 35%; 
 }

 #company-page .company-table td:nth-child(2) {
    width: 65%; 
 }

 #contact-thanks-page .thank-you-section {
    display: flex;
    flex-direction: column;
    align-items: center; 
    min-height: 50vh; 
    text-align: center; 
    background-color: white; 
}

#contact-thanks-page .title-container {
    background-color:#F8F8F9;
    padding: 30px 100px;
    margin-top: 90px;
    border-radius: 10px;
    margin-bottom: 30px;
    width: 300px;
    height: 65px;
    text-align: center;
}

#contact-thanks-page h1 {
    font-size: 18px !important;
    font-weight: bold;
    color: #333;
    word-break: break-all;
    margin: 0;
    text-align: center; 
    width: 100%; 
}
 
#contact-thanks-page p{
    font-size: 14px;
    color: #333;
    margin: 0 18px 25px;
}

#contact-thanks-page .thanks-message {
    font-size: 20px;
    color: #555;
    line-height: 1.8;
    margin:0 18px 50px;
}

#contact-thanks-page .back-to-top {
    text-align: center; 
    margin-bottom: 90px;
}

#contact-thanks-page .back-button {
    display: inline-block;
    padding: 10px 40px; 
    font-size: 18px; 
    font-weight: bold; 
    color:#1C2975; 
    border: 2px solid #1C2975; 
    border-radius: 50px; 
    text-decoration: none; 
    background-color: transparent; 
    transition: transform 0.3s ease, color 0.3s ease, border-color 0.3s ease; 
}

#contact-thanks-page .back-button:hover {
    transform: scale(1.1);
    color: #1C2975; 
    border-color: #1C2975; 
}

 #professional-page header {
   z-index: 999; 
 }

/* Wave background (Layer 2) */
#professional-page .wave-image {
    content: url('image/bg_wave_sp.png'); 
    height: 120px;
}

#professional-page .combined-container {
height: 105px;
}

/* Icon layer (Layer 3) */
#professional-page #top-img .sp-only .icon-layer {
    position: absolute;
    top: 20%; /* Adjust based on design */
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2; /* Above wave background */
    display: flex;
    justify-content: space-around; /* Distribute icons */
    align-items: center;
    pointer-events: none; /* Make icons non-interactive */
}

#professional-page .overlay {
    margin-left: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0;   
}

#professional-page #top-img {
    height: 105px;
}    

#professional-page #top-img .overlay::before {
    content: '';
    position: absolute;
    background-image: url('image/bg_logo_sp.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px; 
    height: 20px;
    top: 70%; 
    left: 1%; 
}


#professional-page #top-img .overlay::after {
    content: '';
    position: absolute;
    background-image: url('image/bg_logo_sp.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px; 
    height: 20px;
    top: 70%; 
    left: 70%; 
}


#professional-page #top-img .icon {
    content: '';
    position: absolute;
    background-image: url('image/bg_logo_sp.png');  
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px; 
    height: 20px; 
    top: 20%; 
    left: 80%; 
}

/* Text layer (Layer 4) */
#professional-page #top-img .sp-only .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3; /* Above everything */
    color: white;
}
#professional-page .ceo-intro h1 {
    margin-bottom: 0;
}

#professional-page .text-content h2 {
    font-size: 15px; /* Adjust text size */
    font-weight: bold;
    color:#FFFFFF ; /* White text */
    margin-left:0;
    padding: 0;
    margin-bottom: 0;

}

 #professional-page .ceo-intro {
    margin: 50px 18px;
 }

 #professional-page .ceo-content {
    display: flex;
    flex-direction: column; 
    gap: 0; 
    text-align: center; 
    width: 100%;
 }

 #professional-page .ceo-image {
    width: 100%;
    height: 389px; 
    display: flex;
    justify-content: center;
    align-items: center;
}


#professional-page .ceo-image img {
    width: 100%;
    height: 350px;
}




 #professional-page .ceo-text {
    order: 2; 
    text-align: left; 
    margin: 0 auto; 
    width: 100%; 
 }


 #professional-page .ceo-text p {
    line-height: 1.8;
    margin-bottom: 0;
 }

 #professional-page .p br {
    display: none;
 }
 
 #professional-page .professional-intro {
    margin: 50px 18px;
    padding: 0;
 }

  
 #professional-page .name {
    font-size: 16px;
    margin: 25px;
 }
 #professional-page .ceo-text h2 {
    margin-bottom: 25px;
 }




    #professional-page .professional-list {
        display: flex;
        flex-direction: column; 
        align-items: center; 
        gap: 0px; 
    }

    #professional-page .professional-item {
        width: 100%; 
        padding: 0; 
        text-align: center; 
        position: relative;
    }




    #professional-page .profile-image img {
        width: 120px; 
        height: 120px;
        object-fit: cover;
        border-radius: 50%;
        border: 2px solid #000000;
        display: block;
        margin: 0 auto;
        align-items: center;
    }

    body.dark-mode#professional-page .profile-image img {
        border: 2px solid #ffffff; 
        text-align: center;

    }

    #professional-page .name {
        font-size: 18px; 
        margin: 20px 0;
        text-align: center;
    }


    #professional-page .professional-item:not(:last-child) {
        border-bottom: 1px solid #D9D9D9;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }





 #news-page header {
    z-index: 999; 
  }
 
 /* Wave background (Layer 2) */
 #news-page .wave-image {
     content: url('image/bg_wave_sp.png'); 
     height: 120px;
 }
 
 #news-page .combined-container {
 height: 105px;
 }
 
 /* Icon layer (Layer 3) */
 #news-page .sp-only .icon-layer {
     position: absolute;
     top: 20%; /* Adjust based on design */
     left: 0;
     width: 100%;
     height: auto;
     z-index: 2; /* Above wave background */
     display: flex;
     justify-content: space-around; /* Distribute icons */
     align-items: center;
     pointer-events: none; /* Make icons non-interactive */
 }
 
 #news-page .overlay {
     margin-left: 18px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     padding: 0;   
 }
 
 #news-page #top-img {
     height: 105px;
 }    
 
 #news-page .overlay::before {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png'); 
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px;
     top: 70%; 
     left: 1%; 
 }
 
 
 #news-page .overlay::after {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png'); 
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px;
     top: 70%; 
     left: 70%; 
 }
 
 
 #news-page .icon {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png');  
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px; 
     top: 20%; 
     left: 80%; 
 }

 /* Text layer (Layer 4) */
 #news-page .sp-only .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3; /* Above everything */
    color: white;
}

#news-page .text-content h2 {
    font-size: 15px; /* Adjust text size */
    font-weight: bold;
    color:#FFFFFF ; /* White text */
    margin-left:0;
    padding: 0;
    margin-bottom: 0;
}

#news-page .news-content  {
   margin: 50px 18px;
   padding-top: 0;

 }

 #news-page .news-title h1 {
    text-align: center; 
    font-weight: bold;   
 }
 #resource-page header {
    z-index: 999; 
  }
 
 /* Wave background (Layer 2) */
 #resource-page .wave-image {
     content: url('image/bg_wave_sp.png'); 
     height: 120px;
 }
 
 #resource-page .combined-container {
 height: 105px;
 }

/* Parent container */
#resource-page .overlay-top {
    position: relative;
}

/* Icon 1 */
#resource-page .overlay-top::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('image/bg_logo_sp.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 70%;
    left: 1%;
    z-index: 3;
}

/* Icon 2 */
#resource-page .overlay-top::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('image/bg_logo_sp.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 70%;
    left: 75%;
    transform: translateX(-50%);
    z-index: 3;
}

/* Icon 3 */
#resource-page .icon {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('image/bg_logo_sp.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 20%; 
    left: 80%; 
    z-index: 9999;
}

 #resource-page .overlay-top {
     margin-left: 18px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     padding: 0;  
 }
 
 #resource-page #top-img {
     height: 105px;
 }    
 
 /* Text layer (Layer 4) */
 #resource-page .sp-only .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3; /* Above everything */
    color: white;
}

#resource-page .text-content h2 {
    font-size: 15px; /* Adjust text size */
    font-weight: bold;
    color:#FFFFFF ; /* White text */
    margin-left:0;
    padding: 0;
    margin-bottom: 0;
}

#resource-page .page-buttons {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 10px; 
    margin: 50px 18px 0;   
}

#resource-page .page-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background-color: transparent; 
    border: 2px solid #1C2975; 
    color: #1C2975; 
    font-size: 14px;
    border-radius: 50px; 
    text-align: center;
    transition: transform 0.3s ease; 
    font-weight: 600;
    width: 200px; 
    white-space: nowrap;
    overflow: visible; 
    position: relative; 
}

body.dark-mode#resource-page .page-button {
    background-color: #141414;  
    border: 2px solid #E0E0E0;
    color: #E0E0E0;
}

#resource-page .page-button .arrow {
    font-size: 10px; 
    margin-top: 5px; 
    color: #1C2975; 
}

body.dark-mode#resource-page .page-button .arrow {
    color: #E0E0E0;
}

#resource-page .page-button:hover {
    transform: scale(1.1); 
    background-color: #ffffff;
    color:#1C2975 ;

}

 #resource-page .section-title {
    margin-top: 50px;
 }  


 [id^="resource-page"] .intro {
    border: 2px solid #000000;
    padding: 20px;
    width: 90%; 
    box-sizing: border-box;
    margin: 50px 18px;
   
}



 [id^="resource-page"] header {
    z-index: 999;
}

/* Wave background */
[id^="resource-page"] .wave-image {
    content: url('image/bg_wave_sp.png');
    height: 120px;
}

[id^="resource-page"] .combined-container {
    height: 105px;
}

/* Parent container */
[id^="resource-page"] .overlay-top {
    position: relative;
}

/* Icon 1 */
[id^="resource-page"] .overlay-top::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('image/bg_logo_sp.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 70%;
    left: 1%;
    z-index: 3;
}

/* Icon 2 */
[id^="resource-page"] .overlay-top::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('image/bg_logo_sp.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 70%;
    left: 75%;
    transform: translateX(-50%);
    z-index: 3;
}

/* Icon 3 */
[id^="resource-page"] .top-img .icon {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('image/bg_logo_sp.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 20%;
    left: 80%;
    z-index: 9999;
}

/* Overlay positioning */
[id^="resource-page"] .overlay-top {
    margin-left: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0;
}

[id^="resource-page"] #top-img {
    height: 105px;
}

/* Text layer */
[id^="resource-page"] .sp-only .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
    color: white;
}

[id^="resource-page"] .text-content h2 {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 0;
    padding: 0;
    margin-bottom: 0;
}

[id^="resource-page"] .ai-intro {
    margin: 50px 18px;
    padding: 0;
}

/* Unified font size */
[id^="resource-page"] .ai-terms-section .date,
[id^="resource-page"] .h2 {
    font-size: 16px;
}

[id^="resource-page"] .subtitle,
[id^="resource-page"] p,
[id^="resource-page"] .intro-text,
[id^="resource-page"] .recommend-list li,
[id^="resource-page"] .ai-examples li,
[id^="resource-page"] .numbered-list li,
[id^="resource-page"] .cta {
    font-size: 14px;
}

/* Icons */
[id^="resource-page"] .icon {
    height: 20px;
    width: 8px;
}

/* Section margins and padding */
[id^="resource-page"] .ai-terms-section {
    margin: 50px 18px;
    padding: 0;
}

[id^="resource-page"] .consultation-section {
    margin-top: 50px;
}

 #contact-page .contact-section {
    padding: 50px 18px;  
 }

/* Title */
 #contact-page .contact-title {
    width: 300px; 
    height: 50px; 
    font-size: 16px; 
    margin-bottom: 15px;
 }

 /* Description */
 #contact-page .contact-description {
    font-size: 14px;
    margin: 0 auto 50px; 
    max-width: 80%; 
    text-align: center;
    line-height: 1.6; 
    word-break: break-word; /* Break words when necessary to prevent overflow */
 }


 #contact-page .form-group {
    width: 90%; 
    margin-bottom: 25px;
    font-size: 12px;
 }


 #contact-page .form-group label {
    font-size: 12px; 
    gap: 10px;  
 }


 #contact-page .optional,
 .required {
    font-size: 12px; 
    padding: 2px 8px; 
    color:#000000
 }

 #contact-page .required, .optional {
    font-size: 12px; 
 

 }   


 #contact-page .form-group input,
 .form-group textarea {
    padding: 8px; 
    font-size: 12px; 
 }

 #contact-page .form-group input, .form-group 
 textarea, .form-group select {  
    background-color: #fff;
}

 body.dark-mode #contact-page .form-group input, .form-group 
 textarea, .form-group select {
    background-color: #141414; 
 }


 #contact-page.form-group textarea{
  height: 64px;
 }

#contact-page select {
    -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;        
    background: none;       
    border: 1px solid #ccc;   
    border-radius: 5px;      
    padding: 8px;
    width: 100%;
    font-size: 12px;
   
}

#contact-page select {
    padding-right: 30px; 
}


#contact-page select::after {
    content: "";
    pointer-events: none; 
}

 #contact-page .submit-btn {
    width: 200px; 
    height: 60px; 
    font-size: 16px; 
    padding: 10px 40px; 
    margin: 10px  auto 0;
 }





#contact-thanks-page .completion-container {
    width: 80%;
    max-width: 600px;
    text-align: center;
}

#contact-thanks-page .title-container {
    background-color: #ccc;
    padding: 20px 0;
    border-radius: 10px;
    margin-bottom: 30px;
}

#contact-thanks-page .title-container .title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

#contact-thanks-page .description {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

#contact-thanks-page .thanks-message {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 30px;
}

#contact-thanks-page .btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    background-color: #0078d4;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

#contact-thanks-page .btn:hover {
    background-color: #005bb5;
}


 #download-page .contact-section {
   padding: 50px 18px; 
 }
 
 #download-page .download-section {
    padding: 50px 18px;  
 }


 #download-page .download-title {
   width: 300px; 
   height: 100px; 
   font-size: 16px; 
   word-wrap: break-word; 
   overflow-wrap: break-word; 
   line-height: 1.4;
   margin: 0 auto 15px;
}


#download-page .download-description {
   font-size: 14px; 
   margin-bottom: 50px; 
}


 #download-page .form-group {
    width: 100%; 
    margin-bottom: 20px; 
 }


 #download-page .form-group label {
    font-size: 14px; 
    gap: 10px; 
 }


 #download-page .optional,
 .required {
    font-size: 12px; 
    padding: 1px 6px; 
 }


 #download-page .form-group input,
 .form-group textarea {
    padding: 8px; 
    font-size: 12px; 
 }


 #download-page #inquiry-subject {
    width: 100%; 
    font-size: 12px; 
 }

 body.dark-mode#download-page #inquiry-subject{
    background-color: #141414; 
    color: #E0E0E0!important; 
}


 #download-page .submit-btn {
    width: 200px; 
    height: 60px; 
    font-size: 16px; 
    padding: 10px 40px; 
    margin: 10px  auto 0;
 }
 #EC-review-pages header {
    z-index: 999; 
  }
 

 #EC-review-page .wave-image {
     content: url('image/bg_wave_sp.png'); 
     height: 120px;
 }
 
 #EC-review-page .combined-container {
 height: 105px;
 }
 

 #EC-review-page .sp-only .icon-layer {
     position: absolute;
     top: 20%; 
     left: 0;
     width: 100%;
     height: auto;
     z-index: 2; 
     display: flex;
     justify-content: space-around; 
     align-items: center;
     pointer-events: none; 
 }

 #EC-review-page .overlay {
     margin-left: 18px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     padding: 0;  
 }
 
 #EC-review-page #top-img {
     height: 105px;
 }    
 
 #EC-review-page .overlay::before {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png'); 
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px;
     top: 70%; 
     left: 1%; 
 }
 
 #EC-review-page .overlay::after {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png'); 
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px;
     top: 70%; 
     left: 70%; 
 }
 
 
 #EC-review-page .icon {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png');  
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px; 
     top: 20%; 
     left: 80%; 
 }


 #EC-review-page .sp-only .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3; 
    color: white;
}

#EC-review-page .text-content h2 {
    font-size: 15px; 
    font-weight: bold;
    color:#FFFFFF ; 
    margin-left:0;
    padding: 0;
    margin-bottom: 0;
}

 #EC-review-page .ec-review-section {
   margin: 50px 18px;
 }   
      
 #EC-review-page .ec-review-header h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left; 
 }
      
 #EC-review-page .ec-review-header p {
    font-size: 16px;
    margin-bottom: 50px;
 }
      
 #EC-review-page  .contents-list {
    gap: 25px;
    text-align: left; 
 }
      
 #EC-review-page .contents-list p {
    margin-bottom: 0; 
 }

 
 #news-specific-page header {
    z-index: 999; 
  }
 

 #news-specific-page .wave-image {
     content: url('image/bg_wave_sp.png'); 
     height: 120px;
 }
 
 #news-specific-page .combined-container {
 height: 105px;
 }
 

 #news-specific-page .sp-only .icon-layer {
     position: absolute;
     top: 20%; 
     left: 0;
     width: 100%;
     height: auto;
     z-index: 2; 
     display: flex;
     justify-content: space-around; 
     align-items: center;
     pointer-events: none; 
 }

 #news-specific-page .overlay {
     margin-left: 18px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     padding: 0;  
 }
 
 #news-specific-page #top-img {
     height: 105px;
 }    
 
 #news-specific-page .overlay::before {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png'); 
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px;
     top: 70%; 
     left: 1%; 
 }
 
 
 #news-specific-page .overlay::after {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png'); 
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px;
     top: 70%; 
     left: 70%; 
 }
 
 
 #news-specific-page .icon {
     content: '';
     position: absolute;
     background-image: url('image/bg_logo_sp.png');  
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px; 
     height: 20px; 
     top: 20%; 
     left: 80%; 
 }

 /* Text layer (Layer 4) */
 #news-specific-page .sp-only .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3; /* Above everything */
    color: white;
}

#news-specific-page .text-content h2 {
    font-size: 15px; /* Adjust text size */
    font-weight: bold;
    color:#FFFFFF ; /* White text */
    margin-left:0;
    padding: 0;
    margin-bottom: 0;
}

 #news-specific-page .announcement-section{
    margin: 50px 18px;
 }     

 #news-specific-page .announcement-date {
    margin: 0;
 }  

 #news-specific-page .announcement-content h1 {
    text-align: left; 
    margin: 0;
 } 

 #news-specific-page .announcement-content p {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    padding: 0;
 }

 #news-specific-page .news-content {
    margin: 50px 18px;
 }

 #news-specific-page .news-title h1 {
    text-align: center;
 }


#privacy-policy-page .policy-section {
    margin:50px 18px!important;
}
#privacy-policy-page .h1,.h2 {
    text-align: left;
}
#privacy-policy-page .h1 {
    margin-top: 50px!important;
}
#privacy-policy-page ul.bullet-list {
    padding-left: 20px;
}

#privacy-policy-page ul.bullet-list li {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.6;
}

#privacy-policy-page ul.bullet-list li strong {
    font-size: 14px; 
}
}