/* ::-webkit-scrollbar {
                                            width: 3px;
                                        }

                                         ::-webkit-scrollbar-track {
                                            background-color: #ebebeb;
                                            -webkit-border-radius: 20px;
                                            border-radius: 20px;
                                        }

                                         ::-webkit-scrollbar-thumb {
                                            -webkit-border-radius: 20px;
                                            border-radius: 20px;
                                            background: #212753;
                                        }
                                         */
                                         
                                         .menuactive {
                                             color: #d92b41;
                                         }
                                         
                                         .hs-dropdown-menu {
                                             transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out, max-height 0.5s ease-in-out;
                                             overflow: hidden;
                                         }
                                         
                                         .hs-dropdown-menu.visible {
                                             opacity: 1;
                                             /* Set an appropriate value based on your content height */
                                         }
                                         
                                         .submenu-animation {
                                             animation: slideIn 0.5s ease-in-out;
                                         }
                                         
                                         @keyframes slideIn {
                                             from {
                                                 opacity: 0;
                                                 transform: translateY(-10px);
                                             }
                                             to {
                                                 opacity: 1;
                                                 transform: translateY(0);
                                             }
                                         }
                                         
                                         .current {
                                             background-color: #212753;
                                             color: white;
                                             padding: 7px 15px;
                                         }
                                         
                                         .swiper {
                                             width: 100%;
                                             height: 100%;
                                         }
                                         /* Circular buttons */
                                         
                                         .swiper-button-prev,
                                         .swiper-button-next {
                                             background-color: #212753;
                                             padding: 7px;
                                             border: none;
                                             cursor: pointer;
                                             transition: background-color 0.3s;
                                             width: 50px;
                                             height: 50px;
                                             display: flex;
                                             justify-content: center;
                                             align-items: center;
                                             border-radius: 90%;
                                             border: 2px solid #fff;
                                             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
                                         }
                                         
                                         .swiper-button-prev::after,
                                         .swiper-button-next::after {
                                             content: none;
                                         }
                                         
                                         .swiper-button-prev:hover,
                                         .swiper-button-next:hover {
                                             background-color: #d92b41;
                                             color: #212753;
                                         }
                                         
                                         .swiper-pagination-bullet {
                                             width: 10px;
                                             height: 10px;
                                             background-color: #212753;
                                             /* Inactive dot color */
                                             border-radius: 50%;
                                             margin: 0 5px;
                                             /* Adjust spacing between dots */
                                         }
                                         
                                         .swiper-pagination-bullet-active {
                                             background-color: #212753;
                                             /* Active dot color */
                                         }
                                         /* Style slide content */
                                         
                                         .slide-content {
                                             text-align: left;
                                             max-width: 80%;
                                             position: absolute;
                                             bottom: -100%;
                                             /* Initially, position content off-screen */
                                             left: 20px;
                                             color: #fff;
                                             transition: bottom 1s ease-in;
                                             /* Smooth animation */
                                         }
                                         
                                         .swiper-slide-active .slide-content {
                                             bottom: 20px;
                                             /* Bring content up when slide is active */
                                         }
                                         
                                         .banners:hover .owl-nav {
                                             opacity: 1;
                                         }
                                         
                                         .owl-nav {
                                             opacity: 0;
                                             transition: opacity 0.3s ease;
                                         }
                                         
                                         button.owl-prev {
                                             left: 15px;
                                             top: 43%;
                                             background-color: #1f2a57 !important;
                                             width: 40px;
                                             cursor: pointer;
                                             height: 40px;
                                             position: absolute;
                                             display: block;
                                             border-radius: 50% !important;
                                             z-index: 99999;
                                             opacity: 1;
                                         }
                                         
                                         button.owl-prev span {
                                             color: white !important;
                                             font-size: 22px !important;
                                         }
                                         
                                         button.owl-next {
                                             right: 15px;
                                             top: 43%;
                                             background-color: #1f2a57 !important;
                                             width: 40px;
                                             cursor: pointer;
                                             height: 40px;
                                             position: absolute;
                                             display: block;
                                             border-radius: 50% !important;
                                             z-index: 99999;
                                             opacity: 1;
                                         }
                                         
                                         button.owl-next span {
                                             color: white !important;
                                             font-size: 22px !important;
                                         }
                                         
                                         .products .owl-carousel .owl-nav.disabled {
                                             display: block !important;
                                         }
                                         
                                         .products .owl-nav {
                                             opacity: 10;
                                         }
                                         
                                         @media only screen and (max-width:768px) {
                                             .swiper {
                                                 width: 100%;
                                                 height: 100%;
                                             }
                                             .swiper-button-prev,
                                             .swiper-button-next {
                                                 width: 30px;
                                                 height: 30px;
                                                 padding: 5px;
                                             }
                                         }