.container_body {
    left: 0px;
    width: 100%;
}

h2.pagetitle {
    margin-left: 3em;
}

.inner_main {
    display: block;
    height: calc(100% - 5em);
    width: 100%;
    position: relative;
    border-radius: 0px;
}

.blueBox {
    background: rgb(0 17 102 / 85%);
    border-radius: var(--border-radius-30);
    width: 35%;
    position: absolute;
    left: 23.5%;
    min-height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3em;
    opacity: 0;
}

.blueBox::before {
    content: " ";
}

h2.topic_Title {
    font-size: 60px;
    line-height: 60px;
    color: var(--white-color);
    font-family: 'AcuminPro-Bold';
}

h2.topic_Title span {
    color: var(--teal-color);
    font-family: 'AcuminPro-Bold';
    display: block;
}

.borderBox {
    background: transparent;
    border: 2px solid #fff;
    position: absolute;
    width: 75%;
    height: 75%;
    left: 15%;
    z-index: 0;
    border-radius: var(--border-radius-30);
    top: 50%;
    transform: translateY(-50%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    animation: .75s cubic-bezier(1, -0.01, .12, .8) 1s 1 reveal forwards;
    border-radius: var(--border-radius-30);
}

.borderBox::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: var(--border-radius-30);
    padding: inherit;
    animation: .75s cubic-bezier(1, -0.01, .12, .8) 1.75s 1 hideBlack forwards;
}

.animatable {
    opacity: 1;
    position: relative;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    animation: .75s cubic-bezier(1, -0.01, .12, .8) 1s 1 reveal forwards;
    border-radius: var(--border-radius-30);
}

.animatable::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #20262b;
    border-radius: var(--border-radius-30);
    padding: inherit;
    animation: .75s cubic-bezier(1, -0.01, .12, .8) 1.75s 1 hideBlack forwards;
}

@keyframes reveal {
    from {
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

@keyframes hideBlack {
    from {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    to {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
}