/* Custom styles for the carousel */
        .owl-carousel .item {
            background: transparent;
            padding: 20px;
            text-align: center;
        }
        .owl-carousel {
            margin: 20px 0;
        }
        .flip-card {
            background-color: transparent;
            width: 100%;
            height: 254px;
            perspective: 1000px;
            font-family: sans-serif;
        }
        .flip-card-team img {
    max-width: 90% !important;
    height: auto;
    border-radius: 1rem;
}
         .flip-card  a {
    color: rgb(255 255 255);
    /*text-decoration: underline;*/
}

        .title {
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 0px 10px;
    margin: 0;
    text-transform: uppercase;
}
        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.8s;
            transform-style: preserve-3d;
        }

        .flip-card:hover .flip-card-inner {
            transform: rotateY(180deg);
        }
        .flip-card-front p{
            color: #ffffff; /* Bright color */
            font-size: 1.5rem; /* Adjust font size as needed */
            text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); /* Optional subtle glow effect */
              
        }
        .flip-card-front, .flip-card-back {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 
            0 1px 3px rgba(0, 0, 0, 0.08);
            position: absolute;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            /* border: 1px solid coral; */
            border-radius: 1rem;
        }

        .flip-card-front {
           
            /* background:linear-gradient(90deg, rgba(2,0,36,1),rgba(255, 255, 255, 1)); */
            background: transparent;
            /*border:1px solid rgba(255, 255, 255, 0.8);*/
            border:1px solid rgb(255 255 255 / 60%);
            color: white;
            align-items: center;
        }

        .flip-card-back {
               /* background: linear-gradient(120deg, rgb(173, 216, 230) 30%, rgb(0, 191, 255) 88%, rgb(70, 130, 180) 40%, rgb(135, 206, 250) 78%); */
         color: dark;
         background: #0d6efd5c;
         backdrop-filter: blur(5px);
         transform: rotateY(180deg);
        }


        .flip-card img {
            max-width:60%;
            height: auto;
            border-radius: 1rem;
        }
        a{
            color: black;
            text-decoration: none;
        }
        .desc{
            padding: 10px;
            color: #fff;
        }


        @media (max-width: 991px) {
            .flip-card-front p{
                font-size: 1rem;
            }
            .flip-card{
                height: 220px;
            }
            .title{
                font-size: 1rem;
                font-weight: 500;
                margin-top: 15px;
            }
            .desc{
                font-size: 10px;
            }
            .explore-a{
                font-size: 12px;
            }

        }

.logo-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 20px 0;
    /*background-color: transparent;*/
    /*backdrop-filter: blur(5px);*/
    /* border-top: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
}
.client_logo{
    background-color: transparent;
    backdrop-filter: blur(5px);
   border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}



        .slider {
            display: flex;
            width: 200%; /* Width is double the slider width to accommodate duplicated slides */
            animation: slide 20s linear infinite;
        }

        .slide {
            min-width: 150px;
            margin: 0 15px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .slide img {
           max-width: 100%;
           max-height: 120px;
           /*background: #fff;*/
           border-radius: 10px;
        }

        @keyframes slide {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        /* Responsive styles */
        @media (max-width: 768px) {
            .slide {
                min-width: 120px;
                margin: 0 10px;
            }
        }

        @media (max-width: 480px) {
            .slide {
                min-width: 80px;
                margin: 0 5px;
            }
                .flip-card-front p {
        font-size: 1.8rem;
    }
        }





        /* cards plan */

        .card {
            overflow: visible;
            /* width: 190px; */
            height: 254px;
            margin: auto;
            border:none;
        }

        .content {
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: transform 300ms;
            box-shadow: 0px 0px 10px 1px #000000ee;
            border-radius: 5px;
        }

        .front, .back {
            background-color: #151515;
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            border-radius: 5px;
            overflow: hidden;
        }

        .back {
            width: 100%;
            height: 100%;
            justify-content: center;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .back::before {
            position: absolute;
            content: ' ';
            display: block;
            width: 160px;
            height: 160%;
            background: linear-gradient(90deg, transparent, #0047AB, #007BFF, #0047AB, transparent);
            /* background: ; */
            animation: rotation_481 5000ms infinite linear;

        }

        .back-content {
            position: absolute;
            width: 96%;
            height: 96%;
            /* background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);            border-radius: 5px; */
            background-color: rgba(2,0,36,1);
            backdrop-filter: blur(10px);
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 30px;
        }

        .card:hover .content {
            transform: rotateY(180deg);
        }

        @keyframes rotation_481 {
            0% {
                transform: rotateZ(0deg);
            }

            100% {
                transform: rotateZ(360deg);
            }
        }

        .front {
            transform: rotateY(180deg);
            color: white;
        }

        .front .front-content {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 10px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
        }

        .front-content .badge {
            background-color: #00000055;
            padding: 2px 10px;
            border-radius: 10px;
            backdrop-filter: blur(2px);
            width: fit-content;
        }

        .description {
            box-shadow: 0px 0px 10px 5px #00000088;
            width: 100%;
            padding: 10px;
            background-color: #00000099;
            backdrop-filter: blur(5px);
            border-radius: 5px;
        }

        .title2 {
            /* font-size: 11px; */
            max-width: 100%;
            display: flex;
            justify-content: space-between;
        }

        /* .title p {
            width: 50%;
        } */

        .card-footer {
            color: #ffffff88;
            margin-top: 5px;
            font-size: 15px;
        }

        .front .img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .circle {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background-color: #ffbb66;
            position: relative;
            filter: blur(15px);
            animation: floating 2600ms infinite linear;
        }

        #bottom {
            background-color: #ff8866;
            left: 50px;
            top: 0px;
            width: 150px;
            height: 150px;
            animation-delay: -800ms;
        }

        #right {
            background-color: #ff2233;
            left: 160px;
            top: -80px;
            width: 30px;
            height: 30px;
            animation-delay: -1800ms;
        }

        @keyframes floating {
            0% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(10px);
            }

            100% {
                transform: translateY(0px);
            }
        }
        
        /* cards plan */
        
        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #0d6efd !important !important;
}