#horizontal-nav .navbar-nav .nav-link {
                padding: 10px 25px;
                color: #000;
                transition: color 0.1s ease-out;
                justify-items: space-between;
            }

            #horizontal-nav .nav-item {
                transition: all 0.9s ease;
            }

            #horizontal-nav .navbar-nav .nav-link:hover {
                color: #0c77c5;
            }

            .scroll-to {
                cursor: pointer;
                transition: all 0.9s ease;
                scroll-behavior: smooth;
            }

            /*html {
                scroll-behavior: smooth;
            }*/
            .sticky-bar {
                position: -webkit-sticky;
                position: sticky;
                top: 159px;
                margin-top: 10px;
                /*padding: 50px; */
                background-color: #fff;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                width: 100%;
                border: 1px solid #0c77c5;
                z-index: 100;
                border-radius: 50px;
                backdrop-filter: blur(17px);
            }
            .nav-item.active .nav-link {
                background-color: #0c77c5;
                color: #fff !important; /* Optional: to make the text color white on active */
                border-radius: 50px;
                position: relative;
            }
            .readMore,
            .readLess {
                color: blue;
                text-decoration: underline;
                cursor: pointer;
            }

            .moreContent {
                display: none;
            }

            @media only screen and (min-width: 1px) and (max-width: 520px) {
                .card-1 {
                    border-radius: 10px !important;
                    padding: 15px 20px 20px;
                    box-shadow: 1px 1px 35px rgba(145, 158, 190, 0.16);
                    cursor: default;
                    position: relative;
                    transition: all 0.25s;
                    width: 300px;
                    height: 15rem;
                }
                .misba_time{
                   margin-left: 0px!important;
                }
            }
            .fa-cookie-bite::before {
                content: "\2714" !important;
            }
            .fa-meteor::before {
                content: "\2714";
            }

            .feature {
                margin-top: -1px;
               
                bottom: 10px;
                padding: 0px;
                border-radius: 0 6px 6px 6px;
            }
       
             @media only screen and (min-width: 1px) and (max-width: 900px) {
                .page-menu {
               
                background-color: white !important; 
                padding: 10px 0 !important;
                border-top: 1px solid #ececec !important;
                height: auto !important;
                line-height: 48px !important;
                }
                
            }
       
            /* Media query for Samsung Galaxy Fold in folded mode (phone mode) */
            @media only screen and (min-device-width: 280px) and (max-device-width: 320px) and (orientation: portrait) {
                .misba {
                    display: block !important; /* Force display */
                    /* Add other styles specific to folded mode here */
                    .misba_time{
                   margin-left: 0px!important;
                }
                }
            }

            /* Media query for Samsung Galaxy Fold in unfolded mode (tablet mode) */
            @media only screen and (min-device-width: 1536px) and (max-device-width: 2208px) and (orientation: landscape) {
                .misba {
                    display: block !important; /* Force display */
                    /* Add other styles specific to unfolded mode here */
                    .misba_time{
                   margin-left: -30px;
                }
                }
            }

            /* General media query to target foldable devices with similar aspect ratios */
            @media only screen and (min-aspect-ratio: 3/4) and (max-aspect-ratio: 4/3) {
                .misba {
                    display: block !important; /* Force display */
                    /* Add any styles specific to foldable devices */
                    .misba_time{
                   margin-left: -30px;
                }
                }
            }
            @media only screen and (max-width: 767.98px) and (orientation: landscape), /* Mobile landscape */
                   (max-width: 991.98px) and (min-aspect-ratio: 3/2) { /* Mobile browsers in desktop mode */
                .d-sm-none {
                    display: block !important;
                    .misba_time{
                   margin-left: -30px!important;
                }
                }
            }
        
            .c_rotate{
                 transition: transform 0.3s ease
            }
            .c_rotate:hover{
                transform: rotate(0deg);
            }
            .misba_title{
                width: 100%!important;
                padding-bottom: 10px!important;
                line-height: 30px!important;
                font-weight: bold!important;

            }
            .misa_desc{
                width: 200px!important; 
                line-height: 30px!important
            }
            .card_feature {
                 box-shadow: 0 4px 8px #2236494d; 
            }
            .card_bard{
                background-color: #3A6D8C!important; 
                color: #fff!important; 
            }
             .page-menu nav {
                border-radius: 4px 0px 4px 4px;
                border: 1px solid #ececec;
                -webkit-box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
                box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
                text-align: left;
                display: none;
                position: absolute;
                float: right;
                width: 190px;
                top: 40px;
                height: auto !important;
                z-index: 11;
                line-height: 31px;
                right: 8px!important;
              }

              .s_fonk{
                font-size: 14px!important;
              }
              .sa_trick{
                font-size: 15px!important;
              }
        
                      
            /*media query for tablet and desktop*/

            @media (max-width: 1200px) and (orientation: portrait) {
                /* Ensure navbar stays at the top for tablets */

                .d-none.d-xl-block.d-lg-block {
                    display: none !important;
                }

                /* Show the mobile version on tablets */
                .d-block.d-sm-none {
                    display: block !important;
                }
                /* Tablet-specific styling for the navigation bar */

                .art_width35 {
                    width: 230px !important;
                }

                .art_width36 {
                    width: 200px !important;
                }
                .art_marg60 {
                    margin-left: -120px !important;
                }
                .art_marg40 {
                    margin-left: -80px !important;
                }
                #infographic .circle {
                    width: 180px;
                    height: 180px;
                    border-radius: 50%;
                    border: 7px double;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    padding: 50px;
                    position: absolute;
                    left: 30%;
                    margin: 120px 0;
                }
                .card_wt12 {
                    width: 12vw;
                }
                .card_wt15 {
                    width: 15vw;
                }
                .card_wt20 {
                    width: 20vw;
                }
                .height_c {
                    margin-top: -20px !important;
                }
                .misba_time{
                   margin-left: -30px;
                }
                
            }
              .page-menu{
                background-color: transparent !important;
              }
            /*  tablet version css end here*/
             @media only screen and (min-width: 1px) and (max-width: 520px) {
                .p-t-150{
                padding-top: 80px!important;
              }
            }

            nav ul li.active a {
                font-weight: bold;
                color: #007bff; /* Customize this color */
            }


            .page-menu {
                padding: 10px 0 !important;
                border-top: 1px solid #ececec !important;
                height: auto !important;
                line-height: 35px!important;
                }
            .flickity-page-dots{
                display: none;
            }
            .flickity-viewport{
                height: 290px !important;
            }