:root {
         font-family: "Montserrat", sans-serif;
         --body-font: "Montserrat", sans-serif;
         --bs-btn-font-family: "Montserrat", sans-serif;
}
:root {
        --bs-primary: #F38252;
        --bs-primary-rgb: 243, 130, 82;
        --bs-secondary: #598898;
        --bs-secondary-rgb: 89, 136, 152;
        --bs-info-rgb: 13, 202, 240;
        --body-color: #515151;
        --bs-heading-color: #333636;
        --bs-secondary-bg: #F6F6F6;
        --bs-secondary-bg-rgb: 246, 246, 246;
        --bs-primary-bg-subtle: #F6F1ED;
        --bs-link-color: var(--bs-heading-color);
        --bs-link-color-rgb: var(--bs-heading-color);
        --bs-link-hover-color: var(--bs-primary);
        --bs-link-hover-color-rgb: var(--bs-primary-rgb);
        --swiper-theme-color: var(--bs-primary) !important;
        --swiper-pagination-color: var(--bs-primary) !important;
}

html {
   font-family: var(--body-font);
   font-weight: 400;
   font-size: 18px;
   color: var(--body-color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   text-transform: capitalize;
}

h1 {
   font-size: 2em;
   font-weight: 600;
   font-family: var(--body-font);
}

h2 {
   font-size: 1.5em;
   font-weight: 600;
   font-family: var(--body-font);
}

h3 {
   font-size: 1.17em;
   font-weight: 600;
   font-family: var(--body-font);
}

h4 {
   font-size: 1em;
   font-weight: 500;
   font-family: var(--body-font);
}

h5 {
   font-size: 0.83em;
   font-weight: 400;
   font-family: var(--body-font);
}

h6 {
   font-size: 0.67em;
   font-weight: 300;
   font-family: var(--body-font);
}

.btn-primary {
   font-family: var(--bs-btn-font-family);
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--bs-secondary);
   --bs-btn-border-color: var(--bs-secondary);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--bs-primary);
   --bs-btn-hover-border-color: var(--bs-primary);
   --bs-btn-focus-shadow-rgb: 49, 132, 253;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--bs-primary);
   --bs-btn-active-border-color: var(--bs-primary);
   text-transform: capitalize;
}

.btn-group-lg>.btn, .btn-lg {
   --bs-btn-padding-y: 0.9rem;
   --bs-btn-padding-x: 2rem;
}

/* section padding and margin */
.first-section{
    padding-top: 110px;
    padding-bottom: 2rem;
}

.section-padding{
   padding-top: 160px;
   padding-bottom: 160px;
}
.section-margin{
   margin-top: 160px;
   margin-bottom: 160px;
}

.navbar {
    --bs-navbar-active-color: var(--bs-primary);
    --bs-navbar-padding-y: 0;
}
.nav-link {
   letter-spacing: 1px;
}

.navbar-nav .nav-link {
    font-size: 1.5rem; /* 调整这个值以加大字体 */
}


.nav-item-content p {
    font-size: 1rem;
}

.navbar-toggler-icon {
    width: 2em; /* 调整汉堡按钮的宽度 */
    height: 2em; /* 调整汉堡按钮的高度 */
}

.navbar-collapse {
    display: flex;
    justify-content: flex-end; /* 确保菜单项在右侧 */
}



.container-fluid {
    padding: 0.6rem 0;
}

.swiper-pagination-bullet{
   background-color: var(--bs-gray-300);
   opacity: 1;
   width: 17px;
   height: 17px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
   background-color: var(--swiper-pagination-color);
}

.site-header {
   position: fixed;
   top: 0;
   background-color: var(--bs-primary-bg-subtle);
   width: 100%;
   z-index: 999999;
   transition: background-color 0.3s ease;
}
.site-header.sticky{
   background-color: var(--bs-light);
}
#footer {
    background-color: #F6F1ED;
    border-top: 1px solid #F6F1ED; /* 修改颜色和宽度为你需要的 */
}