body {
        margin: 0;
        font-family: "Poppins", sans-serif !important;
        font-size: 1rem;
        font-weight: 400;
        /* line-height: 1.5; */
        color: white;
        text-align: left;
        background-color: #F3F3F3;
    }

    .nav-item .btn {
        width: 150px;
        border: none;
        font-weight: 700;
        font-size: 17px;
        padding: 1px;
        border-radius: 100px;
        transition: all 500ms ease;
        background: linear-gradient(90deg, #0700b8 0%, #00ff88 100%);
        color: white;
        transition: all 500ms ease;
        /* box-shadow: 0 4px 6px -1px hsla(0, 0%, 0%, 0.1), 0 2px 4px -2px hsla(0, 0%, 0%, 0.1); */
    }

    .nav-item .btn:hover {
        background: linear-gradient(90deg, #00ff88 0%, #0700b8 100%);
    }

    .brd {
        position: relative;
        /* padding: 0 10px; */
        font-size: 25px;

    }

    .brd:after {
        content: '';
        position: absolute;
        background-color: #1db78f;
        height: 3px;
        width: 0;
        left: 0px;
        bottom: 10px;
        transition: 0.3s;
    }

    .brd:hover {
        color: lightgray;
    }

    .brd:hover:after {
        width: 100%;

    }




    .navbar {
        background-color: #1b1b5a;
        color: white;
    }

    .navbar-brand img {
        width: 100%;
        height: 100px;
        object-fit: fill;
    }

    /***************** navbar css start */
    /***************** Banner css start */
    .banner {
        /* background: linear-gradient(to bottom, black, #26265e); */
        /* background-image: url(https://media.giphy.com/media/Wy3Q0fuNIJmYn62Lcv/giphy.gif); */
        /* background-image: url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExdjBxbDVuMmZmYmpiaTIybDljc25xYWw3bmo5MG9jM2FjY2d4ajdzYiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/3o7aDcrsww5Ybp18hq/giphy.gif); */
        background-image: url(https://media.giphy.com/media/YnexM9LwlwGu4Z1QnS/giphy.gif
);
        /* background: linear-gradient(160deg, #000000, #1db78f); */
        /* background-attachment: fixed; */
        /* padding-top: 10px; */
        /* margin-top: 20px; */
        /* height: 140vh; */
        padding: 20px;
        background-repeat: no-repeat;
        /* background-position: center; */
        background-size: cover;
        /* width: 100%; */
        /* background-position: top 10px right 20px; */
        width: 100%;
        height: 85vh;

    }


    .banner-section {
        display: flex;
        gap: 10px;
        justify-content: space-around;
        align-items: center;
    }

    /* .text-section {
  width: 42%;
} */

    .text-section h1 {
        font-size: 30px;
        letter-spacing: 0.5px;
        font-weight: 900;
        opacity: 0;
        transform: translateX(-100px);
        animation: fadeInSlide 1.5s ease-out forwards;
        font-family: ui-sans-serif;

    }

    .text-section p {
        font-size: 17px;
        margin-top: 15px;
        color: #18ea18;
        opacity: 0;
        transform: translateY(50px);
        animation: fadeInUp 2s ease-out forwards;
        animation-delay: 0.5s;
    }

    @keyframes fadeInSlide {
        0% {
            opacity: 0;
            transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    /* Keyframes for fading in and sliding up the paragraph */
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(50px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .read-more-content {
        display: none;
    }

    .main-img {

        width: 100%;



        height: 68vh;

        position: relative;

    }

    .fly-img {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
        bottom: 220px;
    }

    .fly-img img {
        flex: 0 25 18%;
        /* display: block; */
        width: 50%;
        height: 28vh;
        object-fit: cover;
        position: relative;
        z-index: 10000;
        animation: moveUpDown 3s infinite alternate;
    }

    @keyframes moveUpDown {
        0% {
            top: 0;
        }

        100% {
            top: calc(10vh - 10px);
            /* Adjust to the desired distance */
        }
    }

    .about-img {
        width: 100%;
        height: 100vh;
        object-fit: contain;
    }

    .about-text .a-2 {
        font-size: 18px;
        letter-spacing: 1.1px;

        padding-top: 10px;

    }

    .about-text {
        padding-top: 80px;
    }

    .btn1 {
        width: 150px;
        border: none;
        /* font-weight: 700; */
        font-size: 17px;
        padding: 10px;
        border-radius: 100px;
        transition: all 500ms ease;
        background: linear-gradient(90deg, #0700b8 0%, #00ff88 100%);
        color: white;
        transition: all 500ms ease;
    }

    .btn1:hover {
        background: linear-gradient(90deg, #00ff88 0%, #0700b8 100%);
    }

    .about-btn {
        padding-top: 20px;
    }


    /* .title:before {
  position: absolute;
  z-index: 1;
  content: "";
  left: 325px;
  top: 10px;
  right: 0;
  margin: auto;
  width: 152px;
  height: 1px;
  background-image: linear-gradient(to right, #1db78f, #333);
}

.title:after {
  position: absolute;
  z-index: 1;
  content: "";
  left: -292px;
  top: 10px;
  right: 0;
  margin: auto;
  width: 120px;
  height: 1px;
  background-image: linear-gradient(to left, #1db78f, #333);
} */
    .title {
        position: relative;
        margin-bottom: 28px;
        /* Ensure pseudo-elements are positioned relative to the .title */
    }

    /* .title:before,
.title:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-image: linear-gradient(to right, #1db78f, #333);
}

.title:before {
  left: 418px;
  width: 152px;
}

.title:after {
  right: 407px;
  width: 154px;
} */

    .m-2 {
        width: 100%;
        padding-top: 100px;
        padding-bottom: 20px;
    }



    .m-2 p {
        padding: 19px 462px 10px;

        text-align: center;
        /* padding: 19px; */
        font-size: 19px;
        color: lightslategray;
    }

    /* cards sectuion style */
    .cards {
        padding-top: 20px;
        width: 95%;
        border-radius: 5px;
        background-color: #5f5f6d2b;       
        justify-content: center;
        align-items: center;
        height: 40rem;
    }

    .cards-logo {
        /* background-color: orange; */
        width: 100%;
        text-align: center;
        border-radius: 50%;
        padding: 20px;
        cursor: pointer;
        position: relative;
        z-index: 0;
    }

    .cards-logo {
        --c: #1095c1;
        --d: 3px;

        --_s: calc(var(--d) + var(--b));

        color: var(--c);
        /* border: solid #0000; */
        border-width: var(--b) var(--b) var(--_s) var(--_s);
        background:
            conic-gradient(at left var(--d) bottom var(--d),
                #0000 90deg, rgb(255 255 255 /0.3) 0 225deg, rgb(255 255 255 /0.6) 0) border-box,
            conic-gradient(at left var(--_s) bottom var(--_s),
                #0000 90deg, var(--c) 0) 0 100%/calc(100% - var(--b)) calc(100% - var(--b)) border-box;
        transform: translate(calc(var(--d)/-1), var(--d));
        clip-path:
            polygon(var(--d) 0%,
                var(--d) 0%,
                100% 0%,
                100% calc(100% - var(--d)),
                100% calc(100% - var(--d)),
                var(--d) calc(100% - var(--d)));
        transition: 0.5s;
    }

    .cards-logo:hover {
        transform: translate(0, 0);
        clip-path:
            polygon(0% var(--d),
                var(--d) 0%,
                100% 0%,
                100% calc(100% - var(--d)),
                calc(100% - var(--d)) 100%,
                0% 100%);
    }


    .cards-text {
        padding: 20px;
    }

    .cards-text h3:hover {
        color: orange;
    }

    .cards-text p {
        line-height: 30px;
        letter-spacing: 1px;
        padding-top: 10px;
        color: lightslategray;
    }

    .our-cards {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 22px 0px;
        background-color: #232350cc;
        border-radius: 5px;
    }



    .clint img {
        width: 198px;
        height: 189px;
        object-fit: cover;
        border-radius: 113px;
        border: 9px lightslategray solid;
        transition: transform 0.5s ease;

    }

    .clint:hover img {
        transform: scale(0.9);
    }

    .clint .text-center {
        padding-top: 20px;
    }

    .contact {
        align-items: center;
    }

    .contact-form {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #242453;
        border-radius: 5px;
        margin-bottom: 120px;
    }

    .content-1 {
        padding: 13px 62px 10px;
    }

    .form {
        padding: 40px 0px 40px;
    }

    .form input {
        padding: 13px;
        width: 100%;
        border-radius: 100px;
        background-color: transparent;
        border: 1px lightslategray solid;
        color: white;
    }

    .form input::placeholder {
        color: white;
    }

    .form input:focus {
        outline: none;
        background-color: transparent;
        color: white;
    }

    .form textarea {
        padding: 13px;
        width: 100%;
        height: 160px;
        border-radius: 18px;
        background-color: transparent;
        border: 1px lightslategray solid;
        color: white;
    }

    .form textarea:focus {
        outline: none;
        background-color: transparent;
        color: white;
    }

    .form textarea::placeholder {
        color: white;
    }

    .form-btn .btn2 {
        width: 150px;
        border: none;
        /* font-weight: 700; */
        font-size: 17px;
        padding: 15px;
        text-wrap: nowrap;
        border-radius: 100px;
        transition: all 500ms ease;
        background: #2e2e63;
        color: white;
        transition: all 500ms ease;
        border: 1px #1db78f solid;
    }

    .form-btn {
        margin-top: 25px;
    }

    .contact-form-thumb {
        position: relative;
        z-index: 1;
        padding: 0 0 0 20px;
    }

    .form-inner-thumb {
        position: absolute;
        z-index: 1;
        top: 50px;
        left: 42px;
    }

    @keyframes moveUpDown {

        0%,
        100% {
            transform: translateY(0);
            /* Start and end position */
        }

        50% {
            transform: translateY(-20px);
            /* Middle position */
        }
    }

    .form-inner-thumb img:first-child {
        animation: moveUpDown 2s ease-in-out infinite;
        /* Adjust the animation duration as needed */
    }

    #m-4 {
        padding-top: 8rem;
        padding-bottom: 20px;

    }

    .footer-text {
        width: 34%;
    }

    .footer-text p {
        color: lightslategray;
        letter-spacing: 1px;
        line-height: 29px;
    }

    .footer-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        margin-top: 40px;
    }

    .footer-icon1 {
        display: flex;
        /* justify-content: center; */
        align-items: center;
        gap: 6px;
        margin-top: 40px;
    }

    /* .footer-icon i{
  font-size: 25px;

} */
    .footer-icon div {
        display: inline-block;
        height: 40px;
        line-height: 42px;
        width: 40px;
        text-align: center;
        background: #393E4B;
        border-radius: 50%;
        color: #fff;
        font-size: 14px;
        margin-right: 5px;
        position: relative;
        z-index: 1;
        border: 1px #1db78f solid;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        overflow: hidden;

    }

    .footer-icon1 div {
        display: inline-block;
        height: 40px;
        line-height: 42px;
        width: 40px;
        text-align: center;
        background: #393E4B;
        border-radius: 50%;
        color: #fff;
        font-size: 14px;
        margin-right: 5px;
        position: relative;
        z-index: 1;
        border: 1px #1db78f solid;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        overflow: hidden;

    }

    .footer-icon div:hover {
        box-shadow: 0 0 10px 0 #00d7c3 inset, 0 0 20px 2px #00d7c3;
        border: 3px solid lightslategray;
    }

    .footer-icon1 div:hover {
        box-shadow: 0 0 10px 0 #00d7c3 inset, 0 0 20px 2px #00d7c3;
        border: 3px solid lightslategray;
    }

    .footer-font {
        line-height: 35px;
    }

    .footer-font i {
        font-size: 22px;
    }

    .usefull {
        display: flex;
        justify-content: end;
    }

    .usefull h5 {
        margin-top: 40px;
        line-height: 6px;
        color: lightslategray;
        transition: transform 0.3s ease;
    }

    .usefull h5:hover {
        transform: scale(1.1);
        color: #00ff88;
        cursor: pointer;
    }

    .footer-img {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        color: white;
    }

    .footer-img img {
        width: 45%;
        height: 108px;
        object-fit: fill;
        border-radius: 5px;

    }

    .navigate-footer span {
        display: block;
        cursor: pointer;
        border-bottom: 1px dashed white;
        margin-bottom: 20px;
        padding-bottom: 10px;
        transition: transform 0.3s ease;
    }

    .navigate-footer span:hover {
        color: lightgreen;
        transform: scaleY(1.1);

    }

    .submit-button {
        display: inline-block;
        padding: 10px 20px;
        background-color: #19193e;
        color: #fff;
        border: none;
        cursor: pointer;
    }

    .submit-button input {
        border: none;
        background: none;
        color: inherit;
        padding: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .newsletter {
        margin-top: 80px;
    }

    .tt {
        margin-bottom: 20px;
        color: white;

    }

    .tt:after {
        position: absolute;
        content: "";
        display: block;
        width: 41px;
        height: 3px;
        background-color: forestgreen;
        margin: 0px auto;
        margin-bottom: 0;
    }

    /********************************************************************* Medical page css  **************************/

    .medical-banner {
        background-image: url('/img/ban-2.jpg');
        color: black;
        /* background-position: center; */
        background-size: cover;
        width: 100%;
        background-repeat: no-repeat;
        /* display: flex;
  justify-content: center; */
        align-items: center;
        height: 90vh;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .medical-banner div h1 {
        font-size: 58px;
        font-weight: 800;
        letter-spacing: 1.4px;
    }

    .medical-banner div p {
        font-size: 17px;
        letter-spacing: 0.5px;
        padding: 10px 400px;
        /* width: 50%; */
    }

    #m-5 {
        padding-top: 20px;
    }

    .btn-secondary {
        background-color: transparent;
        width: 250px;
    }

    .btn-secondary:hover {
        background-color: transparent;
    }

    .card-body .d-flex i {
        color: goldenrod;
        font-size: 19px;
    }

    .card-img-top {
        width: 100%;
        height: 45vh;
        object-fit: fill;
        transition: .5s;
    }

    .card-img-top:hover {
        transform: scale(1.1);
    }

    #m-6 {
        padding-top: 42px;
    }

    .col-md-3 .card {
        transition: .5s;
    }

    .col-md-3 .card:hover {
        box-shadow: 0 0 30px rgb(69, 69, 228);
    }

    .card-title {
        text-wrap: nowrap;
        margin-bottom: 20px;
    }

    /********************** About section css */

    .page-header {
        /* background: #19193e; */
        /* background-image: linear-gradient(to bottom, rgb(124 173 203), rgb(142 104 147 / 50%)), url(/img/c.jpg); */
        background-image: linear-gradient(to bottom, #1c2749eb, rgb(56 37 58 / 50%)), url(../img/data.jpg);

        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 18rem;
    }

    .page-header-medicin {
        /* background: #19193e; */
        background-image: url('/img/medical.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30rem;
    }

    .page-header-medicin h1 {
        font-size: 70px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .page-header h1 {
        font-size: 50px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    /* .active{
  color: #242453 !important;
  font-weight: bold;
  border-bottom: 2px solid;
  cursor: pointer;
} */

    a {
        text-decoration: none;
        color: white;
    }

    /* .active {
  color: #00d7c3 !important;
  border-bottom: 1px solid #00d7c3;
} */

    .about-cards {
        background-color: #5f5f6d2b;
        display: flex;
        gap: 33px;
        /* justify-content: center; */
        padding: 60px;
        margin: 35px;

        justify-content: center;
        /* align-items: center; */
        /* text-align: center; */
        border-radius: 5px;
    }

    .about-cards img {
        width: 37px;
    }

    .ab-1 {
        margin-top: 8rem;
    }

    .about-2-img {
        background-color: #4a4a7f;
        width: 20%;
        padding: 19px;
        border-radius: 50%;
        /* background: #1abc9c; */
        height: fit-content;
    }

    .about-2-img img {
        opacity: 1;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .about-2-img:hover {
        opacity: .5;
        background: #1abc9c;

    }

    .second-text h3:hover {
        color: #00d7c3;
        cursor: pointer;
    }

    .second-text p {
        width: 80%;
        margin-top: 37px;
        /* padding: 10px 10px; */
    }

    .ab-3 {
        /* line-height: 70px; */
        margin-top: 8rem;
    }

    .ab-3 h4 {
        padding-bottom: 10px;
    }

    .ab-3 p {
        padding: 22px 400px;
        color: lightslategray;
        font-size: 18px;
        letter-spacing: 0.5px;
    }

    .invest-card {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .invest-cards-inside p {
        width: 70%;
        margin-top: 30px;
        line-height: 33px;
        color: lightslategray;
    }

    .invest-cards-inside h4 {
        letter-spacing: 0.5px;
        margin-top: 30px;

    }

    /******************* login form css *************************/
    /* .page-wrapper {
  min-height: 100vh;
} */

    .bg-blue {
        background: #2c6ed5;
    }

    .bg-red {
        background: #fa4251;
    }

    /* .bg-gra-01 {
  background: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb), to(#a18cd1));
  background: -webkit-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);
  background: -moz-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);
  background: -o-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);
  background: linear-gradient(to top, #fbc2eb 0%, #a18cd1 100%);
} */
    .bg-gra-01 {
        background-color: rgb(30 30 79);
    }

    /* ==========================================================================
   #SPACING
   ========================================================================== */
    .p-t-100 {
        padding-top: 100px;
    }

    .p-t-180 {
        padding-top: 10px;
    }

    .p-t-20 {
        padding-top: 20px;
    }

    .p-t-10 {
        padding-top: 10px;
    }

    .p-t-30 {
        padding-top: 30px;
    }

    .p-b-100 {
        padding-bottom: 10px;
    }

    /* ==========================================================================
   #WRAPPER
   ========================================================================== */
    .wrapper {
        margin: 0 auto;
    }

    .wrapper--w960 {
        max-width: 960px;
    }

    .wrapper--w780 {
        max-width: 780px;
    }

    .wrapper--w680 {
        max-width: 680px;
    }

    /* ==========================================================================
   #BUTTON
   ========================================================================== */
    .btn {
        display: inline-block;
        line-height: 40px;
        padding: 0 33px;
        font-family: Poppins, Arial, "Helvetica Neue", sans-serif;
        cursor: pointer;
        color: #fff;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        font-size: 18px;
    }

    .btn--radius {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .btn--pill {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .btn--green {
        background: #57b846;
    }

    .btn--green:hover {
        background: #4dae3c;
    }

    /* ==========================================================================
   #DATE PICKER
   ========================================================================== */
    td.active {
        background-color: #2c6ed5;
    }

    input[type="date" i] {
        padding: 14px;
    }

    .table-condensed td,
    .table-condensed th {
        font-size: 14px;
        font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
        font-weight: 400;
    }

    .daterangepicker td {
        width: 40px;
        height: 30px;
    }

    .daterangepicker {
        border: none;
        -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        display: none;
        border: 1px solid #e0e0e0;
        margin-top: 5px;
    }

    .daterangepicker::after,
    .daterangepicker::before {
        display: none;
    }

    .daterangepicker thead tr th {
        padding: 10px 0;
    }

    .daterangepicker .table-condensed th select {
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size: 14px;
        padding: 5px;
        outline: none;
    }

    /* ==========================================================================
   #FORM
   ========================================================================== */
    input {
        outline: none;
        margin: 0;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 100%;
        font-size: 14px;
        font-family: inherit;
    }

    .input-icon {
        position: absolute;
        font-size: 18px;
        color: #ccc;
        right: 8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
    }

    .input-group {
        position: relative;
        margin-bottom: 33px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .input--style-3 {
        padding: 5px 0;
        font-size: 16px;
        color: #ccc;
        background: transparent;
    }

    .input--style-3:focus {
        background-color: inherit;
    }

    .input--style-3::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #ccc;
    }

    .input--style-3:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #ccc;
        opacity: 1;
    }

    .input--style-3::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #ccc;
        opacity: 1;
    }

    .input--style-3:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #ccc;
    }

    .input--style-3:-ms-input-placeholder {
        /* Microsoft Edge */
        color: #ccc;
    }

    .forget-text a {
        color: white;
        text-decoration: underline;

    }

    .forget-text a:hover {
        color: #0700b8;
        text-decoration: none;
    }

    /* ==========================================================================
   #SELECT2
   ========================================================================== */
    .select--no-search .select2-search {
        display: none !important;
    }

    .rs-select2 .select2-container {
        width: 100% !important;
        outline: none;
    }

    .rs-select2 .select2-container .select2-selection--single {
        outline: none;
        border: none;
        height: 36px;
        background: transparent;
    }

    .rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 36px;
        padding-left: 0;
        color: #ccc;
        font-size: 16px;
        font-family: inherit;
    }

    .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 34px;
        right: 4px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow b {
        display: none;
    }

    .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow:after {
        font-family: "Material-Design-Iconic-Font";
        content: '\f2f9';
        font-size: 18px;
        color: #ccc;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .rs-select2 .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow::after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .select2-container--open .select2-dropdown--below {
        border: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        border: 1px solid #e0e0e0;
        margin-top: 5px;
        overflow: hidden;
    }

    /* ==========================================================================
   #TITLE
   ========================================================================== */
    .title {
        font-size: 30px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 36px;
    }

    /* ==========================================================================
   #CARD
   ========================================================================== */
    .card {
        overflow: hidden;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #fff;
    }

    .card-3 {
        background: #15152c;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        width: 100%;
        display: table;
    }

    .card-3 .card-heading {
        background: url("/img/form-img.svg") top left/cover no-repeat;
        display: table-cell;
        width: 50%;
    }

    .card-3 .card-body {
        padding: 57px 65px;
        padding-bottom: 65px;
        display: table-cell;
    }

    @media (max-width: 767px) {
        .img1::before {
            transform: rotate(-1deg);
            height: 98px !important;
        }

        .img2::before {
            transform: rotate(44deg);
            height: 84px !important;
        }

        .img3::before {
            transform: rotate(88deg);
            height: 78px !important;
        }

        .img4::before {
            transform: rotate(145deg);
            height: 86px !important;
        }

        .img5::before {
            transform: rotate(-166deg);
            height: 84px !important;
        }

        .img6::before {
            transform: rotate(-95deg);
            height: 67px !important;
        }

        .img7::before {
            transform: rotate(-57deg);
            height: 106px !important;
        }

        .about-2-img {
            background-color: #4a4a7f;
            width: 33%;
            padding: 14px;
            border-radius: 50%;
            /* background: #1abc9c; */
            height: fit-content;
        }

        .ab-1 {
            margin-top: 2rem;
        }

        .about-cards {
            background-color: #5f5f6d2b;
            display: flex;
            gap: 9px;
            /* justify-content: center; */
            padding: 13px;
            margin: 13px 0px;
            justify-content: center;
            /* align-items: center; */
            /* text-align: center; */
            border-radius: 5px;
            width: 100%;
        }

        .ab-3 {
            /* line-height: 70px; */
            margin-top: 2rem;
        }

        .ab-3 p {
            padding: 7px 0px;
            color: lightslategray;
            font-size: 18px;
            letter-spacing: 0.5px;
            text-align: justify;
            width: 94%;
            /* text-align: center; */
            margin: 0px 11px;
        }

        .invest-cards-inside {
            text-align: center;
            border: 1px lightgray solid;
            border-radius: 10px;
            margin: 10px;
            padding: 12px 0px;

        }

        .invest-cards-inside p {
            width: 100%;
            margin-top: 11px;
            line-height: 33px;
            color: lightslategray;
            text-align: justify;
            padding: 0px 10px;
        }

        .second-text h3 {
            text-wrap: nowrap;
        }

        .second-text p {
            width: 100%;
            margin-top: 14px;
            padding: 2px 0px;
            text-align: justify;
        }

        .about-text .a-2 {
            font-size: 21px;
            letter-spacing: 1.0px;
            color: #8699a6;
            padding-top: 10px;
            line-height: 29px !important;
            text-align: justify;
        }

        .about-text,
        p,
        h1 {
            text-align: center;
        }

        .cards-logo {
            /* background-color: orange; */
            width: 100%;
            text-align: center;
            border-radius: 50%;
            padding: 3px;
            cursor: pointer;
            position: relative;
            z-index: 0;
        }

        .card-3 {
            display: block;
        }

        .card-3 .card-heading {
            display: block;
            width: 100%;
            padding-top: 400px;
            background-position: center center;
        }

        .card-3 .card-body {
            display: block;
            width: 100%;
            padding: 37px 30px;
            padding-bottom: 45px;
        }

        .page-header {
            height: 14rem;

        }

        .py-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .navbar-brand img {
            width: 100%;
            height: 63px;
            object-fit: fill;
        }

        .navbar-brand {
            margin-right: 0rem !important;
            margin-left: 1rem !important;
        }

        .circle-container {
            position: relative;
            width: 299px !important;
            height: 299px !important;
            margin: 100px auto;
            border-radius: 50%;
        }
    }

    .navbar-brand {
        margin-right: 3rem;
        margin-left: 6rem;
    }

    .input-group {
        position: relative;
    }

    .eye-toggle {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        cursor: pointer;
        width: 20px;
        height: 20px;
        background: url('eye-icon.png') no-repeat;
    }

    .eye-toggle.active {
        background: url('/img/eye-crossed.png') no-repeat;
    }

    /* Hide the default password toggle icon in browsers */
    /* input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
} */

    /**************************** card page **********************/
    .flex-container {
        display: flex;
        flex-wrap: wrap;
        overflow-x: hidden;
    }

    .flex-item {
        flex: 1 0 20%;
        box-sizing: border-box;
        padding: 10px;
    }

    .sidebar-form form input {
        width: 100%;
        border: none;
        padding: 25px 80px 25px 35px;
        background: #f6f4f2;
        font-weight: 500;
        font-size: 14px;
        border-radius: 5px;
        color: #7d7d7d;
    }

    .sidebar-form form {
        position: relative;
    }

    .sidebar-form form button {
        position: absolute;
        top: 0;
        border: none;
        padding: 0;
        cursor: pointer;
        background-image: -moz-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);
        background-image: -webkit-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);
        background-image: -ms-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);
        line-height: 1;
        border-radius: 5px;
        height: 100%;
        width: 70px;
        color: #fff;
        right: 0;
        font-size: 20px;
    }

    .category {
        width: 69%;
        margin-top: 50px;
        background-image: -moz-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);
        background-image: -webkit-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);
        background-image: -ms-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);
        padding: 8px;
        text-align: center;
        border-radius: 10px;
    }

    .category h4 {
        text-align: center;
    }

    .br-1 {
        display: flex;
        justify-content: space-between;
        line-height: 55px;
        border-bottom: 1px dashed white;
    }

    .recent-post {
        margin-top: 20px;
        width: 100%;
        border-bottom: 1px dashed white;
        padding: 10px;
    }

    .recent-post img {
        width: 178px;
        height: 130px;
        object-fit: cover;
        border-radius: 3px;
    }

    .img1 {
        width: 100%;
        height: 65vh;
        object-fit: cover;
        border-radius: 5px;
    }

    .gap-0 {
        display: flex;
        /* justify-content: space-around; */
        gap: 9rem;
    }

    .recent {
        margin-top: 20px;
        width: 100%;
        border-bottom: 1px dashed white;
        padding: 40px;
    }

    .blog-btn {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .blog-btn .btn {
        background-color: rgb(47 47 106);
        flex: 1;
        margin: 5px;
    }

    .blog-btn .btn:hover {
        background-color: lightslategray;
        /* color: black; */
    }

    .about-medicin h2 {
        font-size: 40px;
        font-weight: 900;

    }

    .about-medicin p {
        color: #7f7171;
        line-height: 28px;
        font-size: 14px;
        text-align: justify;
    }

    .about-medicin-img img {
        width: 100%;

    }

    .management-team {
        padding: 30px;
    }

    .management-team h1 {
        font-size: 35px;
        font-weight: 800;
    }

    .card_box-medicin {
        display: flex;
        justify-content: center;
        /* background: #ffffff;
  border-radius: 40px; */
        /* margin-top: 40px; */
        transition: .3s;
        margin-bottom: 4px;
        background-color: white;
        /* height: 150px; */
        padding: 9px 0px;
        width: 100%;

    }

    /*   
.card_box-medicin{
  width: 100%;
  object-fit: cover;
} */
    .slider_carousel .owl-prev {
        left: 0px;
    }

    .slider_carousel .owl-prev,
    .slider_carousel .owl-next {
        width: 40px;
        height: 40px;
        background: #0000006b;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        color: white;
    }

    .slider_carousel .owl-next {
        right: 0px;
    }

    .our-pillars {
        background-color: lightgray;
        padding: 20px;
        border-radius: 3px;
    }

    .our-pillars .d-flex div img {
        width: 100%;
        height: 169px;
    }

    .piller-box {
        /* background-color: white; */
        width: 20%;
    }

    .piller-box h6 {
        /* padding: 20px; */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        font-size: 40px;
        /* color: lightgray; */
    }

    .success-card p {
        font-size: 14px;
        font-weight: bold;
        padding: 10px;
    }

    .test-img {
        overflow: hidden;
        display: block;
    }

    .test-img img {
        width: 100%;
        height: 250px;
        transition: .5s;
        object-fit: fill;
        border-radius: 4px;
    }

    .test-img:hover img {
        scale: 1.2;
    }

    .page-header-contact {
        /* background: #19193e; */
        background-image: url('/img/contact-us.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30rem;
    }

    .page-header-contact h1 {
        font-size: 70px;
        font-weight: 800;
        letter-spacing: 1px;
        color: black !important;
    }

    .page-header-contact h1 {
        font-size: 50px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .contact-call {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .contact-call i {
        font-size: 40px;
        color: #a7db58;


    }

    .contact-call-child {
        border: 1px lightgray solid;
        padding: 20px;
        border-radius: 50%;
    }

    .contact-call-child-second span {
        display: block;
        font-size: 18px;
    }

    .contact-form-set .form-control {
        padding: 15px;
        border-radius: 7px;
    }

    .form-contact {
        width: 50%;
    }

    .one-banner {
        background-image: url("C:/Users/User/Downloads/MLM/img/medical-banner.jpg");
        background-size: cover;
        background-position: center;
        height: 44rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        /* text-align: center; */
    }

    .onecore {
        height: 100px;
    }

    .one-1 {
        color: black;
        padding: 10px;
    }

    .one-1 i {
        font-size: 26px;
        background-color: lightsalmon;
        cursor: pointer;
        padding: 15px;
        color: white;
        border-radius: 3px;

    }

    .one-1 p {
        color: black;
    }

    .main-one p {
        line-height: 26px;
    }

    .hidden {
        display: none;
    }

    .toggle-icon {
        cursor: pointer;
        transition: transform 0.3s;
    }

    .vis-1 span {
        display: block;
        /* line-height: 30px; */

    }

    .major-sec {
        display: flex;
        align-items: center;
        width: 100%;

    }

    .major-sec span {
        text-transform: uppercase;

    }

    .major-sec i {
        background-color: orangered;
        font-size: 30px;
        padding: 14px;
        width: 64px;
        text-align: center;
        border-radius: 50%;
        margin: 8px;
        color: white;
        display: block;
    }

    .recent-card img {
        width: 100%;
        height: 20rem;
        object-fit: cover;

    }

    .recent-card {
        background-color: white;
        padding: 5px;

    }

    .leaf-1 {
        /* background-image: linear-gradient(rgb(47 41 107 / 87%), rgb(29 30 92 / 87%)), url('/img/leaf.jpg');
  background-position: center;
  background-size: cover; */
        padding: 70px;
        /* margin-top: 125px; */
    }

    .leaf-card {
        background-color: transparent;
        border: 1px #7372724f dashed;
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: white;
        padding: 45px;
        width: 100%;
        text-wrap: nowrap;
        /* color: black; */
        background-color: #444473e3;
        border-radius: 3px;

    }




    .leaf-card h6 {
        color: #638e21;

    }

    .leaf-card h1 {
        font-weight: 800;
    }

    .health-list {
        color: black;
    }

    .health-list ul li {
        line-height: 40px;

    }

    .health-text p {
        line-height: 30px;

    }


    /**************** FAQ page */

    .details {
        display: none;
    }

    .list-item-c {
        margin-bottom: 10px;
    }

    .list-item-c {
        /* border-bottom: 1px solid lightgray; */
        list-style: none;
        padding-top: 15px;
    }

    .toggle strong {
        display: flex;
        align-items: center;
    }

    .toggle {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        background-color: #e3e3e3;
        text-decoration: none;
        font-weight: bold;
        color: black;
    }

    .fa-solid.fa-chevron-down {
        background: red;
        padding: 18px;
        color: white;
        border-radius: 3px;
        background: linear-gradient(45deg, #47df94, #4d77d7);
    }

    .details {
        display: none;
        padding: 10px;
        /* background-color: #fafafa; */
        /* border: 1px solid #ddd; */
    }



    .about-text .a-2 {
        font-size: 18px;
        letter-spacing: 0.3px;
        color: #8699a6;
        padding-top: 10px;
        line-height: 38px;
        text-align: justify;
    }

    .about-text .a-3 {

        font-size: 18px;

        letter-spacing: 1.1px;

        color: #414b52;

        padding-top: 1px;



    }


    .img1 {
        width: 95%;
        height: 47vh;
        object-fit: cover;
        border-radius: 5px;
    }

    .blog-imgs {
        background: #dee2e6;
        padding: 23px 0px 24px 29px;
        border-radius: 6px;
        margin-bottom: 7px;
        box-shadow: 1px 1px 4px 1px;
    }

    .blog-text-gro {
        padding-top: 32px;

    }

    .img2 {
        width: 100%;
        border-radius: 2px;
    }

    .imges-blogs {
        background: #b1aaaa;
        padding: 6px;
        border-radius: 3px;
        box-shadow: 1px 1px 4px 1px;


    }

    .phili-text-1 {
        font-size: 10px;
    }

    .phili-text {
        font-size: 14px;
    }

    .gap-0 {

        display: flex;

        /* justify-content: space-around; */

        gap: 9rem;

    }






    .blog-btn {

        margin-top: 40px;

        display: flex;

        flex-wrap: wrap;

        margin-bottom: 20px;

    }



    .blog-btn .btn {

        background-color: rgb(47 47 106);

        flex: 1;

        margin: 5px;

    }



    .blog-btn .btn:hover {

        background-color: lightslategray;

        /* color: black; */

    }

    /*** product page ***********/
    .onlin-text-1 {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 80px;
        display: ruby-text;
    }

    .min-shop {
        text-align: center;
        margin-bottom: 19px;
        background: white;
    }

    .text-Onli {
        font-size: 32px;
        font-weight: bold;
        color: black;
        border: 1px solid;
        padding: 9px;
        box-shadow: 1px 1px 5px 1px;
        border-radius: 6px;
    }

    .shop-imge {
        height: 10rem;
        width: 10rem;
    }

    .on-shop-main {
        display: flex;
        justify-content: space-around;
    }

    .glut-red {
        color: #5e3612;
        padding: 7px;
    }

    .pric-f {
        color: black;
        font-weight: bold;
        padding-left: 15px;
    }

    .glu-pri {
        color: #0a6c5a;
        font-weight: bold;
        padding-left: 30px;
        font-size: 18px;
    }

    .glu-pres {
        color: black;
        font-weight: bold;
        padding-left: 10px;
    }

    .prod-deta {
        font-size: 20px;
        width: 87%;
        border: none;
        background: #3d3d90;
        padding: 8px;
        color: white;
        border-radius: 5px;
        margin-bottom: 20px;
        box-shadow: 1px 2px 5px 2px #b3b0b0;
        margin-top: 10px;
    }

    .card-1 {
        border: none;
        box-shadow: 0px 2px 2px 1px;
        width: 16rem;
        border-radius: 5px;
        padding-top: 12px;
    }

    .shop-imge:hover {
        transform: rotateY(180deg);
    }

    .shop-imge.hover-effect:hover {
        transform: scale(0.5);
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    }

    .card-1:hover {
        box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .circle-container {
        position: relative;
        width: 344px;
        height: 353px;
        margin: 100px auto;
        border-radius: 50%;
    }

    .central-img-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid;
        border-radius: 60%;
        width: 39%;
        height: 39%;
        box-shadow: 6px 0px 63px cadetblue;
        text-align: center;
    }

    .central-img {
        width: 94%;
        height: 100%;
    }

    .surrounding-img {
        position: absolute;
        width: 25%;
        height: 25%;
    }

    .surrounding-img img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        transition: .5s;
    }

    .surrounding-img:hover img {
        scale: 1.2;
    }

    /* Connecting Lines */
    .surrounding-img::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 100px;
        background-color: cadetblue;
        transform-origin: 0 0;
        z-index: -1;
    }

    .img1 {
        top: -15%;
        left: 46%;
        transform: translate(-50%, 0);
        border: 1px red solid;
        border-radius: 50%;
        box-shadow: 0px 1px 49px 5px red;
    }

    .img1::before {
        transform: rotate(-1deg);
        height: 116px;
    }

    .img2 {
        top: 0%;
        left: 60%;
        transform: translate(21%, 0);
        border: 1px pink solid;
        border-radius: 50%;
        box-shadow: 0px 1px 49px 5px pink;
        width: 100px;
        height: 100px;
    }

    .img2::before {
        transform: rotate(44deg);
        height: 98px;
    }

    .img3 {
        top: 50%;
        left: 95%;
        transform: translate(-50%, -50%);
        border: 1px #00f006 solid;
        border-radius: 50%;
        box-shadow: 0px 1px 49px 5px #00f006;
        width: 110px;
        height: 110px;
    }

    .img3::before {
        transform: rotate(88deg);
        height: 87px;
    }

    .img4 {
        top: 87%;
        left: 80%;
        transform: translate(-50%, -50%);
        border: 1px rgb(247, 0, 255) solid;
        border-radius: 50%;
        box-shadow: 0px 1px 49px 5px rgb(247, 0, 255);
        width: 105px;
        height: 105px;
    }

    .img4::before {
        transform: rotate(145deg);
        height: 99px;
    }

    .img5 {
        top: 96%;
        left: 39%;
        transform: translate(-50%, -50%);
        border: 1px rgb(8, 202, 236) solid;
        border-radius: 50%;
        box-shadow: 0px 1px 49px 5px rgb(8, 202, 236);
        width: 115px;
        height: 115px;
    }

    .img5::before {
        transform: rotate(-166deg);
        height: 99px;
    }

    .img6 {
        top: 61%;
        left: 10%;
        transform: translate(-50%, -50%);
        border: 1px rgb(248, 121, 1) solid;
        border-radius: 50%;
        box-shadow: 0px 1px 49px 5px rgb(248, 121, 1);
        width: 90px;
        height: 90px;
    }

    .img6::before {
        transform: rotate(-95deg);
        height: 79px;
    }

    .img7 {
        top: 22%;
        left: 3%;
        transform: translate(-50%, -50%);
        border: 1px #009df9 solid;
        border-radius: 50%;
        box-shadow: 0px 1px 49px 5px #009df9;
        width: 110px;
        height: 110px;
    }

    .img7::before {
        transform: rotate(-57deg);
        height: 123px;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        /* background-color: var(--bs-dropdown-link-hover-bg); */
    }

    .oppor-pack {
        list-style: none;
        color: #555454;
        font-size: 20px;
        padding: 10px;
    }

    .oppor {
        border: 11px solid lightblue;
        border-radius: 3px;
    }

    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: white;
        background-color: #6c6b6b;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
        position: relative;
        right: 20px;
    }

    .left-side .opportunity-img {

        column-count: 3;
    }

    .left-side .opportunity-img .first {
        height: 230px;
    }

    .left-side .opportunity-img .img-part {
        border-radius: 10px;
        margin-bottom: 20px;
        overflow: hidden;
        width: 100%;
    }

    .left-side .opportunity-img .img-part img {
        height: 100%;

        transition: .5s;
        width: 100%;
    }

    .left-side .opportunity-img .second {
        height: 180px;
    }

    .left-side .opportunity-img .third {
        height: 280px;
    }

    .left-side .opportunity-img .fourth {
        height: 213px;
    }

    .left-side .opportunity-img .fiveth {
        height: 300px;
    }

    .left-side .opportunity-img .sixth {
        height: 180px;
    }

    .left-side .opportunity-img .seventh {
        height: 180px;
    }

    .left-side .opportunity-img .img-part:hover img {
        scale: 1.2;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: transparent;
        cursor: pointer;
    }

    canvas {
        display: block;
        vertical-align: bottom;
    }


    /* ---- stats.js ---- */

    .count-particles {
        background: #000022;
        position: absolute;
        top: 48px;
        left: 0;
        width: 80px;
        color: #13E8E9;
        font-size: .8em;
        text-align: left;
        text-indent: 4px;
        line-height: 14px;
        padding-bottom: 2px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
    }

    .js-count-particles {
        font-size: 1.1em;
    }

    #stats,
    .count-particles {
        -webkit-user-select: none;
        margin-top: 5px;
        margin-left: 5px;
    }

    #stats {
        border-radius: 3px 3px 0 0;
        overflow: hidden;
    }

    .count-particles {
        border-radius: 0 0 3px 3px;
    }


    /* ---- particles.js container ---- */

    #particles-js {
        width: 100%;
        height: 100%;
        background-color: rgb(22 22 63);
        background-image: url('');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .partial {
        position: absolute !important;
        top: 30%;
        left: 8%;
    }