body {

        font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;

    }



    .onPage {

        color: #dd0000 !important;

    }



    .navContent {

        /*overflow: auto;*/

        /*position: relative;*/

        background: #4889c9;

    }



    .navContentShow {

        max-width: 1920px;

        margin: 0 auto;

    }



    .navText {

        list-style: none;

        float: right;

        color: #ffffff;



    }



    .navText li {

        float: left;

        padding: 0 6px;

        line-height: 44px;

        font-size: 18px;

    }



    .iconfont {

        font-size: 42px;

    }



    .session {

        margin: 80px 0 120px;

    }



    .titleA {

        text-align: center;

        margin-bottom: 40px;

    }



    .bottoms {

        background: #333333;

        width: 100%;

        color: #ffffff;

        padding: 40px 80px 40px 80px;

        text-align: center;

    }



    .bottoms h4 {

        margin: 30px 0;

    }



    .bottoms .binof {

        color: #eeeeee;

        line-height: 40px;

    }



    .iconfont {

        color: #4889c9;

    }



    .ssmc {

        margin: 0 auto;

        padding: 60px;

        max-width: 1300px;

    }



    .prinfo {

        color: #999;

        letter-spacing: 1.5px;

    }



    .page>div {

        cursor: pointer;

        color: #4889c9;

        float: left;

        padding: 10px;

    }



    .page>div:hover {

        color: #dd0000;

    }



    .page {

        display: flex;

        justify-content: center;

        align-items: center;

        margin-bottom: 30px;

    }



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

        h1 {

            font-size: 30px;

        }



        h2 {

            font-size: 26px;

        }



        h3 {

            font-size: 20px;

        }



        h4 {

            font-size: 18px;

        }



        .titleA {

            text-align: center;

            margin-bottom: 60px;

        }



        .titleB {

            margin: 20px 0;

            font-size: 18px;

            font-weight: 600;

        }



        .plists {

            padding: 30px 20px;

            margin-bottom: 20px;

            background: #ffffff;

            box-shadow: 0 0 10px #ccc;

        }



        .prDate {

            color: #4889c9;

            font-size: 14px;

            padding: 10px 0;

        }



        .navbar {

            background: #4889c9 !important;

        }



        .maps {

            display: none;

        }



        .yqlj {

            display: none;

        }



        .session {

            margin: 60px 0;

        }



        .bottoms {

            padding: 40px;

        }



        .ssmc {

            margin: 0 auto;

            padding: 40px 20px;

        }



        .flexBar {

            display: none;

        }



        .prinfo {

            height: 70px;

            overflow: hidden;

        }



        .imgs {

            height: 160px;

            width: 100%;

            overflow: hidden;

        }

    }



    @media screen and (min-width: 500px) {

        .titleB {

            margin-bottom: 20px;

            font-size: 22px;

            font-weight: 600;

        }



        .titleB:hover {

            color: #4889c9;

            cursor: pointer;

        }



        .prDate {

            padding: 30px 20px 0;

            text-align: right;

            color: #4889c9

        }



        .plists {

            padding: 30px 20px;

            margin-bottom: 20px;

            background: #ffffff;

            box-shadow: 0px 1px 6px 0px #ccc;

        }



        .imgs img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            border-radius: 10px;

        }



        .imgs {

            height: 200px;

            width: 100%;

            overflow: hidden;

            border-radius: 10px;

        }



        .flexBar {

            width: 60px;

            height: 200px;

            position: fixed;

            right: 0;

            top: 70%;

            transform: translateY(-50%);

        }



        .flexBar>.Phone {

            background: #4889c9;

            line-height: 30px;

            padding: 6px 10px;

            border-radius: 10px 0 0 10px;

            width: 204px;

            color: #ffffff;

            position: absolute;

            right: -150px;

            transition: right .2s;

        }



        .flexBar>.Phone:hover {

            right: 0;

        }



        .wechartIMG {

            display: none;

        }



        .flexBar>.wechart {

            background: #4889c9;

            line-height: 30px;

            padding: 6px 10px;

            border-radius: 10px 0 0 10px;

            color: #ffffff;

            width: 200px;

            right: -150px;

            position: absolute;

            margin-top: 50px;

            transition: right .2s;

        }



        .flexBar>.wechart:hover .wechartIMG {

            display: block;

        }



        .flexBar>.wechart:hover {

            right: 0;

        }



        .navbar {

            background: #4889c9 !important;

        }



    }



    a:hover {

        text-decoration: none;

    }



    a:active {

        text-decoration: none;

        background: none !important;

    }



    .mobile-bottom-nav {

        position: fixed;

        bottom: 0;

        left: 0;

        right: 0;

        z-index: 1000;

        will-change: transform;

        transform: translateZ(0);

        display: flex;

        height: 58px;

        padding-top: 1px;

        box-shadow: 2px 0px 2px 0px #3333334f;

        background-color: #fff;

    }



    .mobile-bottom-nav__item {

        flex-grow: 1;

        text-align: center;

        width: 25%;

        font-size: 9.5px;

        display: flex;

        flex-direction: column;

        justify-content: center;

    }



    .mobile-bottom-nav__item--active {

        color: red;

    }



    .mobile-bottom-nav__item-content {

        display: flex;

        flex-direction: column;

    }





    .dropdown-menu a {

        color: black !important;

    }



    .navbar-toggler {

        border: 1px solid white !important;



    }



    .navContent {

        position: fixed;

        top: 0;

        z-index: 100000;

        width: 100%;

    }



    .tabbar-item-center {

        position: absolute;

        width: 3.44rem;

        height: 3.44rem;

        left: 50%;

        top: 0.98rem;

        transform: translate(-50%, -50%);

        border-radius: 1.5rem;

        display: flex;

        justify-content: center;

        align-items: center;

        background-color: #fff;

        box-shadow: 0px -5px 10px -5px #a7a7a7;

    }



    .tabbar-item {

        flex: 1;

        display: flex;

        flex-flow: column;

        justify-content: flex-start;

        align-items: center;

    }



    .tabbar-item-center-item {

        width: 2.8125rem;

        height: 2.8125rem;

        background-color: #66A5AD;

        border-radius: 1.25rem;

        display: flex;

        justify-content: center;

        align-items: center;

        box-shadow: 0px 7px 14px 1px rgb(0 160 167 / 35%);

    }



    .animated.infinite {

        -webkit-animation-iteration-count: infinite;

        /* animation-iteration-count: infinite; */

    }



    .tabbar-item img {

        width: 1.38rem;

        height: 1.38rem !important;

    }



    .tabbar-item-center-item img {

        width: 1.5rem !important;

        height: 1.5rem !important;

    }



    .tabbar-item-center-item {

        margin-top: 4px;

    }



    .tabbar-item img {

        margin-top: 10px;

    }



    .tabimg {

        width: 1.38rem;

        height: 1.38rem !important;

    }



    .tada {

        -webkit-animation-name: tada;

        animation-name: tada;

    }



    .animated {

        -webkit-animation-duration: 1s;

        animation-duration: 1s;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

    }



    .tabbar-item span {

        font-size: 0.75rem;

        font-weight: 500;

        color: #B4BABA;

        margin-bottom: 0.41rem;

    }



    .tab-content {

        font-size: 0.75rem;

        font-weight: 500;

        color: #B4BABA;

        margin-top: 33px;



    }



    .tabtext {

        font-size: 0.75rem;

        font-weight: 500;

        color: #B4BABA;



    }




        /* Extra Styling */

        *,

        *:after,

        *:before {

            box-sizing: border-box;

        }



        /* The Modal (background) */

        .modal_custom {

            display: none;

            position: fixed;

            z-index: 1200000;

            padding-top: 100px;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            overflow: auto;

            background-color: rgb(0, 0, 0);

            background-color: rgb(0 0 0 / 65%);

            -webkit-box-sizing: border-box;

            -moz-box-sizing: border-box;

            box-sizing: border-box;

        }



        /* Modal Content */

        .modal-content_custom {

            position: absolute;

            background-color: #ffffff;

            text-align: left;

            margin: auto;

            padding: 0px;

            border-radius: 10px;

            overflow: hidden;

            border: 1px solid #ff9d00;

            width: 50%;

            transition: all 0.3s ease;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

        }



        /* The Close Button */

        .close_custom {

            color: #000;

            font-size: 44px;

            font-weight: bold;

            position: absolute;

            right: 0;

            top: 0;

            padding: 10px 30px;

            background: #fff;

            border-bottom-left-radius: 26px;

            opacity: 1;

            transition: 0.2s ease-in-out;

        }



        .close_custom:hover,

        .close_custom:focus {

            color: #fff;

            text-decoration: none;

            cursor: pointer;

            background: red;

            border-radius: 50px;

            border-bottom-left-radius: 50px;

            padding: 0px 20px;

            margin: 10px;

            transform: rotate(90deg);

        }




                        @media(max-width:500px) {

                            #contactModal {

                                z-index: 10000000;

                            }

                        }



                        .btn-close {

                            outline: none;

                            border: none;

                            background: transparent;

                        }



                        .contactFormContainer {

                            width: 100%;

                            margin: auto;

                            padding: 0;

                        }



                        .mainRows_contact {

                            display: flex;

                            justify-content: center;

                            align-items: center;

                            height: 100%;

                            width: 100%;

                        }



                        .leftContainer {

                            height: 100%;

                            background: #fff;

                            width: 70%;

                            padding: 0 0px;

                        }



                        .rightContainer {

                            height: 100%;

                            width: 30%;

                            flex-wrap: nowrap;

                            background: #4889C9;

                            color: #fff;

                            padding: 60px 0;



                        }



                        .rightTitle {

                            font-size: 25px;

                            text-align: center;

                            margin: 70px auto 20px auto;

                        }



                        .formTitle {

                            font-size: 35px;

                            text-align: center;

                            margin: 15px auto 0 auto;

                            color: #000 !important;

                        }



                        .formSubTitle {

                            width: fit-content;

                            text-align: center;

                            margin: auto;

                            font-size: 19px;

                        }



                        .formSubTitle_bottom {

                            width: fit-content;

                            text-align: center;

                            margin: auto;

                            font-size: 21px;

                            margin-top: 15px;

                            position: relative;

                        }



                        .formSubTitle_bottom img {

                            width: 50px;

                            font-weight: 800;

                            margin-left: 20px;

                            /* animation: hueRotate 5s infinite; */

                            position: absolute;

                            left: 390px;

                            bottom: -4px;

                            filter: hue-rotate(180deg);

                        }



                        .callBtn {

                            padding: 8px 50px;

                            width: fit-content;

                            text-align: center;

                            margin: 30px auto;

                            background: #ff9f3f;

                            border-radius: 5px;

                        }



                        .callBtn a {

                            font-size: 20px;

                            text-decoration: none;

                            color: #fff;

                        }



                        .wechatImgContainer {

                            width: 200px;

                            height: 200px;

                            background: #044381;

                            margin: 30px auto 0 auto;

                            border-radius: 9px;

                            overflow: hidden;

                        }



                        .wechatImgContainer img {

                            width: 100%;

                            height: 100%;

                            object-fit: cover;

                            object-position: center;

                        }



                        .contactForm_container_modal {

                            margin-top: 40px;

                            width: 90%;

                            margin: auto;

                        }



                        .contactForm_container_modal .formControl_2::placeholder,

                        .contactForm_container_modal textarea::placeholder,

                        .nameInput select option {

                            font-size: 15px;

                            color: #474747;

                        }



                        .contactForm_container_modal .formControl_2,

                        .contactForm_container_modal textarea,

                        .nameInput select {

                            border: 1px solid #d8d8d8;

                            outline: none;

                            height: 49px;

                            border-radius: 6px;

                            margin: 10px 0;

                            padding: 0px 10px;

                            outline: none;

                        }



                        .nameInput {

                            width: 100%;

                            height: 100%;

                            margin-top: 15px;

                        }



                        .nameInput select {

                            width: 30%;

                        }



                        .custom_form-control {

                            width: 100%;

                        }



                        .Contact_meth {

                            font-size: 15px;

                            text-align: left;

                            margin-bottom: 10px;

                            margin-left: 5px;

                        }



                        label {

                            color: #000;

                            font-size: 15px;

                            margin-left: 10px;

                        }



                        .row_4__contactForm_MB {

                            display: none;

                        }



                        .row_4__contactForm_PC {

                            display: flex;

                            flex-direction: row;

                            justify-content: space-between;

                            margin-bottom: 10px;

                            align-items: center;

                        }



                        .incTypeRow {

                            display: flex;

                            justify-content: center;

                            align-items: center;

                        }



                        .incTypeRow input {

                            margin: 0px 10px 0px 0px;

                        }



                        .submitButton_contact Button {

                            background: #4889C9;

                            color: #fff;

                            border: none;

                            outline: none;

                            border-radius: 5px;

                            padding: 10px 60px;

                        }



                        .row02__contact {

                            display: flex;

                            align-items: center;

                            margin-bottom: 20px;

                            float: left;

                        }



                        .btn_custom_close {

                            background: #ffa742;

                            color: #fff;

                            border: none;

                            outline: none;

                            border-radius: 5px;

                            padding: 10px 60px;

                        }




                        @media (max-width: 768px) {

                            .formTitle {

                                font-size: 20px;

                            }



                            .row_4__contactForm_MB {

                                display: flex;

                                flex-direction: column;

                                justify-content: flex-start;

                                margin-bottom: 10px;

                                align-items: center;

                                flex-direction: row;

                            }



                            .row_4__contactForm_PC {

                                display: none;

                            }



                            .incTypeRow {

                                justify-content: flex-start;

                            }



                            .modal-content_custom {

                                min-width: 85%;

                            }



                            .rightContainer {

                                width: 100% !important;

                                display: flex;

                                flex-flow: row;

                                justify-content: center;

                                align-items: center;

                                padding: 13px 15px !important;

                                flex-wrap: wrap;

                            }



                            .cta {

                                margin-bottom: 15px;

                            }



                            .callBtn {

                                padding: 4px 15px !important;

                                margin: 0 auto !important;

                            }



                            .mainRows_contact {

                                flex-direction: column;

                            }



                            .rightTitle {

                                font-size: 18px !important;

                                margin: 0px auto 12px auto !important;

                            }



                            .wechatImgContainer {

                                width: 120px;

                                height: 120px;

                                margin: 10px auto 0 auto;

                                border-radius: 0px;

                            }



                            .leftContainer {

                                width: 98%;

                            }

                        }



                        @media (min-width: 768px) and (max-width:960px) {

                            .modal-content_custom {

                                min-width: 98%;

                            }

                        }



                        @media (min-width:960px) and (max-width:1100px) {

                            .modal-content_custom {

                                min-width: 90%;

                            }

                        }



                        @media (min-width:1100px) and (max-width:1240px) {

                            .modal-content_custom {

                                min-width: 80%;

                            }

                        }



                        @media (min-width:1240px) and (max-width:1380px) {

                            .modal-content_custom {

                                min-width: 70%;

                            }

                        }



                        @media (min-width:1380px) and (max-width:1520px) {

                            .modal-content_custom {

                                min-width: 60%;

                            }

                        }



                        @media (min-width:1520px) {

                            .modal-content_custom {

                                min-width: 50%;

                            }

                        }




                                                @media(max-width:500px) {

                                                    .row02__contact {

                                                        flex-wrap: wrap;

                                                    }



                                                    .capcha {

                                                        flex: 50%;

                                                    }



                                                    #cap_code {

                                                        flex: 50%;

                                                    }



                                                    .button {

                                                        flex: 100%;

                                                    }

                                                }



                                                @media(min-width:500px) {

                                                    .capcha {

                                                        width: 50%;

                                                        height: 100%;

                                                        margin: 0;

                                                        flex: 33%;

                                                    }

                                                }



                                                .button {

                                                    width: fit-content;

                                                    cursor: pointer;

                                                    display: flex;

                                                    user-select: none;

                                                    align-items: center;

                                                    background: #4889c9;

                                                    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);

                                                    border-radius: 8px;

                                                    padding: 10px 18px;

                                                    flex: 30%;

                                                    margin-left: 10px;

                                                    justify-content: space-evenly;

                                                    outline: none;

                                                    border: none;

                                                }



                                                .button .icon {

                                                    font-size: 20px;

                                                    color: #fff;

                                                    margin: 0px;

                                                    display: none;

                                                }



                                                .button.checked .icon {

                                                    display: flex;

                                                }



                                                .icon.spinner.spin {

                                                    animation: spin 1.3s ease-in-out infinite;

                                                }



                                                @keyframes spin {

                                                    100% {

                                                        transform: rotate(360deg);

                                                    }

                                                }



                                                .icon.check {

                                                    display: inline-flex;

                                                    font-size: 14px;

                                                    padding: 6px;

                                                    border-radius: 50%;

                                                    align-items: center;

                                                    justify-content: center;

                                                    background-color: #1be309;

                                                }



                                                .button .btn-text {

                                                    font-size: 17px;

                                                    color: #fff;

                                                }




        .retryBtn {

            padding: 12px 30px;

            background: #fff;

            color: #333;

            text-decoration: none;

            border-radius: 30px;

            margin-top: 10px;

        }



        .orderColumn {

            display: flex;

            justify-content: center;

            align-items: center;

            flex-flow: column;

        }




        .mainRow {

            width: 80%;

            margin: 20px auto 0 auto;

            display: flex;

            justify-content: space-between;

            align-items: flex-start;

            height: 83vh;

            padding: 0 0 40px 0;

        }



        .pageContainer::-webkit-scrollbar {

            display: none;

        }



        .pageContainer {

            height: 100%;

            overflow-y: scroll;

            padding: 0 20px;

        }



        .rightContainer_page::-webkit-scrollbar {

            display: none;

        }



        .rightContainer_page {

            display: block;

            width: 100%;

            margin: 0 0 0 20px;

            border-radius: 10px;

            height: 100%;

            overflow-y: scroll;

            padding: 20px;

            box-shadow: 0px 0px 9px 0px #ccc;

        }



        .plists {

            border-radius: 10px;

            box-shadow: inset 0px 0px 9px 0px #ccc;

        }



        .plists:last-child {

            margin-bottom: 0;

        }



        .scrollAlert {

            display: none;

            position: fixed;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            padding: 60px;

            width: 150px;

            height: 150px;

            background: #cae7ff0a;

            border-radius: 25px;

            /* border: 2px solid #54545426; */

            box-shadow: inset 0px 0px 13px 2px #33333330;

            backdrop-filter: blur(8px);

            z-index: 10;

        }



        .scrollAlert img {

            width: 100%;

            height: 100%;

            object-fit: contain;

        }



        @media (max-width:991.98px) {

            .mainRow {

                width: 98%;

            }



            .rightContainer_page {

                display: none;

            }

        }



        @media (max-width:768px) {

            .mainRow {

                flex-direction: column;

                height: 100%;

                width: 100%;

            }



            .imgs {

                margin-bottom: 20px;

            }

        }



        @media (min-width:992px) {

            .righContainer {

                display: block;

            }



            .mainRow {

                width: 80%;

            }

        }




            .sticky-sidebar {

                position: sticky;

                width: 100%;

                top: 10px;

            }



            .bottom-fixed-sidebar {

                width: calc(100% - 30px);

                position: absolute;

                bottom: 0px;

            }




                                        .keywordButtonContainer {

                                            border: 1px solid #4889C9;

                                            padding: 8px 20px;

                                            border-radius: 30px;

                                            width: fit-content;

                                        }



                                        .keywordButtonContainer a {

                                            text-decoration: none !important;

                                            color: #000;

                                        }




                .sideBarImg {

                    border-radius: 5px;

                    margin-top: 20px;

                }



                .sideBarItem {

                    color: #045baf;

                    font-size: 15px;

                }




        @media(max-width:500px) {

            .page {

                width: 100%;

                overflow-x: scroll;

                justify-content: start;

                margin: auto;

                padding-inline: 20px;

            }



            .page::-webkit-scrollbar {

                display: none;

            }

        }




                .carousel-feedbacks .cell-container {

                    width: 380px;

                    height: 512px;

                    margin: 0px 10px;

                    background: rgb(7 120 195 / 18%);

                    padding: 3px;

                    border-radius: 8px;

                    box-shadow: 0px 0px 5px 1px #d6d6d6;

                }



                .carousel-feedbacks .cell-container .imgCont__adv {

                    padding: 0;

                    height: 100%;

                }



                .carousel-feedbacks .cell-container .imgCont__adv img {

                    width: 100%;

                    height: 100%;

                    -o-object-fit: contain;

                    object-fit: contain;

                    position: relative;

                    border-radius: 5px;

                }



                @media screen and (min-width: 768px) {

                    .carousel-feedbacks .cell-container .imgCont__adv {

                        padding: 0;

                        height: 100%;

                    }



                    .testimonials {

                        width: 80%;

                        margin: auto;

                        box-shadow: inset 1px;

                    }

                }



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

                    .carousel-feedbacks .cell-container {

                        width: 80%;

                        height: 500px;

                        margin: 0px 10px;

                    }



                    .testimonials {

                        width: 85%;

                        margin: auto;

                    }

                }



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

                    .carousel-feedbacks .cell-container {

                        width: 70%;

                        height: 400px;

                        margin: 0px 10px;

                    }



                    .testimonials {

                        width: 95%;

                        margin: auto;

                    }

                }






    .submit-box{

        display: none;

    }

    .add-fmjy{

        width: 100%;

        display: flex;

    }

    .left-box{

        padding: 80px;

        background-color: rgb(9 26 45);

        text-align: center;

        width: 100vw;

    }

    .left-box-text{

        font-size:26px;

        color: aliceblue;

        font-weight: bold;

    }

    .right-box-img{

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    .right-box{

        width: 20vw;

    }

    .left-box-button{

        background-color: #2b2b2b;

        color: #f9a70a;

        padding: 10px 20px;

        text-align: center;

        text-decoration: none;

        display: inline-block;

        font-size: 16px;

        border-radius: 6vw;

        border: solid 1px #c74300;

        margin-top: 20px;

    }

    @media (max-width: 768px) {

        .submit-box{

            display: block;

        }

        .left-box{

            padding: 8vh 12vw;

        }

        .right-box{

            width: 100%;

        }

        .left-box{

            width: 100%;

        }

        .add-fmjy{

            display: flex;

            flex-wrap: wrap;

            height: auto;

        }

    }






        @media(max-width:500px) {

            .flexMobileBtn {

                display: flex;

            }

        }



        @media(min-width:500px) {

            .flexMobileBtn {

                display: none;

            }

        }



        .flexMobileBtn {

            position: fixed;

            bottom: 20%;

            right: 18px;

            border: 3px solid #0080ff;

            width: 50px;

            height: 50px;

            border-radius: 50%;

            background: #0f087a;

            /* background: linear-gradient(#ff9400, #fff); */

            animation: backwardRotate 0.2s linear 1;

            padding: 12px;

            justify-content: center;

            align-items: center;

        }





        .btnContainer img {

            width: 80%;

            margin: 0 0 0 13px;

            object-fit: contain;

            object-position: center;

            display: flex;

            justify-content: center;

            animation: forwardRotate 0.2s linear 1;

            filter: hue-rotate(1deg);

        }



        .flexBtntext {

            border: 1.5px solid #fff;

            padding: 0px 5px;

            font-size: 12px;

            color: #fff;

            text-align: center;

            width: 65px;

            height: auto;

            background: #0f087a;

            border-radius: 10px;

        }



        @-webkit-keyframes forwardRotate {

            0% {

                transform: scale(200%);

                transform: rotate(0deg);

            }



            50% {

                transform: rotate(360deg);

            }



            100% {

                transform: scale(100%);

            }

        }



        @keyframes forwardRotate {

            0% {

                transform: scale(200%);

            }



            100% {

                transform: scale(100%);

            }

        }



        @-webkit-keyframes backwardRotate {

            0% {

                transform: rotate(360deg);

            }



            100% {

                transform: rotate(0deg);

            }

        }



        @keyframes backwardRotate {

            0% {

                transform: rotate(360deg);

            }



            100% {

                transform: rotate(0deg);

            }

        }




                            .searchContainer {

                                width: 100%;

                                padding: 0 0px;

                                display: flex;

                                justify-content: center;

                                align-items: flex-start;

                                margin: 0 0 35px 0;

                                flex-direction: column;



                            }



                            .searchContainer form {

                                /* color: #555; */

                                display: flex;

                                padding: 2px;

                                /* border: 1px solid currentColor; */

                                border-radius: 10px;

                                background: #e7e7e7;

                                width: 100%;

                            }



                            .searchContainer input[type="search"] {

                                height: 40px;

                                border: none;

                                outline: none;

                                font-size: 15px;

                                background-color: transparent;

                                color: #898989;

                                border-radius: 30px;

                                width: 100%;

                                padding: 8px 20px;

                            }



                            .searchContainer input[type="search"]::placeholder {

                                color: #bbb;

                            }



                            .searchContainer button[type="submit"] {

                                text-indent: -999px;

                                overflow: hidden;

                                width: 40px;

                                padding: 0;

                                margin: 0;

                                border: 1px solid transparent;

                                border-radius: inherit;

                                background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;

                                cursor: pointer;

                                opacity: 0.5;

                                transition: 0.5s;

                            }



                            .searchContainer button[type="submit"]:hover {

                                opacity: 1;

                            }



                            .searchContainer button[type="submit"]:focus,

                            .searchContainer input[type="search"]:focus {

                                box-shadow: 0 0 3px 0 transparent;

                                border-color: transparent;

                                outline: none;

                            }



                            .labelSectionTitle {

                                font-size: 20px;

                                text-align: left;

                                font-weight: bold;

                                margin: 20px 10px;

                            }



                            .labelsSearch {

                                display: flex;

                            }



                            .tag-list .tag-item {

                                display: flex;

                                margin: 6px;

                                border: 1px solid #4889c9;

                                border-radius: 40px;

                                width: 90px;

                                height: 35px;

                                line-height: 0px;

                                text-align: center;

                                font-size: 14px;

                                color: #333;

                                float: left;

                                -webkit-transition: all .4s;

                                transition: all .4s;

                                align-items: center;

                                justify-content: space-around;

                            }



                            .tag-list .tag-item-disabled {

                                border: 1px solid #e4e4e4;

                                border-radius: 40px;

                                color: #e4e4e4;

                                cursor: not-allowed;

                                pointer-events: none

                            }