.register-button {
                                                        width: 100%;
                                                        /* Default for mobile view */
                                                    }

                                                    @media (min-width: 768px) {
                                                        .register-button {
                                                            width: 50%;
                                                            /* For medium and larger screens */
                                                            margin-top: 5px
                                                        }
                                                    }
                                                    
                                                   
                                                    @media (min-width: 1200px) {
                                    .container {
                                        max-width: 1300px !important;
                                    }
                                }

                                                @media (min-width: 992px) {
                                                    .register-button {
                                                        width: 50%;
                                                        /* For medium and larger screens */
                                                        margin-top: 5px
                                                    }
                                                    
                                                   
                                                }
                                                    
                                                    /* RESETS */
                                            * {
                                                margin: 0;
                                                padding: 0;
                                                box-sizing: border-box;
                                            }

                                            html {
                                                overflow-x: hidden;

                                            }

                                            html,
                                            body {
                                                width: 100%;
                                                height: 100%;
                                                scroll-behavior: smooth;
                                            }

                                            body {
                                                background: #f1f1f1;
                                                font-family: 'Noto Sans JP', sans-serif;
                                            }

                                            .mainCountDownContainer {
                                                align-items: center;
                                            }

                                            .countDown {
                                                text-align: center;
                                            }

                                            /* TIMER STYLES */
                                            .timeContainer {
                                                width: 100%;
                                                z-index: 2;
                                                height: 60%;
                                                display: flex;
                                                justify-content: center;
                                                align-items: center;
                                                margin-bottom: 1rem;
                                            }

                                            .timeContainer .wrapper {
                                                width: 100%;
                                                /* padding: 20px; */
                                                /*max-height: 400px;*/
                                                display: flex;
                                                flex-wrap: wrap;
                                                justify-content: space-around;
                                                gap: 20px;
                                            }

                                            .timeContainer .wrapper div {
                                                color: white;
                                                text-align: center;
                                                /* width: 110px; */
                                                padding: 0.4rem;
                                                display: flex;
                                                flex-direction: column;
                                                flex: 1;
                                                aspect-ratio: 1;
                                                border-radius: 12px;
                                                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
                                            }

                                            .timeContainer .wrapper div:first-child {
                                                background: #e98039;
                                                color: white;
                                            }

                                            .timeContainer .wrapper div:nth-child(2) {
                                                background: #e98039;
                                                color: white;
                                            }

                                            .timeContainer .wrapper div:nth-child(3) {
                                                background: #0d8097;
                                                color: white;
                                            }

                                            .timeContainer .wrapper div:last-child {
                                                background: #0d8097;
                                                color: white;
                                            }

                                            .timeContainer .wrapper div h2 {
                                                font-size: 2.5rem;
                                            }

                                            /* Mobile view adjustments */
                                            @media (max-width: 768px) {
                                                .countDown {
                                                    margin-bottom: 5px;
                                                }

                                                .timeContainer .wrapper {
                                                    flex-direction: row;
                                                    flex-wrap: wrap;
                                                    align-items: center;
                                                    /* Stack boxes vertically on mobile */
                                                    /* margin-bottom: 150px; */
                                                    gap: 15px;
                                                    /* Reduce gap for smaller screens */
                                                }

                                                .timeContainer .wrapper div {
                                                    /* width: 50%; */
                                                    /* Ensure each box takes full width */
                                                    max-width: 90px;
                                                    /* Limit the width on mobile */
                                                    padding: 0.4rem;
                                                    aspect-ratio: auto;
                                                    /* Allow the height to adjust based on content */
                                                }

                                                .timeContainer .wrapper div h2 {
                                                    font-size: 3.2rem;
                                                    margin: 0;
                                                    /* Reduce font size on mobile */
                                                }

                                                .register-button {
                                                    margin-top: 20px;
                                                    margin-bottom: 50px;
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                    display: block;
                                                    width: 80%;
                                                    text-align: center;
                                                }
                                            }

                                            .circleDiv {
                                                position: fixed;
                                                z-index: -1;
                                                top: calc(50% - 237px);
                                                left: calc(-50% + 474px);
                                                width: 474px;
                                                height: 474px;
                                                border-radius: 100%;
                                                border: 6px dashed #00A3D0;
                                                animation: rotatingCircle infinite linear 60s;
                                            }

                                            @keyframes rotatingCircle {
                                                from {
                                                    transform: rotate(0deg);
                                                }

                                                to {
                                                    transform: rotate(360deg);
                                                }
                                            }

                                            /* MOUSE TRAIL STYLE */
                                            #cursor {
                                                position: fixed;
                                                top: 0;
                                                left: 0;
                                                background-color: transparent;
                                                transform: translate(-50%, -50%);
                                                width: 10px;
                                                height: 10px;
                                                border-radius: 100%;
                                                pointer-events: none;
                                                user-select: none;
                                                backdrop-filter: invert(100%);
                                            }
                                            
                                            @media (min-width: 1200px) {
                                    .container {
                                        max-width: 1300px !important;
                                    }
                                     .suggested-card-title {
                            min-height: 82px;
                        }
                                }
                                
                                @media screen and (min-width: 992px) and (max-width: 1200px) {
                                    .suggested-card-title {
                            min-height: 110px;
                        }
                                }
                                
                                @media screen and (min-width: 992px)  {
                            .speaker-div {
                                   flex-direction: column;
                                   gap: 5px;
                            }
                            .speaker-div-text {
                                display:flex;
                                flex-direction:row;
                                align-items:center;
                                gap:10px;
                            }
                            .speaker-content-div {
                                width: 90%;
                            }
                            
                            .speaker-arrow-div {
                                width: 10%;
                            }
                        }