* {
                /* box-sizing: border-box; */
                margin: 0px;
            }

            #myBtn {
                display: none;
                position: fixed;
                bottom: 20px;
                right: 30px;
                z-index: 99;
                font-size: 18px;
                border: none;
                outline: none;
                background-color: red;
                color: white;
                cursor: pointer;
                padding: 15px;
                border-radius: 4px;
            }

            #myBtn:hover {
                background-color: #555;
            }

            .sticky {
                position: fixed;
                top: 0;
                width: 100%;
            }

            .tophead_img {
                display: block;
                width: 100%;
                height: auto;
            }

            /* navbar menu css */

            .topnav {
                overflow: hidden;
                background-image: linear-gradient(#f4f9fa, #17f4ff);
            }

            .topnav a {
                float: left;
                display: block;
                color: #000000;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
                font-size: 20px;
            }

            .active {
                background-color: #04AA6D;
                color: white;
            }

            .topnav .icon {
                display: none;
            }

            .dropdown {
                float: left;
                overflow: hidden;
            }

            .dropdown .dropbtn {
                font-size: 20px;
                border: none;
                outline: none;
                color: rgb(0, 0, 0);
                padding: 14px 16px;
                background-color: inherit;
                font-family: inherit;
                margin: 0;
            }

            .dropdown-content {
                display: none;
                position: absolute;
                background-color: #f9f9f9;
                min-width: 160px;
                box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
                z-index: 1;
            }

            .dropdown-content a {
                float: none;
                color: black;
                padding: 12px 16px;
                text-decoration: none;
                display: block;
                text-align: left;
            }

            .topnav a:hover,
            .dropdown:hover .dropbtn {
                background-color: rgb(126, 227, 245);
                color: white;
            }

            .dropdown-content a:hover {
                background-color: #ddd;
                color: black;
            }

            .dropdown:hover .dropdown-content {
                display: block;
            }





            /* Main Body content CSS area  */
            /* Notification bar marque tag CSS */

            marquee.new_notification {
                margin-top: 13px;
                font-size: 21px;
                margin-bottom: -20px;
            }

            /* add CSS to cards */

            .cards {
                padding: 20px;
                justify-content: space-around;
                flex-wrap: wrap;
                display: flex;
                width: 100%;
                background: rgba(222, 240, 238, 0.294);
            }

            .card:active {
                background-color: #3e8e41;
                box-shadow: 0 5px #666;
                transform: translateY(4px);
            }

            .card1 {
                background-blend-mode: hue;
            }

            .btn_text {
                font-weight: bolder;
                color: #18181a;
            }

            .card {
                align-items: center;
                box-sizing: border-box;
                padding: 28px;
                text-decoration: none;
                cursor: pointer;
                /* chek */
                box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
                /* chek */
                background-image: linear-gradient(to top, #fffafd 0%, #ffffff 51%, #5bf6fd 100%);
                text-align: center;
                border-radius: 50%;
                height: 9rem;
                margin: 2rem;
                padding: 28px;
                flex-basis: 21%;
            }

            /* before slider css  */
            /* footer section CSS code is written bilow  */

            *,
            *:before,
            *:after {
                box-sizing: border-box;
            }

            body {
                font-family: poppins;
                margin: 0;
                display: grid;
                font-size: 14px;
            }

            .footer {
                display: flex;
                flex-flow: row wrap;
                padding: 50px;
                color: rgb(247 151 9);
                background-color: rgb(39 34 43);
            }

            .footer>* {
                flex: 1 100%;
            }

            .l-footer {
                margin-right: 1.25em;
                margin-bottom: 2em;
            }

            h2 {
                font-weight: 400;
                font-size: 15px;
            }

            .footer ul {
                list-style: none;
                padding-left: 0;
            }

            .footer li {
                line-height: 2em;
            }

            .footer a {
                text-decoration: none;
            }

            .r-footer {
                display: flex;
                flex-flow: row wrap;
            }

            .r-footer>* {
                flex: 1 50%;
                margin-right: 1.25em;
            }

            .box a {
                color: #fff;
            }

            .h-box {
                column-count: 2;
                column-gap: 1.25em;
            }

            .b-footer {
                text-align: center;
                color: #fff;
                padding-top: 50px;
            }

            .l-footer p {
                color: #fff;
            }

            img.footer_logo {
                width: 8vw;
            }

            .f_header {
                font-size: 35px;
            }

            p.f_address {
                margin-top: 4px;
            }

            /* now code for mobile responsive layout  */
            @media screen and (max-width: 800px) {
                .r-footer>* {
                    flex: 1;
                }

                .features {
                    flex-grow: 2;
                }

                .l-footer {
                    flex: 1 0px;
                }

                .r-footer {
                    flex: 2 0px;
                }

                p.f_address {
                    font-size: 11px;
                }

                .slide_text {
                    font-size: 14px;
                    margin-top: 0px;
                }

                .slide_card img {
                    width: 10vw;
                    height: 10vw;
                    border-radius: 50px;
                    margin-top: -86px;
                }

                .card {
                    text-align: center;
                    border-radius: 9%;
                    height: 5rem;
                    margin: 9px;
                    padding: 8px;
                    flex-basis: 42%;
                }

                .f_header {
                    font-size: 1rem;
                }

                .footer {
                    display: flex;
                    flex-flow: row wrap;
                    padding: 7px;
                    color: rgb(247 151 9);
                    background-color: rgb(68 68 68);
                }

                .topnav a:not(:first-child),
                .dropdown .dropbtn {
                    display: none;
                }

                .topnav a.icon {
                    font-weight: bold;
                    font-size: 35px;
                    float: right;
                    display: block;
                }

                .topnav a {
                    padding: 4px 20px;
                    text-decoration: none;
                    font-size: 16px;
                }

                .topnav.responsive {
                    position: relative;
                }

                .topnav.responsive .icon {
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                .topnav.responsive a {
                    float: none;
                    display: block;
                    text-align: left;
                }

                .topnav.responsive .dropdown {
                    float: none;
                }

                .topnav.responsive .dropdown-content {
                    position: relative;
                }

                .topnav.responsive .dropdown .dropbtn {
                    display: block;
                    width: 100%;
                    text-align: left;
                }

                /* css properties for all cards icons in small screen */
               
                .icon {
                    font-size: 8vmax;
                    color: rgb(255, 0, 234);
                }
            }