.scrolling-text-container {
            width: 100%; /* Set width of the container */
            overflow: hidden; /* Hide the content that overflows the container */
        }

        .scrolling-text {
            animation: scrollText 20s linear infinite; /* Define animation */
            white-space: nowrap; /* Prevent text from wrapping */
        }

        @keyframes scrollText {
            0% { transform: translateX(100%); } /* Start scrolling from right to left */
            100% { transform: translateX(-100%); } /* Scroll to the left */
        }


        .zoom-in-out-box {
            animation: zoom-in-zoom-out .8s ease infinite;
        }

        @keyframes zoom-in-zoom-out {
            0% {
                transform: scale(1, 1);
            }
            50% {
                transform: scale(1.3, 1.3);
             }
            100% {
                transform: scale(1, 1);
            }
        }


        .owl-stage {
            display: flex;
            align-items: center;

        }
        .owl-stage-outer {
            overflow: hidden;

        }
        .nav-box-slide {
            transition: all ease-in-out 0.5s;
        }
        .slider-inner.hide-slides {
            display: flex;
        }
        .partner-box:hover {
            filter: grayscale(1);
        }

        .slide-wrapper .owl-prev {
            display: none;
            background-color: none;
        }
        .slide-wrapper .owl-next {
            display: none;
        }
        .slide-wrapper .owl-dot {
            background:#85b8e3;
            height: 10px;
            width: 10px;
            border-radius: 100%;
        }
        .slide-wrapper .owl-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            column-gap: 5px;
            position: relative;
            bottom: 15px;
        }
        .slide-wrapper .owl-dot.active {
            background: #fff;
        }


        body.body {
            overflow-x: hidden;
        }
        .award-slider button.slick-prev.slick-arrow {
            font-size: 0;
            background-image: url("https://assets-global.website-files.com/63be3a2848f0a90333755e42/63c0e763a8036c9e0faf58f0_angle-left.svg");
            padding: 0;
            height: 50px;
            width: 50px;
            background-color: transparent;
            background-repeat: no-repeat;
            top: 36%;
            position: absolute;
            z-index: 999;
             background-size:contain;
        }
        .award-slider button.slick-next.slick-arrow {
            font-size: 0;
            background-image: url("https://assets-global.website-files.com/63be3a2848f0a90333755e42/63c0e76463fad45464bb69ba_angle-right.svg");
            padding: 0;
            height: 50px;
            width: 50px;
            background-color: transparent;
            background-repeat: no-repeat;
            top: 36%;
            position: absolute;
            z-index: 999;
            right:16px;
            background-size:contain;
        }

        .award-slider:hover .slick-arrow {
            display: block !important;
        transition: all ease-in-out 0.5s;
        }
        .award-slider .slick-arrow {
            display: none !important;
        }
          @media screen and (max-width: 660px) {
        .slide-wrapper .owl-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            column-gap: 5px;
            position: relative;
            bottom: -20px;
        }

}


.segments{
    background-color: #e6e6e6;
     cursor: pointer;
     border: solid 1px #e6e6e6; 
     border-radius: 10px;
     margin-bottom: 20px;

}
.segments:hover {
  background-color: #cce6ff;
  border: none;
}

.popup {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

.segments:hover .popup {
  display: block;
}


.arrow-list {
  list-style-type: none;
  padding-left: 20px; /* Add some padding to create space for the arrow */
}

.arrow-list li:before {
  content: "\2192"; /* Unicode character for right arrow */
  margin-right: 10px; /* Space between the arrow and the list item */
}



.benefits {
    background-color: orange;
    outline: none;
    outline: solid 1px #ccc; 
    margin: 30px; 
    padding: 20px; 
    border-radius: 10px;
    cursor: pointer;
    
}

.benefits:hover {
    background-color: red;
    transform: scale(1.3);
    outline: none;
}


.blue {
    margin-bottom: 10px; 
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s;

}


.blue:hover {
    background-color: #ed8f53;
    transform: scale(1.1);

}



@media only screen and (max-width: 767px) {
    .my-div {
        display: none; /* Hide the div on small devices */
    }
}