body {
            color: #172238;
        }

        .brand {
            color: #1558d6;
            letter-spacing: 2px;
        }

        .carousel-container {
            height: 380px;
            overflow: hidden;
        }

        .tech-card {
            width: 250px;
            height: 230px;

            object-fit: contain;

            padding: 35px;

            background-color: #f8f9fa;

            border-radius: 15px;

            opacity: 0.5;
            filter: blur(3px);

            transform: scale(0.85);

            transition: all 0.5s ease;

            cursor: pointer;
        }

     

        .tech-card.near {
            opacity: 0.75;
            filter: blur(1px);
            transform: scale(0.92);
        }

     

        .tech-card.active {
            width: 430px;
            height: 320px;

            padding: 55px;

            opacity: 1;
            filter: blur(0);

            transform: scale(1);

            z-index: 5;

            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
        }


        .carousel-button {
            width: 65px;
            height: 65px;

            border: none;
            border-radius: 50%;

            background-color: white;

            font-size: 40px;

            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);

            z-index: 10;
        }

        .carousel-button:hover {
            background-color: #f1f3f5;
        }

     

        .dot {
            width: 13px;
            height: 13px;

            border: none;
            border-radius: 50%;

            background-color: #dce1e9;
        }

        .dot.active {
            background-color: #1558e8;
            transform: scale(1.2);
        }


        @media (max-width: 768px) {

            .carousel-container {
                height: 300px;
            }

            .tech-card {
                display: none;
            }

            .tech-card.active {
                display: block;

                width: 75vw;
                height: 260px;

                padding: 40px;
            }

            .carousel-button {
                width: 50px;
                height: 50px;

                font-size: 30px;
            }

        }