#topheader .nav-pills .nav-link.active {
            border-bottom: 2px solid white;
            padding-bottom: 16px;
            border-radius: 0px;
            font-weight: bold;
            font-size: 16px;
            color: white;
        }

        .main .carousel .carousel-indicators li {
            width: 10px !important;
            height: 10px;
            border-radius: 40%;
            bottom: 10px;
        }

        /* .btn-postion {
                        position: absolute;
                        top: 60%;
                        left: 40%;
                        transform: translate(-50%, -50%);

                    } */
        .item-a{
            position: absolute;
            bottom: 25px;
            left: 10%;
        }

        .item-a .new .breadcrumb-item a {
            font-size: 18px !important;
            color: white;
        }

        .item-a .new .breadcrumb-item {
            font-size: 18px !important;
        }

        .item-a .new .breadcrumb-item::before{
            font-size: 21px !important;
        }

        .main-c .card .card-img-top {
            width: 100%;
        }

        .big .active {
            color: white;
        }

        #topheader .navbar-nav li>a {
            text-transform: capitalize;
            color: #D0D0D0;
            font-size: 16px;
        }

        .btn-color {
            background-color: #f2f2f28f;
            border-radius: 2em;
        }

        .class-magin {
            margin-bottom: 0ch
        }

        .padding-color {
            background-color: #F2F2F2;
        }

        .nav-text-color {
            color: #D0D0D0;
            font-size: 15px;
        }

        .mgr .C {
            background-color: #ed1c233b;
            color: #ED1C24;
        }

        .rounded-bu {
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px
        }

        .image-new {
            position: absolute;
            top: 26px;
            right: 20px;
        }

        .custome_new .main-c .card .image-new {
            display: none;
        }

        .pr-one .pr-two .pr-three .card-body .text-danger {
            display: none;
        }

        .pr-one .pr-two .pr-three .card-body .delete_class {
            display: none;
        }

        .main-one .main-2 .pr-three .card-body .first-text {
            display: none;
        }

        .main-one .main-2 .pr-three .card-body .first-text {
            display: none;
        }

        .customise {
            display: flex;
            gap: 1em;
            justify-content: space-around;
        }

        .wd-set {
            width: 13rem;
        }

        .my-margin {
            margin-bottom: 3em;
        }

        .pagination ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .pagination a {
            display: inline-block;
            padding: 10px 18px;
            color: #222;
        }

        .is-active {
            background-color: #00AEEF;
        }

        .locate {
            position: relative;
            transform: translate(-50%, -50%);
            top: 50px;
            left: 50%;
        }

        .rounded-small {
            border-radius: 4px;
        }

        .magin-product {
            margin: 15px;
        }

        @media(max-width:2560px) {
            .main #carouselExampleIndicators a {
                display: none;
            }
        }

        @media (max-width: 1440px) {
            .wd-set {
                width: 11rem;
            }

            .customise {
                justify-content: start;
            }
        }

        @media (max-width: 995px) {
            .sm-r {
                display: flex;
                flex-wrap: nowrap;
            }
        }

        @media (max-width: 768px) {

            .icon-position {
                left: 0px;
                position: relative;
                top: 0px;

            }

            .item-a .new .breadcrumb-item a {
                font-size: 12px;
            }

            .item-a .new .breadcrumb-item {
                font-size: 12px;
            }

            .item-a .new {
                position: relative;
                bottom: 15px;
                left: 1%;
            }

        }

        @media (max-width: 425px) {
             .main #carouselExampleIndicators ol li {
                display: none;
            }

            .main #carouselExampleIndicators a {
                display: flex;
                bottom: 32px;

            }

            .main .carousel .carousel-indicators {
                top: 81%;
                left: 25%;
                position: absolute;
                transform: translate(-50%, -50%);
            }

            .title-size {
                font-size: 15px;
            }

            .item-a .new .breadcrumb-item a {
                font-size: 10px;
            }

            .item-a .new .breadcrumb-item {
                font-size: 10px;
            }
                .icon-position {
                left: 0px;
                position: relative;
                top: 0px;

            }
        }