:root{
    --bs-link-color-rgb:51,51,51;
    --bs-link-hover-color-rgb: 96, 42, 92;
    --bs-secondary: #0070D0;
    --bs-secondary-rgb: 0, 112, 208;
    --bs-border-width: 0;
    
}
a{
    text-decoration:none;
}
hr {
    color: rgba(0, 0, 0, 0.175);
}



.main{
    background-color: #fff;
}

.navbar-main{        
    --bs-navbar-padding-y: 0;
    --bs-navbar-toggler-focus-width: 0;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.075);
}
.navbar-main .dropdown-menu{
    --bs-dropdown-bg: #fff;
    --bs-dropdown-item-padding-x: 2rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-link-active-color: var(--bs-body-color);
    --bs-dropdown-link-active-bg: var(--bs-tertiary-bg);
    box-shadow: 0 12px 36px 10px rgba(0, 0, 0, 0.075);
}
.navbar-main .dropdown-menu > li
{
    border-bottom: 1px solid #eee;
}
.navbar-main .dropdown-menu > li:last-child
{
    border-bottom: none;
}

.card-account .nav-tabs{
    --bs-nav-tabs-link-active-bg: #57bc4c;
    --bs-nav-tabs-link-active-color: #fff;
    --bs-nav-tabs-border-width: 0;
    --bs-nav-tabs-border-radius: 1.5rem;
}
.card-account  .nav-tabs .nav-link{
    --bs-nav-link-color: #828282;
    --bs-nav-link-hover-color: #57bc4c;
    --bs-nav-link-border-width: 1px;
    --bs-nav-link-font-size: .875rem;
    border-radius: var(--bs-nav-tabs-border-radius);
    border: var(--bs-nav-link-border-width) solid rgba(170, 170, 170, 0.2);
}
.card-account .nav-tabs .more-link{
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-link-border-width: 0;
}

.card{
    --bs-card-bg:transparent;
    --bs-card-cap-padding-x: 0;
    --bs-card-cap-bg: transparent;
}
.card-header h5 {
    margin-bottom: 0;
}
.card .list-group{
    --bs-list-group-border-width:0;
}

.list-group {
    --bs-list-group-bg: transparent;
    --bs-list-group-item-padding-x: 0;
}


/* --------------------------------------
    page-header
-------------------------------------- */
.page-header{
    border-bottom: 1px solid rgba(170, 170, 170, 0.2);
}

.heade-contact{
    margin:0;
    display: flex;
    align-items: center;

}
.heade-contact > li{
    list-style: none;

    
}
.heade-contact > li:not(:last-child){
    padding-right:3rem;
    position: relative;
}
.heade-contact > li:not(:last-child)::before {
    content: '';
    position: absolute;
    right: 27px;
    top: 4px;
    background: #032e42;
    height: 37px;
    width: 1px;
    display: block;
    opacity: .1;
}
.heade-contact > li > i,
.heade-contact > li > span,
.heade-contact > li > em{
    display: block;
    padding-left: 1.5rem;   
}
.heade-contact > li > i{
    color: #57BC4C;
}
.heade-contact > li > span{
    font-family: Fira Sans;
    font-weight: 700;
   
}
.heade-contact > li > em{
    color: rgba(0,0,0,0.4);
    vertical-align: baseline;
	font-size: 0.875rem;
}
.heade-contact .iconfont {
    float:left;
    padding-left:0;
    line-height: 1.5rem;
}


/* --------------------------------------
    page-footer
-------------------------------------- */
.page-footer{
    --bs-body-color: #999;
    --bs-body-font-size: .875rem;
    --bs-link-color-rgb: 200,200,200;
    --bs-link-hover-color-rgb: 224, 255, 224;

    padding-top:3rem;
    padding-bottom:2rem;
    background-color: #26482F; 
    color: var(--bs-body-color);
    font-size: var(--bs-body-font-size); 
    text-align: center;
}
.page-footer .row{
    align-items: center;
}

.page-footer h6.title{
    color: #fff;
}
.page-footer .list-group{
    --bs-list-group-border-width: 0;
    --bs-list-group-item-padding-y: .25rem;
}

.wechat-qr{
    width: 120px;
    height: 140px;
    padding-top: 128px;
    background: url(../images/wechat.jpg) no-repeat top center;
    background-size: 120px 120px;
    margin-left: auto;
    margin-right: auto;
    
}




.breadcrumb{
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-padding-y: .75rem;
    --bs-breadcrumb-padding-x: .75rem;

    background-color: transparent;



}
.breadcrumb-main{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.breadcrumb-main .breadcrumb-item:first-child::before{
    font: normal normal normal 14px/1 iconfont;
    content: "\e64e";
    margin-right:.5rem;
    padding:.4rem;
    border:1px solid #ddd;
    border-radius: 6px;
    color: rgb(48, 72, 64);
}
.breadcrumb-item+.breadcrumb-item::before{
    font-family: iconfont;
    content: "\e604";
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.breadcrumb {    
    --bs-body-color: #a8a8a8;
    --bs-link-color-rgb: 168, 168, 168;
    --bs-breadcrumb-item-active-color: #a8a8a8;
    --bs-link-hover-color-rgb: 48, 72, 64;
    color: var(--bs-body-color);
}

.card-header-icon{
    --bs-card-border-width: 2px;
    --bs-card-border-color: #0069b7;
    --bs-card-cap-bg: #0069b7;
    --bs-card-inner-border-radius: 0;
    --bs-card-cap-padding-x: .5rem;
    --bs-card-cap-color: #fff;
    --bs-card-cap-icon-color: #0D6EFD;
    --bs-card-cap-morelink-icon-color:rgba(0, 0, 0, .75);
    --bs-card-cap-morelink-icon-active-color: rgb(32, 96, 224);
    --bs-card-cap-morelink-text-color:rgb(32, 96, 224);
    display: flex;
    align-items: center;
    position: relative;
}
.card-header-icon::after{
    content: '';
    display: block;
    position:absolute;
    left: var(--bs-card-cap-padding-x);
    right: var(--bs-card-cap-padding-x);
    bottom:-2px;
    width:0;
    height: 2px;
    z-index:10;
    background: linear-gradient(to right, rgb(102, 170, 255), rgb(178, 91, 255), rgb(255, 202, 197)) ;
    transition: all .35s ease .15s;
}
.card-header-icon.hover::after{
    width: calc(100% - var(--bs-card-cap-padding-x) * 2);
}
.more-link{
    --bs-nav-link-padding-x:0;
    order:9;
    font-weight: normal;
    overflow: hidden;
    text-decoration: none;
    display: flex;
}
.more-link > span{
    display: block;
    transform: translatey(2rem);
    transition: transform .5s;
}
.more-link:hover > span {
    transform: translatey(1px);
    opacity: .9;
    color: var(--bs-card-cap-morelink-text-color);
}
.more-link::after {
    color: var(--bs-card-cap-morelink-icon-color);
    content: "\e604";

    font: normal normal normal 1.25rem/1.5rem iconfont;
    transition: color .35s;
    transform: translatex(4px);
}
.more-link:hover::after
{
    color: var(--bs-card-cap-morelink-icon-active-color);
}

.card-header-icon .iconfont {
    /* width:30px;height:56px; */
    margin-right: .5rem;
    color: var(--bs-card-cap-icon-color);
    text-align: center;
    font-size: 1.75rem;
    line-height: 1.5rem;
}
.card-header-icon .text{
    font-size: 1.125rem;
    margin-right: auto;
}
.card-header-icon .text em{
    margin-left:.5rem;
    font-size: 9px;
    line-height: 1;
    font-weight: lighter;
    color:#B1BFFE;
}

.bg-s1{
    background-image: linear-gradient(180deg,#E1F5FE 0%,#FFFFFF 100%);
    position: relative;
    padding-top:3.5rem;
}

.overlay-bg,
.bg-s1::before{
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/page-bg1.jpg);
    background-position: center center;
    background-size: cover;
    opacity: 1;
    mix-blend-mode: overlay;
}
/* --------------------------------------
    page-home
-------------------------------------- */
.slide-news .carousel-item a{
    display: block;
    transition: border-radius .75s;
}
.slide-news .carousel-item a img{
    transition: transform .35s;
}
.slide-news .carousel-item a:hover{
    border-radius: 6px;
    overflow: hidden;
}
.slide-news .carousel-item a:hover img{
    transform: scale(1.075);
}



.page-home .card-account .row {
    --padding-y: .75rem;
    --bs-link-color-rgb: 51, 51, 51;
    --bs-link-hover-color-rgb: 67, 188, 76;
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);

}
.page-home .card-account .tab-pane .item{
    display: block;
    opacity: 0;
    transition: opacity .65s .5s;
}
.page-home .card-account .tab-pane.show .item{
    opacity: 1;
}



.page-home .card-account .cover{
    overflow: hidden;
}
.page-home .card-account .cover img,
.page-home .card-account .cover svg{
    transition: transform .35s;
}
.page-home .card-account .title{
    padding-top: .75rem;
    padding-bottom: .5rem;
}
.page-home .card-account .summary{
    color: #999;
    font-size: .875rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.page-home .card-account .updatetime
{
    --updatetime-padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    margin-top: .75rem;
    padding-top: var(--updatetime-padding-top);
    font-size: 1.25rem;
    opacity: .5;
    border-top: 1px solid #eee;
    position: relative;
}
.page-home .card-account .updatetime::before{
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 0;
    background-color: rgb( var(--bs-link-color-rgb));
    margin-top: calc( -1 * var(--updatetime-padding-top) - 1px);
    transition: width .5s;
}
.page-home .card-account .updatetime::after{
    content: "\e604";
    font: normal normal normal 1.25rem / 1.5rem iconfont;
    display: block;
    margin-right: -4px;
}

.page-home .card-account .item:hover .updatetime{
    opacity: 1;
}
.page-home .card-account .item:hover .updatetime::before{
    width: 100%;
}

.page-home .card-account .item:hover .cover img,
.page-home .card-account .item:hover .cover svg{
        transform: scale(1.075);
}

.card-news .list-group-item{
    display: flex;
    align-items: center;
}
.card-news .list-group-item::before{
    content: '\e604';
    font: normal normal normal .75rem / 1rem iconfont;
    display: block;

    color: #6898FC;
    margin-right: .25rem;

}
.card-zs .card-header {
    margin-bottom: 1.5rem;
}
.carousel-zs{
    position: initial;

}
.carousel-zs .carousel-item a.cover{
    display: block;
    overflow: hidden;
}
.carousel-zs .carousel-item a img{
    transition: transform .35s;
}

.carousel-zs .carousel-item a:hover img{
        transform: scale(1.05);
}

.carousel-indicators-zs{
    --bs-carousel-indicator-active-bg: transparent;
    margin:0;
    top: .25rem;
    right: 0;
    bottom: initial;
    left: initial;
    margin-right: -.5rem;
    
}
.carousel-indicators-zs [data-bs-target]{
    width: .5rem;
    height:  .5rem;
    opacity: 1;
    margin: 0;
    padding: .5rem;    
}
.carousel-indicators-zs [data-bs-target]::before
{
    content: '';
    display: block;
    width: .5rem;
    height:  .5rem;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #57bc4c;
    border: 2px solid transparent;
}
.carousel-indicators-zs .active::before
{
    background-color: #57bc4c;
}


.carousel-zs .row{
    align-items: center;
}


.carousel-zs .item-title{
    --bs-link-color-rgb: 87, 188, 76;
    --bs-link-hover-color-rgb: 79, 97, 40;
    color: #57bc4c;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: .75rem;
}
.carousel-zs .cover{
    display: block;
    box-shadow: 0 0 0 1rem #e5f1e8;
    border-radius: 5px;
    margin: 1rem;
}
.carousel-zs .cover img{
    border-radius: 5px;
}
.carousel-zs .summary {
    padding: var(--bs-card-spacer-y) 0;
    
    opacity: .7;
}
.page-home .summary p:not(.noindent){
    line-height: 1.75em;
    text-indent: 2em;
}

.intro-image{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.carousel-zs .detail-link {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-border-radius: 2rem;
}
.card-xxsh .card-header {
    display: flex;
    margin-bottom: 1.5rem;
}

.card-xxsh .card-header .title{
    margin-right: auto;
}
/* .card-xxsh .row{
    --bs-gutter-x: 3rem;
} */
.card-xxsh .item{
    display: block;
    --bs-link-hover-color: #ffffff;
    --bs-link-hover-color-rgb: 255,255,255;
    padding: .75rem;
    border-radius: .3125rem;
    overflow: hidden;
    transition: background-color .95s;
}
.card-xxsh .item .cover{
    border-radius: .25rem;
    display: block;
    overflow: hidden;
    transition: transform .35s;
}

.card-xxsh .item .text{
    display: block;
    text-align: center;
    padding: .75rem .5rem;

}

.card-xxsh .item:hover{
    background-color: #62C158;
}
.card-kycg .list-group-item{
    display: flex;
    align-items: center;
}
.card-xxsh .item:hover .cover img{
    transform: scale(1.125);
}
.card-kycg .list-group-item::before{
    content: '';
    display: block;
    width: .3125rem;
    height: .3125rem;
    background-color: #6898FC;
    margin-right: .5rem;
    border-radius: 50%;
}



.card-contact .list-group-item{
    display: flex;
}
.card-contact  header{
    flex-basis: 4em;
    flex-shrink: 0;
}
.card-contact{
    --bs-card-cap-color: var(--bs-primary);
}

.card-search,
.card-links {
--bs-card-cap-color: var(--bs-primary);
}
.card-search .list-group-horizontal,
.card-links .list-group-horizontal{
    flex-wrap: wrap;
}
.card-search .list-group-horizontal > .list-group-item,
.card-links .list-group-horizontal > .list-group-item{
    border-width:0;
    flex-wrap: wrap;
    flex-shrink: 0;
}

/* --------------------------------------
    page-category
-------------------------------------- */

.page-article .card-articlecontent .caption,
.card-category-content .caption{
    font-weight: bold;    
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.card-category-content > .card-header,
.card-articlecontent > .card-header
{
    --bs-heading-color: rgb(48,75,56);
    background-color: transparent;
    display: flex;
    padding: 0;
    border-bottom-width: 1px;
    border-color: #eee;
    /* -webkit-border-image: -webkit-linear-gradient(left,#D83030 30%,#39dfaa 100%);
    border-image: linear-gradient(left,#D83030 30%,#39dfaa 100%);
    border-image-slice: 1; */
    align-items: center;
}

.card-category-content .breadcrumb,
.card-articlecontent .breadcrumb
{
    margin:0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}


.card-categories{
    /* --bs-card-cap-bg: #57bc4c; */
    /* --bs-card-cap-color:#fff; */
    --bs-card-cap-padding-y: 0.75rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-border-radius: .375rem;
    --bs-card-inner-border-radius: .375rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgba(0,0,0,0.05);
}
.card-categories .card-header{

    border-width: 0;
    font-size: 20px;
    line-height: 1.5rem;
    font-weight: bolder;
    border-bottom: 1px solid #eee;
    /* background-image:url(../images/home2-bg1.png); */
}

.card-categories .list-group {
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-color: rgba(0,0,0,0.05);
    --bs-list-group-active-border-color: var(--bs-tertiary-bg);
    --bs-list-group-active-bg: var(--bs-tertiary-bg);
}
.card-categories .list-group-item{    
    
    /* background-color:#F6F3EE; */
    margin-bottom: 1px;
    
}
.card-categories .list-group-item.active{
    border-top-color: #fff;
}
.card-categories .list-group-item.active a{
    color: #408030;
    font-weight: bolder;
}

.card-categories .list-group-item.active::before{
    content: "\e604";
    font-family:iconfont; 
    font-size: 1rem;
    line-height:1.5rem;
    color: rgb(216,48,48);
    display: block;
    float:left;
    margin-left:-.75rem;


}

.page-category .list-news-item{
    margin-bottom:2rem;
    padding:initial;
    
}

.page-category .list-news-item .cover{
    display: flex;
    min-width:5px;
    margin-left:-10px;
    margin-right:-10px;
}
.page-category .list-news-item .cover > a{
    display: block;
    padding-left:10px;
    padding-right:10px;
}
.page-category .list-news-item .cover .img-fluid{width:100%;}
.page-category .list-news-item .createdate{
    opacity: .5;
    min-width: 96px;
}
.page-category .list-news-item .metadata{
    flex: 0 0 66.666667%;
    
    display: flex;
    flex-direction:column;
    justify-content:space-between;
}


.page-category .news-single-cover{
    display:flex;
    flex-direction: row-reverse;
}
.page-category .news-single-cover .metadata{
    padding-left:.5rem;
}
.page-category .news-single-cover .summary{
    flex: 0 0 33.333333%;
}
.page-category .news-single-cover h5{
    font-size:1rem;
    margin-bottom:.25rem;
    max-height: 2.4rem;
    overflow: hidden;
}

.page-category .news-multi-cover .createdate{    
    display: none;
}


.page-category .summaryText{display:none;
    flex-shrink:1;
    color:#999;
}





/* --------------------------------------
    page-article
-------------------------------------- */

.card-articlecontent .card-body{
    --bs-card-spacer-x: 0;
}
.art-content-body p:not(.noindent){
    text-indent: 2em;
}




/* --------------------------------- */
@media screen and (min-width: 768px)  and (max-width: 991.98px) {
    .container{
        max-width: 960px;
    }
    
}
@media screen and (min-width: 768px) {

    .row-md-reverse{
        flex-direction: row-reverse;
    }

    body{
        min-width: 992px;
    }


    .navbar-main .navbar-nav{
        --bs-nav-link-color: var(--bs-navbar-color);
        --bs-nav-link-hover-color: #57bc4c;
        --bs-navbar-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 1rem;
    }
    .navbar-main .navbar-nav .nav-link{
        border-top: 2px solid transparent;
    }

    /* .navbar-main .navbar-nav .nav-link:focus,
    .navbar-main .navbar-nav .nav-link:hover{
        
    } */

    .navbar-main .navbar-nav .active > .nav-link,
    .navbar-main .navbar-nav .active > .nav-link
    {
        border-color: #57bc4c;
    }
    .navbar-main .jsMoveEl {

        background: #57bc4c;
    }
    
    .breadcrumb-main{
        border-bottom: 1px solid #0000001A;
    }


    .list-group-item {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .wrapper{
        padding-right: .75rem;
        padding-left: .75rem;
    }


    .page-footer{
        text-align: initial;
    }
    .page-footer .col-md:last-child{
        text-align: center;
    }

    .card-search,
    .card-links{
        border: none;
        margin-bottom: 0;
        box-shadow: none;
        padding-bottom:0;
        margin-bottom: .5rem;
        background-color: transparent;
    }
    
    .page-home .row-second{
        background-color: #f6f7fb;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        margin-top:3rem;
        margin-bottom:3rem;
    }
    .card-in-second{
        --bs-card-bg: #fff;
        padding-top: .75rem;
        min-height: 100%;
    }

    .card-in-second .card-header-icon{
 
        --bs-card-border-color: transparent;
        --bs-card-cap-bg: transparent;
        --bs-card-cap-color:#148DEA;
        --bs-card-cap-padding-x: .75rem;
    }
    .card-in-second .card-header-icon::before{
        content: '';
        display: block;
        position:absolute;
        left: var(--bs-card-cap-padding-x);
        right: var(--bs-card-cap-padding-x);
        bottom:-1px;
        height: 1px;
        z-index:10;
        background: #ccc;
    }
    .card-in-second .list-group-item{

        --bs-list-group-item-padding-x: 0.75rem;
        --bs-list-group-item-padding-y: 0.75rem;
        
    }
    .page-home .card-news .list-group-item > a,
    .page-home .card-kycg .list-group-item > a{
        margin-right: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .page-home .card-news .updatetime,
    .page-home .card-kycg .updatetime {
        display: block;
        opacity: .5;
        padding-left: 0.75rem;
    }


    .card-kycg .card-header-icon{
        --bs-card-cap-icon-color: #fff;
        --bs-card-cap-morelink-icon-color: #fff;
        --bs-card-cap-morelink-icon-active-color: #fff;
        --bs-card-cap-morelink-text-color: #fff;
        --bs-card-border-color: transparent;
        background-color: #1590ED;
        color:#fff;
    }
    .card-kycg .card-header-icon::after,
    .card-kycg .card-header-icon::before{
        display: none;
    }



    .list-group-horizontal{
        flex-wrap: wrap;
        margin-left:-.5rem;
        margin-right:-.5rem;
    }

    .list-group-horizontal .list-group-item{
        padding:.625rem .5rem;
    }
    
    .page-category .breadcrumb-main,
    .page-article .breadcrumb-main{
        display: none;

    }

    .page-category .news-single-cover {
        display: block;
    }
    .page-category .list-news-item{margin-bottom:1.5rem;}
    .page-category  .list-news-item .summaryText {
        display:block;
        margin-left:15px;
        max-height:118px;
        font-size: .875rem;
        overflow:hidden;
        text-wrap: initial;
    }
    .page-category  .list-news-item .summaryText p{margin-bottom:.5rem;}
    .page-category  .list-news-item .cover{flex-shrink: 0;}
    .page-category  .list-news-item .cover .cover-item:not(:first-child){
        display: none;
    }
    .page-category  .list-news-item .cover .img-fluid{width:200px;}
    .page-category  .list-news-item .summary{
        display:flex; align-items: center;line-height:1.75rem;
    }
    
    .page-category  .list-news-item .metadata{
        padding-left:0;
        margin-bottom:.5rem;
        flex-direction: row;
    }
    .page-category  .list-news-item .createdate{display: block;}
    .page-category  .list-news-item .metadata h5{flex-shrink:1;margin:0; font-size:1.125em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .page-category  .list-news-item .metadata h5 a{color:#444;}

}


@media (min-width: 1200px){
    .gutter-xl{
            --bs-gutter-x: 3rem;
    }
    .gutter-xxl{
            --bs-gutter-x: 6rem;
    }
    /* --------------------------------------
    page-home
    -------------------------------------- */
    .page-home .card-account .list-group-item{
        --bs-list-group-border-width: 1px;
        --bs-list-group-item-padding-y: 0.75rem;
        display: flex;
        align-items: center;
        border-style: dotted;
    }
    .page-home .card-account .list-group-item::before{
        content: '\e604';
        font: normal normal normal .75rem / 1rem iconfont;
        display: block;
        color: #6898FC;
        margin-right: .25rem;
    }
    .page-home .card-account .list-group-item > a{
        margin-right: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .page-home .card-account .row {
        --padding-y: 2rem;
    }
    .page-home .row-second{
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .row-third{

        padding-top: 3.5rem;
        padding-bottom: 4.5rem;
        border-bottom: 1px solid #eee;
    }

    .row-intro{
        padding-top: 3rem;

    }
    .page-home .card-intro{
        --bs-card-spacer-y:3rem;
    }
    /* .row-intro{
        padding-top: 3rem;
        padding-bottom: 3rem;
        margin-top: 3rem;
        margin-bottom: 3rem;

    } */
}

@media screen and (max-width: 767.98px){

    .navbar-main .navbar-collapse {
        transition: transform .35s ease;
        transform: translate3d(20%,0,0);
        position: fixed;
        width: 70vw;
        max-width: 100vw;
        top: 0;
        bottom: 0;
        left: 100%;
        z-index: 50;
        flex-direction: column;
        padding: 1rem;
        display: block;
        bottom: constant(safe-area-inset-bottom);
        bottom: env(safe-area-inset-bottom);
        background-color: rgba(32,96,72,.96);
        padding:30px;
        box-shadow: 0 0 2rem rgba(0,0,0,.375);
    }
    .navbar-main .navbar-collapse.collapsing {
        height: initial !important;
    }
    .navbar-main .navbar-collapse.show {
        transform: translate3d(-100%,0,0);
    }
    .navbar-main h4{
        color: rgb(224, 224, 224);
        padding-left:0;
    }

    .navbar-main .navbar-nav,
    .navbar-main .navbar-collapse .card-header{
            
            background-color: transparent;
            margin-left:auto;
            margin-right:auto;
    }
    .navbar-main .navbar-collapse .card-header{
            --bs-border-width: 1px;
            --bs-border-color: rgba(255,255,255,.5);
    }
    .navbar-main .navbar-collapse .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 10 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h1M4 15h1M4 23h1'/%3E%3C/svg%3E");
        width: .625rem;
    }

    .navbar-main .navbar-collapse .navbar-toggler-icon {
        display: block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        position: relative;
        transition: transform .5s;
        transition-delay: .25s;
    }

    .navbar-main .navbar-collapse.show .navbar-toggler-icon {
        transform: rotate(135deg);
    }
    .navbar-main .navbar-collapse .navbar-toggler {
        padding: .3125rem;
        border-width: 0;
    }
    .navbar-main .navbar-collapse .navbar-toggler-icon::before,
    .navbar-main .navbar-collapse .navbar-toggler-icon::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 0;
        position: absolute;
        top: 11px
    }

    .navbar-main .navbar-collapse .navbar-toggler-icon::after {
        transform: rotate(90deg);
        transition: transform .35s;
        transition-delay: .35s
    }

    .navbar-main .dropdown-menu{
        border-radius: 0;
        border-width: 0;
        background-color:transparent;

        display: flex;
        flex-wrap: wrap;
        margin: -.5rem -.5rem 0 -.5rem;
        font-size:1rem;
    }
    .navbar-main .dropdown-item{
        color: rgba(255,255,255,.8);
        padding-left: .5rem;
        padding-right: .5rem;
        width: auto;
        flex-wrap: wrap;
    }
    .navbar-main .nav-item .dropdown-toggle::after{
        display: none;
    }
    .navbar-main .nav-item .nav-link,
    .navbar-main .navbar-nav .active>.nav-link{
        font-size:1.125rem;
         color: rgba(255,255,255,.9);
    }
    .navbar-main .nav-item .nav-link:hover,
    .navbar-main .nav-item .nav-link:focus
    {
        color: #f5f5ff;
    }
    
   
}