.webtech-menu {
    overflow-y: scroll;
}

.webtech-menu .offcanvas-header {
    padding: 1.5rem 2.8125rem 1.375rem 2.5rem; /* 24px / 16px = 1.5rem, 45px / 16px = 2.8125rem, 22px / 16px = 1.375rem, 40px / 16px = 2.5rem */
    background-color: #152C9C;
    position: fixed;
    width: 100%;
}

.offcanvas-header-button{
    margin-right: 0px;
    background-image: 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='M24 8L8 24' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8 8L24 24' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    padding: 0px;
    width: 1.4rem;
    height: 1.4rem;
}

.webtech-menu .offcanvas-body {
    margin: 0;
    padding: 4.9375rem 0 2.5rem 0;
}

.offcanvas-body__course-name {
    font-family: ALSGorizont_var;
    font-weight: 550;
    font-size: 2.5rem; /* 40px / 16px = 2.5rem */
    line-height: 120%;
    letter-spacing: -0.05rem; /* -0.8px / 16px = -0.05rem */
    vertical-align: bottom;
    color: #0D0D0D;
    margin: 3.125rem 2.5rem 1.0625rem 2.5rem; /* 50px / 16px = 3.125rem, 40px / 16px = 2.5rem, 17px / 16px = 1.0625rem */
}


.offcanvas-body__course-type {
    margin: 0rem;
    background-color: #fff;
    border: 1px solid #0D0D0D;
    border-radius: 2.5rem;
    width: auto;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0.25rem 0.75rem 0.25rem 0.75rem; /* 4px / 16px = 0.25rem, 12px / 16px = 0.75rem */
    margin: 0 2.5rem 0 2.5rem; /* 40px / 16px = 2.5rem */
}

.offcanvas-body__course-type_icon {
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 100px;
    background-color: #0B68FE;
    content: "";
    margin-right: 0.5rem;
}

.offcanvas-body__course-type_name {
    font-family: ALSGorizont_reg;
    font-weight: 400;
    font-size: 0.8125rem; /* 13px / 16px = 0.8125rem */
    leading-trim: Cap height;
    line-height: 120%;
    letter-spacing: 0.034375rem; /* 0.55px / 16px = 0.034375rem */
}

.offcanvas-body__mobile-menu {
    margin-top: 2.5rem; /* 40px / 16px = 2.5rem */
    margin-bottom: 2.375rem; /* 38px / 16px = 2.375rem */
}

.mobile-menu__list {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}

.mobile-menu__item a {
    display: inline-block;
    font-family: PTGolos_vf;
    font-weight: 400;
    font-size: 1.25rem; /* 20px / 16px = 1.25rem */
    line-height: 140%;
    letter-spacing: -0.0625rem; /* -1px / 16px = -0.0625rem */
    color: #424245;
    vertical-align: bottom;
    text-decoration: none;
    padding: 1.5625rem 2.5rem 1.5625rem 2.5rem; /* 25px / 16px = 1.5625rem, 40px / 16px = 2.5rem */
    cursor: pointer;
    width: 100%;
}

.mobile-menu__item:focus a,
.mobile-menu__item:active a,
.mobile-menu__item:hover a {
    background: #F6F7F8;
    color: #ED1044;
}

.offcanvas-body__course-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 1.25rem; /* 20px / 16px = 1.25rem */
    margin-top: 0rem;
    margin-left: 2.5rem; /* 40px / 16px = 2.5rem */
    margin-right: 2.5rem; /* 40px / 16px = 2.5rem */
}

.offcanvas-body__course-actions__enrol-on-course {
    font-family: PTGolos_reg;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.03125rem;
    vertical-align: bottom;
    color: #FFFFFF;
    background-color: #ED1044;
    border: 0.0625rem solid #ED1044;
    width: 28.75rem;
    border-radius: 0.75rem;
    border-width: 0.0625rem;
    padding: 1.125rem 8.25rem 1.125rem 8.25rem;
    gap: 0.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 0;
}

.offcanvas-body__course-actions__enrol-on-course-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 0.75rem;
    font-family: PTGolos_reg;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.03125rem;
    vertical-align: bottom;
}

.offcanvas-body__course-actions__enrol-on-course-icon {
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2001_32009)'%3E%3Cpath d='M22.5 12.9994L16.8829 8.09033V12.1812H2.25V13.8176H16.8829V17.9085L22.5 12.9994Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2001_32009'%3E%3Crect width='20.25' height='9.81818' fill='white' transform='translate(2.25 8.09131)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 1.5rem;
    height: 1.5rem;
}

.offcanvas-body__course-actions__online-consultation {
    font-family: PTGolos_reg;
    font-weight: 400;
    font-size: 1.125rem; /* 18px / 16px = 1.125rem */
    line-height: 1.5rem; /* 24px / 16px = 1.5rem */
    letter-spacing: -0.01875rem; /* -0.3px / 16px = -0.01875rem */
    vertical-align: bottom;
    border-radius: 0.75rem;
    border-width: 0.0625rem;
    padding-top: 0.8125rem; /* 13px / 16px = 0.8125rem */
    padding-right: 1.5rem; /* 24px / 16px = 1.5rem */
    padding-bottom: 0.875rem; /* 14px / 16px = 0.875rem */
    padding-left: 1.75rem; /* 28px / 16px = 1.75rem */
    gap: 0.5rem; /* 8px / 16px = 0.5rem */
    border: 1px solid #F6F7F8;
    background-color: #F6F7F8;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 28.75rem; /* 460px / 16px = 28.75rem */
    text-decoration: none;
    color: #000;
    margin: 0rem;
}

@media screen and (max-width: 768px) {
    .webtech-menu .offcanvas-header {
        padding: 1.25rem 1.5625rem 1.25rem 1.3125rem; /* 20px / 16px = 1.25rem, 25px / 16px = 1.5625rem, 20px / 16px = 1.25rem, 21px / 16px = 1.3125rem */
    }

    .offcanvas-body__course-name {
        margin-top: 1.3125rem; /* 21px / 16px = 1.3125rem */
        margin-left: 1.25rem; /* 20px / 16px = 1.25rem */
        margin-right: 1.5rem; /* 24px / 16px = 1.5rem */
        margin-bottom: 0rem;
        font-family: ALSGorizont_var;
        font-weight: 550;
        font-size: 1.75rem; /* 28px / 16px = 1.75rem */
        line-height: 110.00000000000001%;
        letter-spacing: -0.125rem; /* -2px / 16px = -0.125rem */
        vertical-align: bottom;
    }

    .offcanvas-body__course-type {
        margin: 1.25rem 1.5625rem 0 1.3125rem; 
        border-radius: 0px;
        border: none;
        padding: 0px;
    }

    .offcanvas-body__course-type_icon {
        width: 0.375rem; /* 6px / 16px = 0.375rem */
        height: 0.375rem; /* 6px / 16px = 0.375rem */
    }

    .offcanvas-body__course-type_name {
        font-family: ALSGorizont_reg;
        font-weight: 400;
        font-size: 0.625rem; /* 10px / 16px = 0.625rem */
        leading-trim: Cap height;
        line-height: 120%;
        letter-spacing: 0.01875rem; /* 0.3px / 16px = 0.01875rem */
        max-width: 15rem; /* 240px / 16px = 15rem */
    }

    .offcanvas-body__mobile-menu {
        margin-top: 1.5rem; /* 24px / 16px = 1.5rem */
        margin-bottom: 1.5rem; /* 24px / 16px = 1.5rem */
    }

    .mobile-menu__item a {
        font-size: 1.125rem; /* 18px / 16px = 1.125rem */
        padding: 1.25rem 1.25rem 1.25rem 1.25rem; /* 20px / 16px = 1.25rem */
        letter-spacing: 0px;
    }

    .offcanvas-body__course-actions {
        display: flex;
        flex-direction: column;
        margin: 2.5rem 1.25rem 2.5rem 1.25rem; /* 40px / 16px = 2.5rem, 20px / 16px = 1.25rem */
        row-gap: 0.9375rem; /* 15px / 16px = 0.9375rem */
    }

    .offcanvas-body__course-actions__enrol-on-course {
        width: 20.9375rem; /* 335px / 16px = 20.9375rem */
        padding: 1.125rem 4.34375rem 1.125rem 4.34375rem; /* 18px / 16px = 1.125rem, 69.5px / 16px = 4.34375rem */
    }

    .offcanvas-body__course-actions__online-consultation {
        width: 20.9375rem; /* 335px / 16px = 20.9375rem */
        padding: 0.8125rem 1.8125rem 0.75rem 2.3125rem; /* 13px / 16px = 0.8125rem, 29px / 16px = 1.8125rem, 12px / 16px = 0.75rem, 37px / 16px = 2.3125rem */
        font-family: PTGolos_reg;
        font-weight: 400;
        font-size: 1rem; /* 16px / 16px = 1rem */
        line-height: 1.5rem; /* 24px / 16px = 1.5rem */
        letter-spacing: -0.0125rem;
        vertical-align: bottom;
    }
}