.main-layout-container {

    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
    background-color: #eaeaea;

}

.layout-wrapper{
    width: 75rem;
    height: 44rem;
    display: flex;
    flex-direction: row;
    z-index: 2;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 5px 15px 0 rgba(0, 0, 0, 0.12);

}

.main-layout-container .left-panel{
    flex: 1;
     height: 100%;
     background: rgba(0, 0, 0, 0.1);
     position: relative;
   
}
    .main-layout-container .left-panel::after {
        content: "";
        height: 100%;
        background: var(--brand-bg-path) no-repeat 50%/cover transparent;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-size: cover;
        z-index: 0;
    }

.main-layout-container .right-panel{
    background-color: white;
    flex: 1;
     display: flex;
     align-items: start;
     justify-content: space-between;
     flex-direction: column;   
     padding: 0;
}

.right-panel-body{
    width: 100%;
   display: flex;
   padding: 0 3rem;
   flex-direction: column;
     flex:1;
     overflow-y: hidden;
}


.indicators-container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: auto;
}

.indicator{
  background-color: #fff1b3;
width: 0.5rem;
height: 0.5rem;
}

.indicator.active{
  background-color: var(--bs-primary);
}

.footer-contaier{
    background-color: var(--base-bg);
    width: 100%;
display: flex;
padding: 2.4375rem 5.3125rem 2rem 5.3125rem;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 2.75rem;
align-self: stretch;
margin-top: 0.5rem;
}
.footer-content{
color: var(--text-colors-base-text);
font-family: "Open Sans";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}

.footer-copyright{
color: var(--text-colors-subtle-text);
font-family: "Open Sans";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.0625rem;  
}

  
.page-title {
    color: var(--text-colors-component-text, #1C1C1C);
font-feature-settings: 'liga' off, 'clig' off;
/* Header/Header 1 */
font-family: "Open Sans";
font-size: 1.5625rem;
font-style: normal;
font-weight: 600;
line-height: 2.125rem;
}

a{
    color:  #6F6F6F;
font-feature-settings: 'liga' off, 'clig' off;
/* Link Text */
font-family: "Open Sans";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}