.s1top {
            margin-top: 70px !important;
        }

        .stop {
            padding: 40px 20px 20px 20px !important;
        }

        .ppad {
            padding: 0 10px 10px 20px;
        }

        .onlyd {
            margin-top: 30%;
        }

        .mpad {
            padding: 20px !important;
            text-align: left !important;
            width: 70%;
        }

        .m20 {
            margin-top: 20%;
        }

        .feedback {
            padding: 10px 20px;
            border-radius: 4px;
        }

        #mybutton {
            position: fixed;
            bottom: -4px;
            right: 10px;
        }


        @media only screen and (max-width: 550px) {
            .hom {
                display: none !important;
            }

            .som {
                display: block !important;
            }

            #example2 {
                margin-top: 20px !important;
            }

            .m20 {
                margin-top: 50% !important;
            }

            .topm1 {
                margin-top: 50px !important;
            }

            .topm {
                margin-top: 240px !important;
            }

            .ppad {
                padding: 2px !important;
            }

            .stop {
                padding: 10px 5px !important;
            }

            .mpad {
                padding: 20px !important;
                text-align: left !important;
                width: 90% !important;
            }

            .onlyd {
                margin-top: 1% !important;
            }

            .tab-pane-content {
                width: 100%;
            }
        }



        .payment-mode {
            border: 1px solid #feba14;
        }

        .hom {
            display: block;
        }

        .som {
            display: none;
        }

        #example2 {
            border: 2px solid #feba14;
            border-radius: 0 50px 0 50px;
            width: 100% !important;
            padding: 20px !important;
        }

        .btn:hover,
        .nav-pills .nav-link.active {
            background: #feba14;
        }

        .tab-pane {
            padding: 0px !important;
            border: 0px solid #feba14 !important;
        }

        .nav-pills .nav-link {
            border: 1px solid #feba14;
        }

        .nav-tabs .nav-link {
            color: #feba14 !important;
        }

        .btn-primary {
            background: #feba14;
        }

        header,
        footer {
            background: none !important;
        }

        .donor-form {
            margin-top: 5px !important;
        }

        .btnstyle {
            margin-top: 0px;
        }

        .fixed-top {
            background: #fcfcfc !important;
        }


        .overlay {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: rgb(0, 0, 0);
            background-color: rgba(0, 0, 0, 0.9);
            overflow-x: hidden;
            transition: 0.5s;
        }

        .overlay-content {
            position: relative;
            top: 25%;
            width: 100%;
            text-align: center;
            margin-top: 10px;
            padding: 0 10%;
            text-align: center !important;
        }

        .overlay a {
            padding: 8px;
            text-decoration: none;
            font-size: 36px;
            color: #818181;
            display: block;
            transition: 0.3s;
        }

        .overlay a:hover,
        .overlay a:focus {
            color: #f1f1f1;
        }

        .overlay .closebtn {
            position: absolute;
            top: 20px;
            right: 45px;
            font-size: 60px;
        }

        .wvid {
            width: 80%;
        }

        @media screen and (max-height: 450px) {
            .overlay a {
                font-size: 20px
            }

            .overlay .closebtn {
                font-size: 40px;
                top: 15px;
                right: 35px;
            }

            .overlay-content {
                position: relative;
                top: 25%;
                width: 96% !important;
                text-align: center;
                margin-top: 30px;
                padding: 0 !important;
            }

            .wvid {
                width: 100% !important;
            }

        }

        #s2 .row>* {
            flex-shrink: 0;
            padding-right: calc(var(--bs-gutter-x) * .001) !important;
            padding-left: calc(var(--bs-gutter-x) * .001) !important;
        }

        .carousel-indicators {
            margin-bottom: 1.8rem !important;
        }

        .carousel-indicators [data-bs-target] {
            background-color: aqua;
        }