.section {
    color: var(--default-color);
    background-color: var(--background-color);
   /* padding: 60px 0;*/
    scroll-margin-top: 98px;
    overflow: clip;
}
@media (min-width: 576px) {
   /* .container-cp {
        max-width: 540px;
    }*/
}
@media (min-width: 768px) {
    /*.container-cp {
        max-width: 720px;
    }*/
}
@media (min-width: 992px) {
    .container-cp  {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container-cp  {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container-cp {
        max-width: 1320px;
    }
}
@media (min-width: 1500px) {   /* 自定义 */
    .container-cp {
        max-width: 1420px;
    }
}
@media (min-width: 1600px) { /* 自定义 */
    .container-cp {
        max-width: 1520px;
    }
}
@media (min-width: 1700px) { /* 自定义 */
    .container-cp {
        max-width: 1620px;
    }
}
@media (min-width: 1800px) { /* 自定义 */
    .container-cp {
        max-width: 1720px;
    }
}
@media (min-width: 1900px) { /* 自定义 */
    .container-cp {
        max-width: 1820px;
    }
}
@media (min-width: 2000px) { /* 自定义 */
    .container-cp {
        max-width: 1920px;
    }
}
@media (min-width: 2200px) { /* 自定义 */
    .container-cp {
        max-width: 2020px;
    }
}
 



.container-cp {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    /*padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);*/
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    margin-right: auto;
    margin-left: auto;

     margin-top: 0.5rem;
}
 .gy-5 {
    --bs-gutter-y: 3rem;
}
.row-cp{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    /*margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));*/
  /*  margin-top: 0.5rem;*/
    margin-right: 0.1rem;
    margin-left: 0.1rem;

}
.row-cp>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
   /* padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);*/
     padding-right: calc(var(--bs-gutter-x)* .1);
    padding-left: calc(var(--bs-gutter-x)* .1);
    margin-top: calc(var(--bs-gutter-y)* .1);
    margin-bottom: calc(var(--bs-gutter-y)* .1);
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}
.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius:3px;
}
.d-flex {
    display: flex !important;
    /*margin-top: var(--bs-gutter-y);*/
;
}
@media (min-width: 1200px) {
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
   
}
@media (min-width: 992px) {
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

.align-self-center {
    align-self: center !important;
}
.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem;
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
 
.features .feature-box {
    padding: 24px 20px;
    /*box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    height: 100%;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important;
}
@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}
.features .feature-box i {
    background: color-mix(in srgb, var(--accent-color), transparent 92%);
    color: var(--accent-color);
    line-height: 0;
    padding: 4px;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 3px;
    transition: 0.3s;
}
.features .feature-box h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
@media (min-width: 768px) {
    .features .feature-box h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 0;
    }
}