.contactUs-hero-section {

     position: relative;
     display: flex !important;
     align-items: flex-end;
     overflow: hidden;
     height: calc(0.5*100vw);
     background: linear-gradient(to bottom, #000000 0%, #E3202B 100%);
     /* 添加3个像素的阴影 */
     /* box-shadow: 0 5px 12px rgba(0, 0, 0, 0.175); */
 }

 .logo-l {
     position: absolute;
     z-index: 6 !important;
     top: 0;
     left: 0;
     height: calc(0.4*0.5*100vw);
     background-image: url('../images/insight_log.png');
     background-size: cover;
     background-position: left top;
     background-repeat: no-repeat;
     width: 100%;
     pointer-events: none;
 }

 .titile-main-contactUs {
     /* height: calc(0.6*0.5*100vw); */
     padding-bottom:4vw;
 }

 /* Navigation */
 .navbar {
     padding: 2.25rem 0;
     transition: all 0.3s ease;
     background: linear-gradient(to bottom, #050505 0%, rgba(5, 5, 5, 0) 100%);
     max-width: 1920px;
     margin: 0 auto;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 5;
 }

 .navbar-brand {
     padding: 0rem;
 }

 .navbar-scrolled {
     /* background: rgba(255, 255, 255, 0.18) !important; */
     box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
 }


 .nav-link {
     font-family: 'Rubik', 'Mulish-Light', 'Arial', sans-serif;
     font-weight: 500;
     color: #f5f5f5 !important;
     margin: 0 0.5rem;
     transition: color 0.3s ease;
     font-size: clamp(0.825rem, 1.25vw, 1rem);
 }

 .nav-link:hover {

     font-weight: 700 !important;
 }

 .nav-link-arrow {
     font-size: 0.825rem;
     font-weight: 500;
 }

 /* 只在.nav-link内的.nav-link-arrow悬停时变色，其他不变 */
 .nav-link:hover .nav-link-arrow {
     color: #dc3545 !important;
 }

 .dropdown-menu {
     min-height: 45px !important;
     background-color: transparent !important;
     border: 0 !important;
 }

 .dropdown-toggle::after {
     display: none;
 }

 .dropdown-item {
     /* padding: 0.5rem 2rem; */
     font-size: clamp(0.675rem, calc(100vw * 0.01), 1em);
     color: #f5f5f5 !important;
 }

 .dropdown-item:hover {
     background-color: rgba(255, 255, 255, 0.1);
     color: #dc3545 !important;
 }

 .text-muted {
     color: white !important;
     font-size: clamp(0.875rem, calc(100vw * 0.0175), 1.875rem);
     line-height: 1.25;
     font-weight: normal;
     font-family: 'Rubik-Light', sans-serif, serif;
     padding-left: calc(100vw * 0.0075);
 }

 .txt-arrow {
     background: url('../images/arrow_white.svg') no-repeat center center;
     background-size: contain;
     width: 18px;
     height: 21px;
     display: inline-block;
     margin-left: calc(100vw * 0.015);
     /* transition: all 0.3s ease; */
 }

 .txt-arrow:hover,
 .contactUs-btn:hover .txt-arrow {
     background: url('../images/arrow_red.svg') no-repeat center center;
     background-size: contain;
     width: 18px;
     height: 21px;
     display: inline-block;
     margin-left: calc(100vw * 0.015);
 }

 .contactUs-btn {
     padding: 2.75rem 0.25rem;
     margin: 1rem 0.5rem;
     width: 80%;
     border-radius: 0;
     border: 1px solid white;
     color: white;
     font-size: clamp(0.875rem, calc(100vw * 0.0125), 1.25em);
     font-weight: 400;
     font-family: 'Rubik-Light', sans-serif, serif;
     line-height: 1.25;
     text-align: center;
     /* transition: all 0.3s ease; */
 }

 .contactUs-btn:hover {
     background-color: white;
     color: #000000;
     font-weight: bold;
 }

 .primary-red {
     color: var(--primary-red);
 }

 .sensory-title {
     color: white;
     padding-left: calc(100vw * 0.00925);
     font-family: 'Rubik', sans-serif, serif;
     font-size: clamp(2.15rem, 3.5vw, 3.75rem);
     font-weight: 300;
     margin-bottom: clamp(1.25rem, 2vw, 2rem);
 }

 .contactUs-btn .fw-bold {
     font-family: "Rubik-SemiBold", 'Rubik', 'Arial', sans-serif;
 }

 .section-header {
     margin-bottom: 15px;
 }

 .section-title {
     font-size: 2.5rem;
     font-weight: 700;
     color: #2c3e50;

 }

 .dropdown-menu {
     min-width: 7.5rem !important;
 }


 .date-section {
     padding: clamp(3rem, 6.375vw, 4.5rem) 0;
     position: relative;
 }

 /* Cross-section image that spans multiple sections */
 .cross-section-image-wrapper {
     position: relative;
     z-index: 10;
 }

 .cross-section-image {
     position: absolute;
     top: 0;
     /* Will be dynamically adjusted by JavaScript */
     right: 9%;
     width: 40.5%;
     overflow: hidden;
     z-index: 5;
 }

 .cross-section-image img {
     width: 100%;
     object-fit: cover;
     object-position: center;
 }

 .image-caption {

     color: #333;
     font-size: 1rem;
     font-weight: 500;
     background-color: rgba(255, 255, 255, 0.9);
     padding: 5px 0px;

 }

 .image-container {
     position: relative;
     overflow: hidden;
     padding: 1rem 0;

 }

 .image-container img {
     width: 100%;
     height: auto;
     transition: transform 0.3s ease;
 }

 .image-container-inner {
     position: absolute;
     bottom: 0px;
     left: 0;
 }

 .date-text {
     margin: 2rem 0;
     font-weight: 200;
     font-family: 'Mulish-Light', sans-serif, Times, serif;
     font-size: clamp(0.75rem, 1vw, 1.25rem);
 }

 .content-text {
     color: var(--dark-bg);
     font-size: clamp(0.875rem, 1vw, 1.25rem);
     font-weight: 200;
     font-family: 'Mulish-Light', sans-serif, Times, serif;
     line-height: 1.5;
     margin-bottom: 1rem;
 }

 .content-title {
     /* font-size: 3.75rem; */
     font-size: calc(100vw * 0.02);
     font-family: 'Rubik-SemiBold', 'Rubik', 'Arial', sans-serif;
     font-weight: bold;
 }

 .boder_left {
     border-left: 1px solid #707070;
 }

 .content-section {
     padding: clamp(2.5rem, 4.5vw, 5rem) 0;
 }

 .content-form label {
     margin-bottom: 0.375rem;
 }

 .divider {
     height: 1px;
     background-color: #e9ecef;
     margin: 20px 0 30px 0;
 }


 @media (max-width: 992px) {
     .cross-section-image {
         position: static;
         /* Start above the date section */
         margin: 0 auto;
         width: 100%;
         overflow: hidden;
         z-index: 5;
     }

     .contactUs-btn {
         width: 90%
     }

     .txt-arrow {
         width: clamp(0.675rem, 1vw, 1rem);
         height: clamp(0.675rem, 1vw, 1rem);
     }

     .sensory-title {
         font-size: clamp(1.75rem, 2.5vw, 2.5rem);
         margin-bottom: clamp(0.675rem, 1vw, 1.5rem);
     }

     .txt-arrow:hover,
     .contactUs-btn:hover .txt-arrow {
         width: clamp(0.675rem, 1vw, 1rem);
         height: clamp(0.675rem, 1vw, 1rem);
     }

     .nav-item,
     .nav-link {
         font-size: clamp(0.675rem, 1.375vw, 0.875rem);
         margin: 0;
     }

 }

 @media (max-width: 768px) {
     body {
         width: 100%;
         max-width: none;
         min-width: auto;
         transform: none;
         overflow-x: hidden;
     }


     .insights-hero-section {

         height: calc(0.9*100vw);

     }

     .logo-l {
         height: calc(0.9*0.4*100vw);
     }

     .titile-main-insights {
         height: calc(0.9*0.6*100vw);
         padding: 0.5rem 0.5rem;
         margin: 0.5rem 0.25rem;
     }


     .contactUs-btn {
         width: 100%;

     }

     /* 导航栏在小屏幕时显示为列 */
     .navbar-toggler {
         display: block !important;
         border: 1px solid rgba(255, 255, 255, 0.3);
         padding: 0.25rem 0.5rem;
         background-color: rgba(5, 5, 5, 0.8);
         margin-left: auto;
     }

     .navbar-toggler:focus {
         box-shadow: none;
     }

     .navbar-toggler-icon {
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     }

     .navbar-collapse {
         background-color: rgba(15, 15, 15, 0.925);
         margin-top: 1rem;
         margin-left: 1rem;
         border-radius: 8px;
         padding: 1rem;

         z-index: 5 !important;
     }

     .navbar-nav {
         flex-direction: column !important;

         text-align: center;
         width: 100%;
     }

     .nav-item {
         width: 100%;
         margin: 0.5rem 0;
     }

     .nav-link {
         display: block;
         padding: 0.75rem 1rem;
         margin: 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         color: #f5f5f5 !important;
     }

     .nav-link:last-child {
         border-bottom: none;
     }

     .nav-link:hover {
         color: #dc3545 !important;
         background-color: rgba(255, 255, 255, 0.1);
     }

     .dropdown-menu {
         position: static !important;
         float: none;
         width: 100%;
         background-color: rgba(255, 255, 255, 0.1) !important;
         border: none;
         box-shadow: none;
         margin-top: 0.5rem;

     }

     .dropdown-item {
         padding: 0.5rem 2rem;
         color: #f5f5f5 !important;
     }

     .dropdown-item:hover {
         background-color: rgba(255, 255, 255, 0.1);
         color: #dc3545 !important;
     }

     /* .contactUs-hero-section,.logo-l, .titile-main-contactUs
    {
       height:auto;
    }    */

 }




 @media (min-width: 576px) {

     .contactUs-hero-section,
     .content-section,
     .footer-section {
         display: block;
     }

     .footer-section-m {
         display: none;
     }

 }


 @media (max-width: 576px) {

     section {
         background-color: white;
         z-index: 200;
         position: sticky;
     }

     footer.footer-section-m {
         z-index: 200;
         position: sticky;
         background-color: #fbfbfb;
     }

     .contactUs-hero-section,
     .content-section,
     .footer-section {
         display: none !important;
     }

     .content-title {
         font-size: 1.675rem;
     }

     .content-title-form {
         font-size: 1rem;
         color: #101820;
         padding-top: 2rem;
     }

     .content-section-m {
         display: block;
         padding: 12vw 2rem 1rem 2rem;
     }

     .content-section-m .divider {
         background-color: #bbb;
     }

     .content-section-m .container {
         padding: 0;
         margin: 0;

     }

     .header-m {
         background: linear-gradient(to bottom, #000000 0%, #E3202B 100%);
         height: 172vw;
         width: 100vw;
         display: flex !important;
         align-items: flex-end;


     }

     .header-m .titile-main-contactUs {
         /* padding-top: 60vw; */
     }


     .header-m .contactUs-btn {
         font-size: 1.25rem;
         margin: 1rem 0;
         padding: 0.75rem;
         height: 68px;
         line-height: 42px;
         align-items: center;
         text-align: left;
         background-color: rgba(255, 255, 255, 0.15);
     }

     .header-m .contactUs-btn .txt-arrow {
         width: 1rem;
         height: 46px;
     }


     .contactUs-hero-section,
     .logo-l,
     .titile-main-contactUs {
         height: auto;
     }
 }