@import url(https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,93.8,200..800&display=swap);

.form-section {min-height: 100vh;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1250px;}
        
.reports-section {

}

.report-box {display: block;width: 200px;box-shadow: 0 2px 3px #8f8f8f;height: 700px;margin: 10px;flex-grow: 1; /* Allows Div 3 to grow and take available space */flex-shrink: 1; /* Allows Div 3 to shrink if needed */flex-basis: 0%; /* Default basis for even distribution of free space */border-radius: 3px;background: #fffffff5;position: relative;} 

iframe {
    width: 100%;
    border: none;
    scrollbar-gutter: stable;
    height: 100%;
}

.tokio:after {
    bottom: 0px !important;
}

p {
    text-align: center;
    margin: 0;
    margin-top: 20px !important;
    margin-bottom: -10px !important;
    color: #0c15fe !important;
}
.form-section .vform {
    min-height: 60vh;
    
}
@media (max-width: 768px) {
    .form-section {
        display:unset;
    }
    .report-box {
        width: unset;
        margin-top: 80px;
    }
    .form-section .vform {
    width: 97vw !important;
    box-shadow: 0 2px 3px #00000047 !important;
    margin: 0 auto !important;
    margin-top: 5px !important;
    }
}