.info-block-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    
    .support-page-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 1900px;

        .breadcrumb-container {
            display: flex;
            align-items: center;
            color: var(--support-question-detail);
            font-size: 20px;
            font-weight: bold;
            padding: 0% 20px;
            margin: 20px 3%;
            max-width: 100%;

            .breadcrumb-text {
                text-decoration: none;
                color: var(--support-question-detail);
            }

            .breadcrumb-text:hover {
                color:var(--support-category-highlight);
            }

            .breadcrumb-text + span::before {
                content: " / ";
                margin-left: 5px;
                margin-right: 5px;
            }
        }

        .content-container {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
            padding: 20px;
            column-gap: 20px;

            .question-container {
                display: flex;
                flex: 2;
                flex-direction: column;
                max-width: 60%;
                margin: 0 3%;
                background-color: var(--support-banner-label-bg);
                border-radius: 10px;
                box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
                border: 1px solid #d3d3d3; 

                .question-header {
                    display: flex;
                    align-items: center;
                    padding: 3%;

                    .question-text{
                        color: var(--support-category-highlight);
                        font-size: 36px;
                        font-weight: bold;
                        font-family: Poppins-Bold;
                    }
                }

                .detail-container {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    margin-bottom: 20px;

                    .detail-content {
                        position: relative;
                        padding: 0 3%;
                        
                        .detail-text {
                            font-size: 22px;
                            color: var(--support-question-detail);
                            font-weight: bold;
                            font-family: Poppins-Regular;

                            a {
                                text-decoration: underline;
                                transition: font-size 0.2s ease;
                                word-break: break-word;  
                            }
                            a:hover {
                                color: var(--support-category-highlight);
                            }

                            p{
                                margin: 0;
                            }
                        }

                        .moving-container {
                            display: flex;
                            align-items: flex-start;
                            margin: 1rem 0;
                        }
                        
                        .video-container,
                        .image-container{
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            margin-top: 1rem;
                            margin-bottom: 1rem;                            
                        }
                        
                        .moving-container.float-left {
                            justify-content: flex-start;
                            margin-right: 2rem;
                        }
                        
                        .moving-container.float-right {
                            justify-content: flex-end;
                            margin-left: 2rem;
                        }
                        
                        .moving-container.center {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                        
                        .moving-container.full-width [style],
                        .embed-container.full-width [style] {
                            width: 100%;
                        }
                        
                        .video-container.full-width [style],
                        .image-container.full-width [style] {
                            width: 100% !important;
                            height: auto !important;
                        }
                        
                        .video-container video,
                        .image-container img {
                            width: auto;
                        }

                        .video-container.center,
                        .image-container.center {
                            float: none;
                        }
                        
                        .embed-container iframe {
                            width: 100% !important;
                            height: auto !important;
                            aspect-ratio: 16 / 9 !important;
                        }
                    }

                    .video-container .caption,
                    .image-container .caption {
                        position: relative;
                        color: var(--article-text);
                        width: 100%;
                        font-family: Poppins-Regular;
                        font-size: 10pt;
                        text-align: start;
                    }                 
                }                 
            }

            .related-wrapper {
                flex: 1;
                max-width: 40%;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 0 3%;
                padding: 2rem 0;
            
                .related-header {
                    font-size: 20px;
                    color: var(--support-page-caption-text);
                    padding: 1rem;
                    width: 100%;    
                    font-family: Poppins-Extra-Bold;
                }
            
                .related-container {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    background-color: var(--support-banner-label-bg);
                    border-radius: 10px;
                    padding: 1rem 0;
                    gap: 10px;
                    border: 1px solid #d3d3d3;
            
                    .related-article-container{
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        padding: 1rem 2rem;
                        color: var(--support-question-detail);
                        font-family: Poppins-Bold;
            
                        .related-category-text{
                            text-transform: capitalize;
                            font-size: 11px;
                        }
            
                        .related-article-link{
                            display: flex;
                            justify-content: space-between;
                            font-weight: bolder;
                            font-size: 18px;
                            color: var(--support-question-detail);
                            text-decoration: none;
            
                            .arrow{
                                color: var(--support-question-detail);
                                font-size: 22px;
                                font-weight: bolder;
                            }
                        }
            
                        .related-article-link:hover{
                            color: var(--support-category-highlight);
                            .arrow{
                                color: var(--support-category-highlight);
                            }
                        }
                    }
                }
            }
        }
    }
}

ul {
    .moving-container.float-left{
        float: none;
        display: flex;
        justify-content: start;
        align-items: start;
    }
    .moving-container.float-right{
        float: none;
        display: flex;
        justify-content: end;
        align-items: end;
    }
    .moving-container{
        width: 100%;
    }
}

.video-container.center,
.video-container.float-right,
.video-container.float-left {
    width: fit-content;
}

.newsletter-signup-form{
    display: none;
}

@media screen and (max-width: 1080px) {
    .content-container {
        flex-direction: column !important;
        align-items: center;
    }

    .question-container {
        max-width: 100% !important;
        max-width: 700px;
    }

    .detail-container a {
        font-size: 1.1rem !important;
    }

    .related-wrapper {
        min-width: 90%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 720px) {
    .video-container [style],
    .image-container [style]{
        height: auto !important;
    }
    .question-text {
        font-size: 28px;
    }
    
    .detail-container a {
        font-size: 1rem !important;
    }

    .related-header {
        font-size: 18px;
    }

    .related-container {
        padding: 0.8rem;
    }
}

@media screen and (max-width: 420px) {
    .breadcrumb-container {
        font-size: 6vw !important;
    }

    .question-text {
        font-size: 9vw !important;
    }
        
    .detail-text {
        font-size: 6vw !important;

        a {
        font-size: 5vw !important;
    }
    }

    .question-container,
    .related-wrapper {
        width: 95%;
    }

    .related-header {
        font-size: 16px;
    }
    .related-article-link{        
        font-size: 6vw !important;
    }
}