html {
            width: auto;
            height: auto;
            margin: 0px;
            padding: 0px;
            overflow-x: hidden;
        }
        
        body {
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: 'Montserrat', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            box-sizing: border-box;
        }
        
        code {
            font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
        }
        
        #loader {
            position: fixed;
            /* Sit on top of the page content */
            display: block;
            /* Hidden by default */
            width: 100%;
            /* Full width (cover the whole page) */
            height: 100%;
            /* Full height (cover the whole page) */
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 1;
            z-index: 99999;
            /* Specify a stack order in case you're using a different order for other elements */
            cursor: progress;
            /* Add a pointer on hover */
        }
        
        .lcontent {
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 50px;
            color: white;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
        
        a {
            text-decoration: none!important;
        }
        /*Header*/
        
        .wlcm-text {
            display: flex;
            flex-direction: column;
            padding: 0.5rem 0.7rem;
        }
        
        .nav {
            background: rgba(0, 153, 255, 0.22);
        }
        
        .navbar-brand {
            font-family: Montserrat;
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 29px;
            display: flex;
            align-items: center;
            text-transform: uppercase;
            color: #333399;
        }
        
        .nav .navbar-toggler {
            background: transparent;
            outline: none;
        }
        
        .hbrgr {
            color: #333399;
        }
        
        .nav #collapsibleNavbar {
            background: white;
            box-shadow: 2px 2px 30px rgb(0 0 0 / 15%);
            border-radius: 20px;
        }
        
        .nav #collapsibleNavbar .nav-item .h-btn {
            background: transparent;
            border: none;
        }
        
        .nav #collapsibleNavbar .nav-item .signin {
            font-size: 12px;
            line-height: 12px;
            font-weight: 700;
            padding: 10px 10px;
            margin-right: 10px;
            display: flex;
            outline: none;
            align-items: center;
            text-transform: uppercase;
            color: #333399;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
        .nav #collapsibleNavbar .nav-item .addbtn {
            font-size: 12px;
            line-height: 12px;
            font-weight: 700;
            padding: 10px 10px;
            margin-right: 10px;
            display: flex;
            align-items: center;
            text-transform: uppercase;
            outline: none;
            color: #333399;
            position: relative;
            overflow: hidden;
            z-index: 1;
            width: 100%;
        }
        
        .nav #collapsibleNavbar .nav-item .signup {
            font-size: 12px;
            line-height: 12px;
            font-weight: 700;
            padding: 10px 10px;
            margin-right: 10px;
            display: flex;
            align-items: center;
            outline: none;
            text-transform: uppercase;
            color: #333399;
            margin-bottom: 10px;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
        .nav #collapsibleNavbar .nav-item .lgoutbtn {
            font-size: 12px;
            line-height: 12px;
            font-weight: 700;
            padding: 10px 10px;
            display: flex;
            align-items: center;
            text-transform: uppercase;
            color: #333399;
            outline: none;
            position: relative;
            overflow: hidden;
            z-index: 1;
            margin-bottom: 10px;
            width: 100%;
        }
        
        .marquee {
            display: flex;
            justify-content: space-between;
            background: rgba(0, 153, 255, 0.22);
            color: #333399;
            font-weight: bold;
            letter-spacing: 1px;
        }
        
        .home-section {
            background: rgba(0, 153, 255, 0.22);
            padding: 100px 0;
            padding-bottom: 0;
        }
        
        .home-section .home-content h1 {
            font-family: Montserrat;
            font-size: 44px;
            font-weight: 700;
            line-height: 56px;
        }
        
        .home-section .home-content h3 {
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 24px;
            line-height: 38px;
            /* or 38px */
            margin-top: 20px;
            margin-bottom: 30px;
            color: #000000;
            opacity: 0.8;
        }
        
        .home-section .home-content .cta-1 {
            background-color: #333399;
            border-radius: 20px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 22px;
            display: inline-block;
            align-items: center;
            text-transform: uppercase;
            padding: 10px 50px;
            color: #FFFFFF;
            margin-right: 5px;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
        .home-section .home-content .cta-1::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 0%;
            background-color: rgba(0, 0, 0, 0.3);
            height: 100%;
            z-index: -1;
            transition: all 0.3s ease;
        }
        
        .home-section .home-content .cta-1:hover::before {
            width: 100%;
        }
        
        .home-section .home-content .cta-2 .live {
            font-family: Montserrat;
            font-style: italic;
            font-weight: bold;
            font-size: 12px;
            line-height: 15px;
            display: inline-block;
            align-items: center;
            text-transform: uppercase;
            color: #FF0000;
        }
        
        .home-section .home-content .cta-2 {
            background-color: transparent;
            border: 1px solid #333399;
            border-radius: 20px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 22px;
            display: inline-block;
            align-items: center;
            text-transform: uppercase;
            padding: 10px 40px;
            color: #333399;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
        .home-section .home-content .cta-2::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 0%;
            background-color: rgba(0, 0, 0, 0.3);
            height: 100%;
            z-index: -1;
            transition: all 0.3s ease;
        }
        
        .home-section .home-content .cta-2:hover::before {
            width: 100%;
        }
        
        .home-section .home-img img {
            max-width: 500px;
            width: 100%;
            position: absolute;
        }
        
        header.masthead {
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: cover;
            height: 80vh;
        }
        
        .owl-item.active .item img {
            height: 80vh;
            width: 100vw;
        }
        
        .contentinslider {
            position: absolute;
            left: 21%;
            top: 18%;
            color: #ffffff;
            margin-left: 100px;
            opacity: 0;
            transition: 0.8s all ease;
        }
        
        .owl-item.active .contentinslider {
            margin-left: 0px;
            opacity: 1;
            transition: 0.8s all ease;
        }
        
        .contentinslider h2 {
            font-size: 54px;
            text-transform: uppercase;
        }
        
        .contentinslider h4 {
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 20px;
            position: relative;
            padding-bottom: 20px;
        }
        
        .contentinslider h4:after {
            position: absolute;
            content: "";
            height: 4px;
            width: 100px;
            background: #c95433;
            left: 0px;
            top: 38px;
            display: block;
        }
        
        .contentinslider p {
            max-width: 500px;
            font-size: 16px;
            line-height: 28px;
            margin-top: 10px;
        }
        
        .contentinslider a {
            background: #c95433;
            padding: 14px 30px;
            border-radius: 50px;
            color: #ffffff;
            position: relative;
            top: 17px;
            letter-spacing: 1px;
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .about-section {
            padding: 100px 0 100px;
        }
        
        .about-section .about-img img {
            max-width: 500px;
            width: 100%;
            position: absolute;
            right: 100px;
            top: 10%;
        }
        
        .about-section .about-content {
            margin-left: 0;
        }
        
        .about-section .about-content h1 {
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 50px;
            text-align: center;
            margin-bottom: 50px;
            letter-spacing: 1px;
            text-transform: capitalize;
            color: rgba(161, 84, 242, 0.8);
        }
        
        .about-section .about-content h4 {
            font-family: Montserrat;
            font-style: normal;
            font-weight: normal;
            font-size: 22px;
            line-height: 158.47%;
            /* or 38px */
            margin-bottom: 50px;
            text-align: center;
            color: #000000;
        }
        
        .services {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .products-section {
            padding: 80px 0 80px;
        }
        
        .products-section .products-item {
            box-shadow: 0 0 10px #dddde3;
            margin: 15px 0;
        }
        
        .products-section .product-img {
            border-bottom: 1px solid #eee;
            position: relative;
        }
        
        .products-section .btn {
            margin: auto;
        }
        
        .products-section .mybtn1 {
            background-color: #fff;
            border: 1px solid #333399;
            border-radius: 20px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 14px;
            line-height: 22px;
            display: inline-block;
            align-items: center;
            text-transform: uppercase;
            padding: 10px 40px;
            color: #333399;
            position: relative;
            overflow: hidden;
            margin-bottom: 10px;
            z-index: 1;
        }
        
        .products-section .product-img img {
            width: 100%;
            display: block;
        }
        
        .products-section .product-content {
            padding: 0 30px;
            text-align: center;
        }
        
        .products-section .product-content .product-price {
            margin: 15px 0 5px;
        }
        
        .products-section .product-content .product-price .price {
            font-size: 18px;
            font-weight: 700;
            display: inline-block;
            margin: 0 5px;
        }
        
        .products-section .product-content .product-name {
            font-size: 16px;
            font-weight: 600;
            color: #222;
            line-height: 26px;
            margin: 0;
            padding-bottom: 10px;
        }
        
        .s-heading h1 {
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 50px;
            text-align: center;
            margin-bottom: 30px;
            letter-spacing: 1px;
            text-transform: capitalize;
            color: rgba(161, 84, 242, 0.8);
        }
        
        .s-box-container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 50px;
        }
        
        .s-box lottie-player {
            height: 300px;
        }
        
        .s-box .mybtn1 {
            background-color: #333399;
            border: 1px solid #333399;
            border-radius: 20px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: bolder;
            font-size: 14px;
            line-height: 22px;
            display: inline-block;
            align-items: center;
            text-transform: uppercase;
            padding: 10px 40px;
            color: #fff;
            position: relative;
            overflow: hidden;
            margin-bottom: 10px;
            z-index: 1;
        }
        
        .s-box {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 10px;
            width: 300px;
            height: 500px;
            padding: 20px;
            /*background-color: rgba(0, 153, 255, 0.12);*/
            box-sizing: border-box;
            margin-right: 25px;
            margin-left: 25px;
            position: relative;
            box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
        }
        
        .s-box h1 {
            color: black;
            letter-spacing: 1px;
            font-size: 1.5rem;
            margin-bottom: 15px;
            text-align: center;
            font-weight: bold;
        }
        
        .s-box p {
            text-align: center;
        }
        
        .bar {
            width: 100px;
            height: 6px;
            position: absolute;
            left: 50%;
            top: 0px;
            transform: translateX(-50%);
            background-color: #333399;
            border-radius: 0px 0px 10px 10px;
        }
        
        .circle {
            padding: 16px 20px;
            border-radius: 30%;
            background-color: #8c5dca;
            color: #fff;
            max-height: 50px;
            z-index: 2;
        }
        
        h2 {
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 50px;
            text-align: center;
            margin-bottom: 30px;
            letter-spacing: 1px;
            text-transform: capitalize;
            color: rgba(161, 84, 242, 0.8);
        }
        
        .connecting-lines.row .col-2 {
            align-self: stretch;
        }
        
        .connecting-lines.row .col-2::after {
            content: "";
            position: absolute;
            border-left: 3px solid #6f45a7;
            z-index: 1;
        }
        
        .connecting-lines.row .col-2.bottom::after {
            height: 50%;
            left: 50%;
            top: 50%;
        }
        
        .connecting-lines.row .col-2.full::after {
            height: 100%;
            left: calc(50% - 3px);
        }
        
        .connecting-lines.row .col-2.top::after {
            height: 50%;
            left: 50%;
            top: 0;
        }
        
        .timeline div {
            padding: 0;
            height: 40px;
        }
        
        .timeline hr {
            border-top: 3px solid #6f45a7;
            margin: 0;
            top: 17px;
            position: relative;
        }
        
        .timeline .col-2 {
            display: flex;
            overflow: hidden;
        }
        
        .timeline .corner {
            border: 3px solid #6f45a7;
            width: 100%;
            position: relative;
            border-radius: 15px;
        }
        
        .timeline .top-right {
            left: 50%;
            top: -50%;
        }
        
        .timeline .left-bottom {
            left: -50%;
            top: calc(50% - 3px);
        }
        
        .timeline .top-left {
            left: -50%;
            top: -50%;
        }
        
        .timeline .right-bottom {
            left: 50%;
            top: calc(50% - 3px);
        }
        
        .whatsup {
            width: 70px;
            height: 70px;
            background: rgba(0, 153, 255, 0.22);
            background: #009879;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            border-radius: 50%;
            color: white;
            font-size: 35px;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
            position: fixed;
            right: 20px;
            bottom: 20px;
            z-index: 999;
        }
        
        .whatsup:hover {
            color: white;
            background: #007D63;
        }
        
        .page-footer {
            background: rgba(0, 153, 255, 0.22);
            padding: 25px;
        }
        
        .page-footer .container p {
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            text-align: center;
            padding: 0;
            margin: 0;
            color: #333399;
        }
        
        @media(max-width:1199px) {
            header.masthead h1 {
                font-size: 3.5rem;
            }
            .contentinslider {
                left: 8%;
                top: 15%;
            }
            .contentinslider h2 {
                font-size: 54px;
                text-transform: uppercase;
            }
            .contentinslider h4 {
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: 20px;
                position: relative;
                padding-bottom: 20px;
            }
            .contentinslider h4:after {
                position: absolute;
                content: "";
                height: 4px;
                width: 100px;
                background: #c95433;
                left: 0px;
                top: 38px;
                display: block;
            }
            .contentinslider p {
                max-width: 500px;
                font-size: 16px;
                line-height: 28px;
                margin-top: 10px;
            }
            .contentinslider a {
                background: #c95433;
                padding: 14px 30px;
                border-radius: 50px;
                color: #ffffff;
                position: relative;
                top: 17px;
                letter-spacing: 1px;
                font-size: 14px;
                text-transform: uppercase;
            }
            .home-section .home-img {
                text-align: center;
                overflow: hidden;
            }
            .home-section .home-img img {
                position: relative;
                height: 100%;
            }
            .about-section .about-img {
                text-align: center;
                overflow: hidden;
            }
            .about-section .about-img img {
                position: relative;
                height: 100%;
            }
        }
        
        @media(max-width:991px) {
            body {
                overflow-x: hidden;
            }
            .wlcm-text {
                display: flex;
                flex-direction: column;
                padding: 0.5rem 0.7rem;
            }
            .wlcm-text p {
                font-weight: 600;
                line-height: 1.5;
                color: #32325d;
                margin-bottom: 0px;
            }
            .wlcm-text span {
                font-size: .625rem;
                font-weight: 700;
                color: #8898aa;
                margin-bottom: 10px;
            }
            .nav #collapsibleNavbar {
                background: white;
                box-shadow: 2px 2px 30px rgb(0 0 0 / 15%);
                border-radius: 20px;
            }
            .navbar-nav {
                margin-top: 10px;
            }
            .navbar-nav .nav-item {
                display: flex;
                align-items: center;
                justify-content: left;
                padding-left: 10px;
            }
            .nav #collapsibleNavbar .nav-item .addbtn {
                font-size: 12px;
                line-height: 12px;
                font-weight: 700;
                padding: 10px 10px;
                margin-right: 10px;
                display: flex;
                align-items: center;
                text-transform: uppercase;
                outline: none;
                color: #333399;
                position: relative;
                overflow: hidden;
                z-index: 1;
                width: 100%;
            }
            .nav #collapsibleNavbar .nav-item .signin {
                font-size: 12px;
                line-height: 12px;
                font-weight: 700;
                padding: 10px 10px;
                margin-right: 10px;
                display: flex;
                outline: none;
                align-items: center;
                text-transform: uppercase;
                color: #333399;
                position: relative;
                overflow: hidden;
                z-index: 1;
            }
            .nav #collapsibleNavbar .nav-item .signup {
                font-size: 12px;
                line-height: 12px;
                font-weight: 700;
                padding: 10px 10px;
                margin-right: 10px;
                display: flex;
                align-items: center;
                outline: none;
                text-transform: uppercase;
                color: #333399;
                margin-bottom: 10px;
                position: relative;
                overflow: hidden;
                z-index: 1;
            }
            .nav #collapsibleNavbar .nav-item .lgoutbtn {
                font-size: 12px;
                line-height: 12px;
                font-weight: 700;
                padding: 10px 10px;
                display: flex;
                align-items: center;
                text-transform: uppercase;
                color: #333399;
                outline: none;
                position: relative;
                overflow: hidden;
                z-index: 1;
                margin-bottom: 10px;
                width: 100%;
            }
            .nav #collapsibleNavbar .nav-item .h-btn {
                background: transparent;
                border: none;
            }
            header.masthead {
                height: 100vh;
                min-height: 40rem;
                padding-top: 0px;
                padding-bottom: 0;
            }
            header.masthead p {
                font-size: 1.15rem;
            }
            header.masthead h1 {
                font-size: 3rem;
            }
            .contentinslider {
                left: 8%;
                top: 15%;
            }
            .contentinslider h2 {
                font-size: 25px;
                text-transform: uppercase;
                text-align: left;
            }
            .contentinslider h4 {
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: 20px;
                position: relative;
                padding-bottom: 20px;
            }
            .contentinslider h4:after {
                position: absolute;
                content: "";
                height: 4px;
                width: 100px;
                background: #c95433;
                left: 0px;
                top: 55px;
                display: block;
            }
            .contentinslider p {
                max-width: 500px;
                font-size: 16px;
                line-height: 28px;
                margin-top: 10px;
            }
            .contentinslider a {
                background: #c95433;
                padding: 14px 30px;
                border-radius: 50px;
                color: #ffffff;
                position: relative;
                top: 17px;
                letter-spacing: 1px;
                font-size: 14px;
                text-transform: uppercase;
            }
            .home-section {
                padding-top: 50px;
                text-align: center;
            }
            .home-section .home-img {
                padding: 10px;
                text-align: center;
                overflow: hidden;
            }
            .home-section .home-img img {
                max-width: 400px;
                left: 0;
                width: 100%;
                position: relative;
            }
            .home-section .home-content {
                padding: 24px;
            }
            .home-section .home-content h1 {
                font-family: Montserrat;
                font-size: 24px;
                font-weight: 700;
                margin-top: 15px;
                line-height: 36px;
            }
            .home-section .home-content h3 {
                font-family: Montserrat;
                font-style: normal;
                font-weight: bold;
                font-size: 18px;
                line-height: 38px;
                /* or 38px */
                margin-top: 20px;
                margin-bottom: 30px;
                color: #000000;
                opacity: 0.8;
            }
            .about-section .about-img {
                text-align: center;
                overflow: hidden;
            }
            .about-section .about-img img {
                max-width: 400px;
                left: 0;
                width: 100%;
                position: relative;
            }
        }
        
        .s-box-container {
            flex-wrap: wrap;
            margin
        }
        
        .services {
            height: auto;
        }
        
        .s-box {
            margin-bottom: 15px;
        }
        
        .modal-body .form-signin .form-label-group .form-control,
        .modal-body .form-frgtpass .form-label-group .form-control,
        {
            margin-bottom: 20px;
            border-radius: 20px;
        }
        
        .modal-body .sign-in-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            border-style: none;
            width: 239px;
            height: 40px;
            border-radius: 100px;
            margin-left: 25%;
            margin-top: 10%;
            margin-bottom: 10%;
            background-color: #333399;
            color: #ffffff;
            font-size: inherit;
            font-weight: normal;
        }
        
        .sign-in-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            border-style: none;
            width: 239px;
            height: 40px;
            border-radius: 100px;
            margin-left: 25%;
            margin-top: 10%;
            margin-bottom: 10%;
            background-color: #333399;
            color: #ffffff;
            font-size: inherit;
            font-weight: normal;
        }
        
        .modal-body .form-signin .sign-in-btn,
        .modal-body .form-frgtpass .sign-in-btn,
        .modal-body .sign-in-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            border-style: none;
            width: 239px;
            height: 40px;
            border-radius: 100px;
            margin-left: 25%;
            background-color: #333399;
            color: #ffffff;
            font-size: inherit;
            font-weight: normal;
        }
        
        label.required::after {
            content: ' *';
            color: red;
        }
        
        .market-container {
            box-sizing: border-box;
            margin-top: 20px;
            margin-bottom: 80px;
        }
        
        .market-container .container {
            font-size: x-large;
            color: rgb(2, 1, 1);
            font-weight: 700;
            margin-left: 100px;
        }
        
        .market-container .container .date {
            padding-left: 10px;
            font-size: large;
            font-weight: 500;
        }
        
        .blink {
            border-radius: 7px;
            width: auto;
            padding: 5px 10px;
            background-color: green;
            color: #ffffff;
            animation: blinker 1s linear infinite;
        }
        
        .closed {
            border-radius: 7px;
            width: auto;
            padding: 5px 10px;
            background-color: red;
            color: #ffffff;
            animation: blinker 1s linear infinite;
        }
        
        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
        
        .market-container .card-deck {
            margin-top: 30px;
            display: grid;
            grid-template-columns: auto auto auto;
            grid-row-gap: 30px;
            grid-column-gap: 30px;
            margin-left: 100px;
            margin-right: 100px;
        }
        
        .market-container .card-deck .card {
            font-size: large;
            font-weight: bold;
            color: black;
            background: #333399;
            color: #ffffff;
        }
        
        .market-container .container1 {
            margin-top: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .market-container .cta-3 {
            background-color: transparent;
            border: 1px solid #333399;
            border-radius: 20px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 22px;
            display: inline-block;
            align-items: center;
            text-transform: uppercase;
            padding: 10px 40px;
            color: #333399;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
        .market-container .cta-3::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 0%;
            background-color: rgba(0, 0, 0, 0.3);
            height: 100%;
            z-index: -1;
            transition: all 0.3s ease;
        }
        
        .market-container .cta-3:hover::before {
            width: 100%;
        }
        
        .supplier-container {
            box-sizing: border-box;
            margin-top: 20px;
            margin-left: 100px;
            margin-right: 100px;
        }
        
        .supplier-container .container {
            font-size: x-large;
            color: rgb(2, 1, 1);
            font-weight: 700;
        }
        
        .supplier-container .container .filters {
            padding-left: 10px;
            padding-right: 10px;
            font-size: large;
            font-weight: 500;
        }

        .supplier-container .container .filter-select {
            margin-right: 10px;
            font-size: large;
            font-weight: 500;
        }
        
        .supplier-container .container .sort {
            padding-left: 10px;
            padding-right: 10px;
            font-size: large;
            font-weight: 500;
        }
        
        .supplier-container .container .sort-select {
            font-size: large;
            font-weight: 500;
        }
        
        .supplier-container .card-deck {
            margin-top: 30px;
            display: grid;
            grid-template-columns: auto auto auto auto;
            grid-row-gap: 30px;
            margin-bottom: 30px;
        }
        
        .supplier-container .card-deck .card {
            font-size: large;
            font-weight: bold;
            color: black;
        }
        
        .supplier-container .card-deck .card .prd_data {
            font-size: medium;
            font-weight: 600;
        }
        
        .rate {
            color: red;
            font-weight: bold;
        }
        
        .supplier-container .card-deck .card .card-body .details-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            border-style: none;
            border-radius: 100px;
            text-align: center;
            background-color: #333399;
            color: #ffffff;
            font-size: inherit;
            font-weight: bold;
        }
        
        .card-img-top {
            flex-grow: 1;
            padding: 2px;
            height: 30vh;
            object-fit: cover;
            border-radius: 15px;
        }
        
        .card-body {
            flex-grow: 0;
        }
        
        .supplier-container .more-link {
            text-align: center;
            font-size: larger;
            font-weight: bold;
            text-decoration: none;
            margin-bottom: 30px;
        }
        
        .page-footer {
            background: rgba(0, 153, 255, 0.22);
            padding: 25px;
        }
        
        .page-footer .container p {
            font-family: Montserrat;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            text-align: center;
            padding: 0;
            margin: 0;
            color: #333399;
        }
        
        @media only screen and (max-width: 1025px) {
            .nav-ul {
                display: flex;
                flex-direction: column;
                width: 100%;
                background-color: rgb(51, 50, 50);
            }
            .nav-ul .navbar-center {
                display: flex;
                justify-content: center;
                align-items: center;
                border-style: none;
                padding-top: 30px;
                padding-right: 0;
                margin-left: 0;
                margin-bottom: 20px;
                border-radius: 100px;
                width: 100%;
                height: 68px;
            }
            .nav-ul .signup-btn {
                margin-left: 0;
                margin-bottom: 20px;
            }
            .modal-body .form-signin .sign-in-btn,
            .modal-body .form-frgtpass .sign-in-btn {
                margin-left: 0;
                margin-right: 40px;
            }
            .market-container .container {
                margin-left: 5px;
            }
            .market-container .container .blink {
                font-size: normal;
            }
            .market-container .container .date {
                display: flex;
                flex-direction: column;
                font-size: normal;
                font-weight: 500;
                padding-left: 0;
                margin-top: 10px;
            }
            .market-container .card-deck {
                margin-top: 30px;
                display: grid;
                grid-template-columns: auto auto;
                grid-column-gap: 5px;
                grid-row-gap: 10px;
                margin-left: 5px;
                margin-right: 5px;
            }
            .market-container .card-deck .card {
                font-size: 12px;
                background: #333399;
                color: #ffffff;
            }
            .supplier-container {
                box-sizing: border-box;
                margin-top: 20px;
                margin-left: 0;
                margin-right: 0;
            }
            .supplier-container .container .filters {
                display: flex;
                flex-direction: column;
            }
            .supplier-container .container .filters .filter-select {
                display: flex;
                flex-direction: column;
                margin-bottom: 5px;
            }
            .supplier-container .container .sort {
                display: flex;
                flex-direction: column;
                margin-top: 5px;
            }
            .supplier-container .card-deck {
                margin-top: 30px;
                display: grid;
                grid-template-columns: auto auto;
                grid-column-gap: 5px;
                grid-row-gap: 5px;
            }
            .supplier-container .card-deck .card .card-body {
                font-size: 11px;
                padding: 5px;
            }
            .supplier-container .card-deck .card .card-body .card-title {
                font-size: 14px;
                font-weight: bold;
            }
            .supplier-container .card-deck .card .card-body .prd_data {
                font-size: 10px;
                padding: 5px;
            }
        }