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;

            }






        @media (max-width: 768px) {

            .banner {

                margin-top: 127px !important;

            }



        }




            .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

                            }