.academy-levels *, :before, :after {
    box-sizing: border-box;
}

.academy-levels a {
    color: #007bff;
    background-color: #0000;
    text-decoration: none;
}

.academy-levels a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.academy-levels * {
    outline: none;
}

.academy-levels:focus {
    outline: none !important;
}

.academy .double-lines:after, .academy .double-lines:before {
    content: '';
    position: absolute;
    transform: skewX(-40deg);
}

.academy-levels {
    display: grid;
    padding: 65px 15px;
    row-gap: 25px;
}

.academy-levels__row {
    display: grid;
    grid-template-rows:1fr;
    grid-template-columns:1fr 1fr 1fr .5fr;
    padding: 40px 50px;
    background: rgba(247, 253, 255, .84);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    max-width: 1168px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    row-gap: 20px;
    background: linear-gradient(113.15deg, #A9BCFF -2.76%, #ECF0FF 31.93%, #D3D9FF 60.58%, #EFEBF8 85.82%);
}

.academy-levels__title {
    position: relative;
    grid-column-start: 1;
    grid-column-end: 4;
    display: flex;
    grid-row-start: 1;
}

.academy-levels__title:after, .academy-levels__title:before {
    border-left-width: 12px;
    border-style: solid;
    height: 26px;
    top: -30px;
}

.academy-levels__title:before {
    left: 14px;
}

.academy-levels__title:after {
    left: 34px;
}

.academy-levels_beginner {
    color: #0083ff;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    display: flex;
    align-items: flex-start;
    color: #262626;
    margin-bottom: 20px;
}

.academy-levels_beginner:after, .academy-levels_beginner:before {
    border-color: #0083ff;
}

.academy-levels__list {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 30px 20px;
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 5;
}

.academy-levels__item {
    color: #28303d;
    display: flex;
    gap: 10px;
    text-decoration: none;
    align-items: center;
}

.academy-levels__item:before {
    content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.60039 7.99922C9.60039 7.57487 9.76896 7.16791 10.069 6.86785C10.3691 6.56779 10.776 6.39922 11.2004 6.39922H20.8004C21.2247 6.39922 21.6317 6.56779 21.9318 6.86785C22.2318 7.16791 22.4004 7.57487 22.4004 7.99922V9.59922C22.4004 10.0236 22.2318 10.4305 21.9318 10.7306C21.6317 11.0306 21.2247 11.1992 20.8004 11.1992H11.2004C10.776 11.1992 10.3691 11.0306 10.069 10.7306C9.76896 10.4305 9.60039 10.0236 9.60039 9.59922V7.99922ZM11.2004 7.99922V9.59922H20.8004V7.99922H11.2004ZM6.40039 6.39922V25.5992C6.40039 26.4479 6.73753 27.2618 7.33765 27.862C7.93777 28.4621 8.7517 28.7992 9.60039 28.7992H24.8004C25.0126 28.7992 25.216 28.7149 25.3661 28.5649C25.5161 28.4149 25.6004 28.2114 25.6004 27.9992C25.6004 27.787 25.5161 27.5836 25.3661 27.4335C25.216 27.2835 25.0126 27.1992 24.8004 27.1992H9.60039C9.17604 27.1992 8.76908 27.0306 8.46902 26.7306C8.16896 26.4305 8.00039 26.0236 8.00039 25.5992H24.0004C24.4247 25.5992 24.8317 25.4306 25.1318 25.1306C25.4318 24.8305 25.6004 24.4236 25.6004 23.9992V6.39922C25.6004 5.55053 25.2632 4.73659 24.6631 4.13648C24.063 3.53636 23.2491 3.19922 22.4004 3.19922H9.60039C8.7517 3.19922 7.93777 3.53636 7.33765 4.13648C6.73753 4.73659 6.40039 5.55053 6.40039 6.39922V6.39922ZM22.4004 4.79922C22.8247 4.79922 23.2317 4.96779 23.5318 5.26785C23.8318 5.56791 24.0004 5.97487 24.0004 6.39922V23.9992H8.00039V6.39922C8.00039 5.97487 8.16896 5.56791 8.46902 5.26785C8.76908 4.96779 9.17604 4.79922 9.60039 4.79922H22.4004Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 0;
    margin-right: 5px;
    transition: all .2s;
    background: var(--zealcore-secondary-color);
    width: 40px;
    height: 40px;
    padding: 3px;
    border-radius: 8px;
}

.academy-levels__view-all {
    color: #28303d;
    text-align: right;
    text-decoration: none;
    grid-column-start: 4;
    text-align: center;
    display: flex;
    max-height: 45px;
    border-radius: 5px;
    vertical-align: middle;
    color: #3C25CC;
    align-items: center;
    border: 2px solid #3C25CC;
    justify-content: center;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}

.academy-search .elementor-container {
    max-width: 1168px;
}

.academy-search .bdt-search {
    max-width: 450px;
}

@media (max-width: 767px) {
    .academy-levels {
        padding: 25px 15px;
        row-gap: 20px
    }

    .academy-levels, .academy-levels__list, .academy-levels__row {
        grid-template-columns:auto;
        row-gap: 15px
    }

    .academy-levels__row {
        display: block;
    }

    .academy-levels__title {
        margin-bottom: 0;
        grid-column-start: 1;
        grid-column-end: 5;
        width: 100%;
        grid-row-start: 1
    }

    .academy-levels__view-all {
        border: 1px solid #28303d;
        margin-bottom: 0;
        padding: 4px 18px;
        text-align: center;
        grid-row-start: 3;
        grid-column-start: 1;
        grid-column-end: 5
    }

    .academy-search .bdt-search {
        max-width: 100%;
        padding: 15px 25px
    }
}