@import url("./faq-section.css");
@import url("./testimonials.css");
@import url("./packages.css");

body {
    font-family: var(--second-font) !important;
    font-size: 16px;
}

.sqe2.new-land {
    background-color: var(--body-caption-off);
    padding-bottom: 32px;
}

/*Hero*/
.hero-box {
    background: var(--body-text);
}

.hero-box.new-land {
    background-color: transparent;
    padding-top: 36px;
}

.hero-banner {
    max-width: 1536px;
    width: 96%;
    margin: 0 auto;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}

.hero-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}

.hero-banner .wrapper {
    position: relative;
    z-index: 2;
    margin: 0 60px;
}

@media screen and (max-width: 1400px) {
    .hero-banner .wrapper {
        margin: 0 auto;
    }
}

.hero-content-box {
    padding: 56px 0;
}

.hero-title {
    color: var(--second-green);
    margin-bottom: 16px;
}

.hero-second-title {
    color: var(--body-caption-off);
    margin-bottom: 16px;
}

.hero-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.01em;
    color: var(--body-caption-off);
}

.hero-btn.transparent-btn {
    padding: 16px 72px 16px 56px;
    border-radius: 30px;
    color: var(--body-text-off);
    position: relative;
}

.hero-btn.flame-btn:active,
.hero-btn.flame-btn:focus {
    color: var(--body-text-off);
}

.hero-btn {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}

.hero-buttons-box {
    margin-top: 52px;
}

.hero-review {
    padding: 32px 0 0 0;
    color: var(--body-text-off);
    font-size: 16px;
    line-height: 24px;
}

.hero-review p {
    margin-bottom: 0;
    max-width: 50%;
    filter: drop-shadow(2px 4px 6px black);
}

@media screen and (max-width: 475px) {

    .hero-title br,
    .hero-second-title br,
    .hero-description br,
    .hero-review br {
        display: none;
    }
}

/* benefit light */
.hero-benefit-light {
    display: flex;
    justify-content: center;
    gap: 32px;
    padding: 64px 0;
}

@media screen and (max-width: 768px) {
    .hero-benefit-light {
        flex-direction: column;
        padding: 32px 0;
        gap: 24px;
    }
}

.hero-benefit-light .benefit-box-light {
    display: flex;
    gap: 18px;
    align-items: center;
    padding: 24px 24px;
    border-radius: 12px;
    color: var(--body-text);
}

.hero-benefit-light .benefit-light-icon {
    width:34px;
    height: 34px;
}

.hero-benefit-light .benefit-light-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.hero-benefit-light .benefit-box-light .benefit-light-description *{
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

/*bennefit*/
.hero-benefit {
    display: flex;
    justify-content: center;
    padding: 64px 0;
}

.hero-box.new-land .hero-benefit {
    column-gap: 24px;
}

.benefit-description p {
    margin-bottom: 0;
}

.benefit-box {
    display: flex;
    width: 388px;
    padding: 0 32px;
}

.benefit-box.new-land {
    gap: 32px;
    padding: 24px 32px;
    align-items: center;
    background-color: var(--light-dark);
    border-radius: 30px;
}

.benefit-box.new-land .benefit-title p {
    margin-bottom: 0;
    color: var(--second-green);
}

.benefit-box.new-land:nth-child(2) {
    border: none;
}


.benefit-image-box {
    width: 48px;
    height: 48px;
    position: relative;
    border-radius: 50%;
}

.benefit-image-box:after {
    font-family: 'icomoon';
    position: absolute;
    font-size: 40px;
    color: var(--second-green);
    width: 48px;
    height: 48px;
    left: 3px;
    line-height: 48px;
}

.benefit-box:nth-child(1) .benefit-image-box:after {
    content: "\e906";
}

.benefit-box:nth-child(2) .benefit-image-box:after {
    content: "\e907";
}

.benefit-box:nth-child(3) .benefit-image-box:after {
    content: "\e908";
}

.benefit-box:nth-child(2) {
    border-left: 1px solid var(--body-caption);
    border-right: 1px solid var(--body-caption);
}

.benefit-title {
    color: var(--body-text-off);
    font-weight: 700;
}

.benefit-content-box {
    padding-left: 32px;
}

.benefit-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-400);
}

.sqe2 .hero-bottom {
    height: 120px;
    display: block;
}

/* Video */
.video-frame {
    width: 100%;
    height: 560px;
    border-radius: 30px;
    max-height: 560px;
    position: relative;
    margin-top: 0;
    border: none;
}

.video-box {
    margin-bottom: 24px;
}

/* OSCE */

.new-land .osce-box {
    margin-top: 32px;
}

.osce-box {
    position: relative;
}

.osce-box .wrapper {
    padding: 32px 84px 56px;
    display: flex;
    flex-direction: column;
}

.new-land .osce-box .wrapper {
    background-color: #fff;
    border-radius: 32px;
    padding: 56px 84px;
}

.main-osce-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
}

.osce-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.osce-col {
    width: 100%;
}

.new-land .osce-col {
    margin: 0;
}

.osce-title {
    margin-bottom: 30px;
    margin-left: 12px;
}

.new-land .osce-title {
    margin-left: 0;
    margin-bottom: 0;
}

.osce-col-title {
    margin-bottom: 16px;
}

.osce-button {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    display: inline-flex;
    align-self: center;
    margin-top: 54px;
}

/* Smart */
.smart-box {
    margin-top: 32px;
}

.smart-box .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.smart-header {
    background-color: var(--second-green);
}

.smart-header-title {
    margin: 32px 0 32px 12px;
}

.smart-header-subtitle {
    color: var(--main-flame);
    margin-bottom: 24px;
    margin-left: 12px;
}

.smart-header-description {
    margin-left: 12px;
}

.smart-header-button {
    margin: 54px 0 32px 12px;
    display: inline-block;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}

.smart-footer {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

.smart-footer-content {
    display: flex;
    justify-content: flex-end;
}

.smart-col {
    max-width: 33.33%;
    width: 100%;
    margin: 0 12px;
}

.smart-footer-col-1 ul,
.smart-footer-col-2 ul {
    margin: 0;
    padding: 0;
    list-style: inside;
}

.smart-footer-col-1 p,
.smart-footer-col-2 p {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--body-text);
    padding-left: 20px;
    position: relative;
}

.smart-footer-col-1 p:before,
.smart-footer-col-2 p:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    left: 0;
    top: 6px;
}

.smart-footer-col-1 li,
.smart-footer-col-2 li {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--body-text);
    list-style-type: none;
    padding-left: 20px;
    position: relative;
}

.smart-footer li:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 4px;
    background-color: #000;
    border-radius: 50%;
    top: 9px;
    left: 3px;
}

/* Methodology */
.methodology-header {
    background-color: var(--main-lavanda);
}

.new-land .methodology-header {
    background-color: #ffffff;
}

.methodology-header-description {
    display: flex;
    justify-content: space-between;
}

.methodology-box {
    margin-top: 32px;
}

.methodology-box .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.methodology-header-subtitle {
    color: var(--second-green);
    margin-bottom: 24px;
    margin-left: 12px;
}

.new-land .methodology-header-subtitle {
    color: var(--body-text);
}

.new-land .methodology-header-subtitle {
    margin-left: 0;
}

.methodology-header-title {
    margin: 32px 0 32px 12px;
    color: var(--body-text-off);
}

.methodology-header-col {
    width: 100%;
    max-width: 33.33%;
    color: var(--body-text-off);
    margin: 0 12px;
}

.new-land .methodology-header-col {
    color: var(--body-text);
}

.new-land .methodology-header-col {
    max-width: 100%;
    margin: 0;
}

.methodology-header-col ul {
    padding-left: 20px;
}

.methodology-header-button {
    border-color: var(--body-text-off);
    color: var(--body-text-off);
    margin: 54px 0 32px 12px;
    display: inline-block;
    padding: 16px 72px 16px 56px;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}

.methodology-header-button:after {
    transform: rotate(-45deg);
    display: inline-block;
}

.methodology-content {
    background-color: #fff;
}

.methodology-methods {
    display: flex;
    justify-content: space-between;
    padding: 88px 84px;
}

.methodology-method {
    background-color: var(--body-caption-off);
    padding: 32px;
    border-radius: 32px;
    margin: 0 12px;
    width: 100%;
    max-width: 33.33%;
}

.methodology-icon {
    width: 56px;
    height: 56px;
    background-color: #fff;
    position: relative;
    border-radius: 50%;
    margin-bottom: 40px;
}

.methodology-icon:after {
    font-family: 'icomoon';
    color: #000;
    position: absolute;
    font-size: 50px;
    line-height: 45px;
    top: calc(50% - 22.5px);
    left: calc(50% - 25.5px);
}

.methodology-method:nth-child(1) .methodology-icon:after {
    content: "\e902";
}

.methodology-method:nth-child(2) .methodology-icon:after {
    content: "\e903";
}

.methodology-method:nth-child(3) .methodology-icon:after {
    content: "\e904";
}

.methodology-method .methodology-title {
    margin-bottom: 16px;
    font-weight: 500;
}

.methodology-method .methodology-description p {
    margin: 0;
}

.methodology-circle {
    display: flex;
    justify-content: center;
    margin-bottom: 56px;
}

.new-land .methodology-circle {
    padding-top: 56px;
}

.methodology-circle .circle {
    border-radius: 50%;
    background-color: var(--body-caption);
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    color: var(--body-text-off);
}

.methodology-circle .circle p {
    margin: 0;
    font-weight: 400;
    text-align: center;
}

.methodology-circle .circle:nth-child(2) {
    z-index: 20;
    color: var(--body-text);
    background-color: var(--second-green);
    margin-left: -30px;
}

.methodology-goals-banner-box {
    padding: 56px 96px 0 96px;
    z-index: 20;
    position: relative;
}

.methodology-goals-banner-box .banner-box {
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 540px;
    height: 48vw;
    background-position: center;
}

.methodology-goals-box {
    background-color: var(--body-text);
    padding: 150px 84px 82px 84px;
    z-index: 10;
    position: relative;
    margin-top: -107px;
}

.methodology-goals {
    display: flex;
    justify-content: center;
}

.methodology-goal p {
    color: var(--body-text-off);
    padding-left: 24px;
}

.methodology-goal {
    width: 100%;
    margin: 0 12px;
    display: flex;
    border-right: 1px solid rgba(250, 250, 250, 0.32);
}

.methodology-goal:last-child {
    border-right: none;
}

.methodology-goal .goal-num {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    align-items: center;
    color: var(--second-green);
}

.methodology-goals-title {
    margin: 32px 0 88px 12px;
    color: var(--second-green);
}

.methodology-simulation-box {
    padding: 82px 84px 56px 84px;
    display: flex;
    flex-direction: column;
}

.methodology-simulator-cols,
.methodology-lectures-cols {
    display: flex;
    justify-content: space-between;
}

.methodology-simulator-col,
.methodology-lectures-col {
    width: 100%;
    margin: 0 12px;
}

.methodology-simulator-button {
    align-self: center;
    display: inline-block;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    margin: 32px 0;
}

.methodology-simulator-col-title,
.methodology-lectures-col-title,
.revision-col-title,
.technology-col-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    color: var(--body-text);
    margin-bottom: 36px;
    position: relative;
    padding-left: 44px;
}

.methodology-simulator-col-title:before,
.methodology-lectures-col-title:before,
.revision-col-title:before,
.technology-col-title:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    left: 24px;
    top: calc(50% - 5px);
}

.sqe2-col-item,
.revision-col-text,
.technology-col-text {
    border-radius: 20px;
    background-color: var(--body-caption-off);
    padding: 12px 24px 12px 50px;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--body-text);
    position: relative;
}

a.sqe2-col-item,
a.revision-col-text,
a.technology-col-text {
    display: block;
    box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px;
}

.sqe2-col-item:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    border-radius: 50%;
    background-color: #000;
    top: calc(50% - 2px);
    left: 33px;
}

.sqe2-col-item.col-active,
.revision-col-text,
.technology-col-text {
    text-transform: uppercase;
    background-color: var(--gray-400);
    font-weight: 500;
    font-size: 17px;
    padding: 12px 24px;
}

.sqe2-col-item.col-active:before {
    display: none;
}

.sqe2-col-item.col-padding {
    margin-bottom: 24px;
}

.methodology-lectures-box {
    padding: 32px 84px 56px 84px;
    display: flex;
    flex-direction: column;
}

.sqe2-lectures-col-item {
    border-radius: 20px;
    background-color: transparent;
    margin-bottom: 8px;
    line-height: 16px;
    color: var(--body-text);
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    padding: 11px 23px;
    border: 1px solid var(--body-caption);
}

a.sqe2-lectures-col-item{
    display: block;
    box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px;
}

.sqe2-lectures-col-item.col-active {
    border: 1px dashed var(--main-flame);
    background-color: #FFF2CE;
}

.methodology-lectures-description {
    margin-top: 24px;
}

.methodology-lectures-description ul {
    padding-left: 20px;
}

.methodology-lectures-col-title {
    margin-bottom: 20px;
    margin-top: 12px;
}

.methodology-lectures-tooltips {
    display: inline-block;
    width: 82%;
    margin: 64px auto 32px;
    max-width: 962px;
    background-color: #FFF2CE;
    padding: 24px 40px 24px 72px;
    position: relative;
}

.methodology-lectures-tooltips p {
    margin: 0;
}

.methodology-lectures-tooltips:before {
    font-family: 'icomoon';
    content: "\e905";
    position: absolute;
    font-size: 24px;
    line-height: 24px;
    top: calc(50% - 12px);
    left: 24px;
    color: var(--main-flame);
}

/* Revision box */
.revision-box,
.technology-box {
    margin-top: 32px;
}

.revision-box .wrapper,
.technology-box .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.revision-header {
    background-color: var(--gray-400);
}

.revision-header-title,
.technology-header-title {
    margin: 32px 0 32px 12px;
}

.revision-header-subtitle,
.technology-header-subtitle {
    margin-bottom: 24px;
    margin-left: 12px;
}

.revision-header-content,
.technology-header-content {
    display: flex;
    justify-content: flex-start;
}

.revision-header-col,
.technology-header-col {
    width: 100%;
    max-width: 33.33%;
    margin: 0 12px;
}

.revision-header-button {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    display: inline-flex;
    margin-top: 88px;
    margin-bottom: 32px;
    margin-left: 12px;
}

.revision-footer,
.technology-footer {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding-bottom: 88px;
}

.revision-col,
.technology-col {
    width: 100%;
    max-width: 33.33%;
    margin: 0 12px;
    display: flex;
    flex-direction: column;
}

.revision-footer-title *,
.technology-footer-title * {
    margin-top: 0 !important;
}

.revision-col-title,
.technology-col-title {
    margin-bottom: 20px;
}

.revision-col-content,
.technology-col-content {
    border-radius: 16px;
    background-color: var(--body-caption-off);
    padding: 32px;
    height: 100%;
}

.revision-col-content ul,
.technology-col-content ul {
    padding-left: 20px;
    margin: 0;
    color: var(--body-text);
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

/*Technology*/
.technology-header,
.technology-col-text {
    background-color: var(--second-rain);
}

.technology-header-button {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    display: inline-flex;
    margin-top: 64px;
    margin-bottom: 32px;
    margin-left: 12px;
}

/*Price*/
.price-box {
    margin-top: 32px;
}

.price-box .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.price-header {
    background-color: var(--body-text);
}

.price-header-title {
    color: var(--second-green);
    margin: 32px 0 32px 12px;
}

.price-header-subtitle {
    color: var(--body-text-off);
    margin-bottom: 24px;
    margin-left: 12px;
}

.price-content {
    background-color: #fff;
}

.prices-title,
.discount-title,
.legal-theatre-title,
.course-title {
    margin: 8px 0 32px 12px;
    color: var(--body-subtext);
}

.prices-subtitle,
.discount-subtitle,
.packages-title,
.legal-theatre-subtitle,
.testimonials-header-title {
    margin-left: 12px;
    margin-bottom: 24px;
}

.prices-description,
.discount-description,
.packages-description,
.legal-theatre-description,
.course-description {
    margin-left: 12px;
    margin-bottom: 32px;
}

.prices-table-row,
.discount-table-row {
    display: flex;
}

.prices-table .prices-table-row:nth-child(odd),
.discount-table .discount-table-row:nth-child(odd) {
    background-color: var(--body-caption-off);
}

.prices-table .prices-table-row:first-child {
    background-color: var(--second-green);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.prices-table .prices-table-row:nth-child(2),
.discount-table .discount-table-row:nth-child(1) {
    font-weight: 400;
    font-size: 13px;
    line-height: 23px;
    opacity: 0.7;
    text-transform: uppercase;
}

.prices-table-row div,
.discount-table-row div {
    width: 100%;
    max-width: 50%;
    padding: 8px 24px;
}

.prices-table,
.discount-table {
    margin: 0 12px;
    border-radius: 8px;
    overflow: hidden;
}

.prices-button {
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 56px;
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}

.discount-subtitle {
    margin-top: 8px;
}

.discount-table {
    margin-bottom: 32px;
}

/*Package*/
.packages-box.new-land .package {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.packages-box.new-land {
    background-color: #ffffff;
}

.packages-box.new-land .package-button {
    margin-top: auto;
    background-color: var(--body-text);
    border-radius: 30px;
    font-size: 17px;
    line-height: 24px;
}

.packages-box.new-land .package-content {
    margin-bottom: 24px;
}

.packages-box.new-land .package-button:hover {
    color: var(--second-green);
}

.packages-box.new-land .packages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
}

@media screen and (max-width: 768px) {
    .packages-box.new-land .packages {
        grid-template-columns: 1fr;
        padding-top: 20px;
    }
}

.packages-box.new-land .package-box {
    max-width: none;
    margin: 0;
}

.packages-box.new-land .package-box.package-full-size {
    grid-column: span 2;
}

.packages-box.new-land .after-packages-description {
    margin-top: 36px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .packages-box.new-land .package-box.package-full-size {
        grid-column: 1;
    }
}

.packages-box.our-service {
    background-color: var(--second-green);
}

.package-tip {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    text-align: center;
    max-width: 80%;
    padding: 8px 16px;
    border-radius: 20px;
    background-color: var(--second-green);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.package-tip p,
.package-tip h1,
.package-tip h2,
.package-tip h3,
.package-tip h4,
.package-tip h5,
.package-tip h6 {
    margin: 0;
}

.packages-box.our-service .package-tip {
    background-color: var(--second-rain);
}


.packages {
    display: flex;
    justify-content: center;
}

.package-box {
    width: 100%;
    max-width: 33.33%;
    margin: 0 12px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.package {
    background-color: var(--body-caption-off);
    padding: 32px;
    color: var(--body-text);
    border-radius: 16px;
    min-height: 415px;
    position: relative;
}

.package-box .package-button {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    color: var(--body-text-off);
    text-decoration: none;
}

.package-title {
    color: var(--body-subtext) !important;
    margin-bottom: 24px;
}

.package-title * {
    margin-bottom: 0;
    color: var(--body-subtext) !important;
}

.package-price {
    font-weight: 700;
    font-size: 23px;
    line-height: 25px;
    padding: 8px 24px;
    background-color: var(--second-green);
    border-radius: 20px;
}

.package:nth-child(2) .package-price {
    background-color: var(--second-rain);
}

.package:nth-child(3) .package-price {
    background-color: var(--gray-400);
}

.package-tooltips {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: var(--body-subtext);
    margin-left: 8px;
}

.package-meta {
    margin-bottom: 24px;
    display: flex;
}

.package-content ul {
    margin: 0;
    padding-left: 20px;
}

.packages-button {
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 56px;
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}

/*Legal Theatre*/
.legal-theatre-title {
    color: var(--body-subtext);
}

.legal-theatre-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.legal-theatre-button:after {
    transform: rotate(-45deg);
    display: inline-block;
}

.legal-theatre-button {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
}

/*Course*/
.course-box {
    background-color: var(--body-text);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.course-title {
    color: var(--second-green);
}

.course-description {
    color: var(--gray-400);
}

.course-button {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    padding: 16px 72px 16px 56px;
    color: var(--body-text);
    background-color: var(--body-caption-off);
    border-radius: 30px;
    position: relative;
}

.course-button::after {
    position: absolute;
    content: "\e90b";
    font-family: 'icomoon';
    font-size: 14px;
    line-height: 14px;
    right: 29px;
    top: calc(50% - 7px);
}

.course-button:hover {
    color: var(--second-green);
}

/*Testimonials*/
.testimonials-box {
    margin-top: 32px;
    margin-bottom: 80px;
}

.testimonials-box .wrapper {
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
}

.testimonials-header {
    background-color: var(--second-green);
    display: flex;
    justify-content: space-between;
}

.testimonials-content {
    background-color: #fff;
}

.testimonials-header-button {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.testimonials-header-button a {
    display: block;
    padding: 16px 60px;
}

.testimonials-header-title {
    color: var(--main-lavanda);
}

.testimonials-header-description {
    margin-left: 12px;
}

.testimonials-header-button.transparent-btn-border:hover,
.testimonials-header-button.transparent-btn-border:active,
.testimonials-header-button.transparent-btn-border:focus {
    color: var(--main-flame);
    border-color: var(--main-flame);
}

.testimonials-content-title {
    margin: 32px 0 32px 12px;
    color: var(--body-subtext);
}

.testimonials-content-subtitle {
    padding: 0 0 24px 12px;
}

.testimonials-content-subtitle p {
    margin: 0;
}

.testimonials-content-description {
    margin: 0 0 32px 12px;
}

.testimonials-content-description ul {
    margin: 0;
    padding-left: 20px;
}

.testimonials-reviews {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.review {
    width: 100%;
    max-width: 25%;
    margin: 0 12px;
    border-radius: 23px;
    background-color: var(--body-caption-off);
    padding: 32px;
}

.review-image {
    height: 72px;
    width: 72px;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
}

.review-header {
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-meta {
    margin-bottom: 16px;
}

.review-video {
    position: relative;
    height: 48px;
    width: 48px;
}

.review-video:after {
    content: "\e909";
    font-family: 'icomoon';
    font-size: 48px;
    line-height: 48px;
    color: var(--main-flame);
}

.review-video:before {
    content: "\e90a";
    font-family: 'icomoon';
    font-size: 40px;
    line-height: 40px;
    color: rgb(250, 250, 250);
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
}

.review-position {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: var(--body-subtext);
}

.review-content p {
    margin: 0;
}

.testimonials-content-button {
    display: inline-block;
    margin: 32px 0;
    left: calc(50% - 115px);
    position: relative;
}

@media screen and (min-width: 1024px) {
    .hero-bg {
        background-position: center center !important;
    }
}

@media screen and (max-width: 1023px) {
    .hero-bg {
        filter: brightness(0.5);
    }
}

@media screen and (max-width: 1236px) {
    .package {
        padding: 28px;
    }

    .package-price {
        font-size: 21px;
    }

    .package-tooltips {
        font-size: 13px;
    }

    .testimonials-reviews {
        flex-wrap: wrap;
    }

    .review {
        max-width: calc(50% - 48px);
        margin: 12px;
    }
}

@media screen and (max-width: 1150px) {
    .package {
        padding: 25px;
    }

    .package-price {
        padding: 8px 18px;
    }

    .hero-review p {
        max-width: 75%;
    }
}

@media screen and (max-width: 1024px) {
    .package {
        padding: 32px;
    }

    .osce-content {
        grid-template-columns: 1fr;
    }

    .new-land .methodology-box {
        margin-top: 0;
    }

    .new-land .osce-box .wrapper {
        padding: 32px 13px 56px;
    }

    .new-land .osce-box {
        margin-top: 0;
    }

    .sqe2.new-land {
        padding-bottom: 0;
    }

    .package-price {
        font-size: 23px;
        padding: 8px 24px;
    }

    .package-tooltips {
        font-size: 15px;
    }

    .hero-btn.transparent-btn {
        padding: 16px 0 16px 0;
    }

    .hero-second-title {
        font-size: 36px;
        margin-bottom: 24px;
    }

    .hero-buttons-box {
        display: flex;
        flex-direction: column;
        margin-top: 80px;
        align-items: center;
    }

    .hero-btn {
        width: fit-content;
    }

    .hero-benefit {
        flex-direction: column;
        padding-top: 32px;
        padding-bottom: 56px;
    }

    .hero-banner {
        width: calc(100% - 32px);
    }

    .sqe1 .hero-banner {
        background-position: 80%;
    }

    .hero-content-box {
        padding: 32px;
    }

    .sqe2 .hero-bottom {
        height: 80px;
    }

    .benefit-box:nth-child(2) {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid var(--body-caption);
        border-bottom: 1px solid var(--body-caption);
    }

    .osce-content,
    .smart-footer,
    .methodology-header-description,
    .methodology-methods,
    .methodology-goals,
    .methodology-simulator-cols,
    .methodology-lectures-cols,
    .revision-header-content,
    .packages,
    .testimonials-reviews,
    .revision-footer,
    .technology-footer,
    .testimonials-header,
    .course-box,
    .legal-theatre-box {
        flex-direction: column;
    }

    .packages {
        gap: 20px;
    }

    .review,
    .package,
    .revision-col,
    .technology-col,
    .revision-header-col,
    .technology-header-col,
    .methodology-method,
    .methodology-header-col,
    .smart-col,
    .osce-col {
        max-width: none;
    }

    .review-position br,
    .course-title br {
        display: none;
    }

    .osce-box .wrapper {
        padding: 32px 13px 56px;
    }

    .prices-table-row div:first-child,
    .discount-table-row div:first-child {
        padding-right: 12px;
    }

    .prices-table-row div:last-child,
    .discount-table-row div:last-child {
        padding-left: 12px;
    }

    .price-content {
        display: flex;
        flex-direction: column;
    }

    .prices-box {
        order: 1;
        padding-top: 24px;
    }

    .packages-box,
    .price-box .pack-sqe1-sqe2 {
        order: 2;
    }

    .legal-theatre-box {
        order: 3;
        padding-top: 24px;
    }

    .discount-box {
        order: 5;
        padding-top: 24px;
    }

    .course-box {
        order: 6;
    }

    .price-box .dash:nth-child(2) {
        order: 1;
    }

    .price-box .dash:nth-child(4) {
        order: 3;
    }

    .price-content .dash:nth-child(6) {
        order: 4;
    }

    .prices-table .prices-table-row:first-child .prices-table-row-type {
        max-width: none;
    }

    .prices-table .prices-table-row:first-child .prices-table-row-price {
        display: none;
    }

    .legal-theatre-button {
        margin-top: 32px;
    }

    .benefit-box {
        width: auto;
        padding: 32px 0;
        margin: 0 56px;
    }

    .video-frame {
        width: calc(100% - 50px);
        height: 48vw;
        max-height: 560px;
        margin-top: 0;
        left: 25px;
        margin-bottom: 0;
    }

    .osce-col {
        margin-top: 24px;
        width: auto;
    }

    .smart-box {
        margin-top: 0;
    }

    .smart-header-title {
        margin-top: 0;
    }

    .smart-header-button {
        margin-left: 0;
        margin-bottom: 0;
        position: relative;
        left: calc(50% - 95px);
    }

    .smart-col {
        width: auto;
        margin-top: 32px;
    }

    .smart-col:first-child {
        margin-top: 0;
        margin-bottom: 32px;
    }

    .methodology-header-title {
        margin-top: 0;
    }

    .methodology-header-button {
        margin-left: 0;
        margin-bottom: 0;
        left: calc(50% - 112px);
        position: relative;
    }

    .methodology-methods {
        order: 2;
        padding: 32px 12px 56px;
    }

    .methodology-content {
        display: flex;
        flex-direction: column;
    }

    .methodology-method {
        width: auto;
        margin-top: 24px;
    }

    .methodology-method:first-child {
        margin-top: 0;
    }

    .methodology-circle {
        order: 1;
        margin-bottom: 0;
        margin-top: 88px;
    }

    .new-land .methodology-circle {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 32px;
    }

    .methodology-goals,
    .methodology-goals-banner-box,
    .methodology-goals-box,
    .methodology-simulation-box,
    .methodology-lectures-box,
    .methodology-content .dash {
        order: 3;
    }

    .methodology-goals-title {
        margin-bottom: 56px;
    }

    .methodology-goal {
        width: auto;
        padding-left: 24px;
        margin: 12px;
    }

    .methodology-goal:last-child {
        border-right: 1px solid rgba(250, 250, 250, 0.32);
    }

    .methodology-goals-banner-box {
        padding: 0 25px 0 25px;
    }

    .methodology-goals-box {
        padding: 110px 12px 82px 12px;
    }

    .methodology-simulator-button {
        margin-bottom: 0;
        margin-top: 48px;
    }

    .methodology-simulation-box {
        padding: 56px 12px;
    }

    .methodology-simulation-box {
        padding: 32px 12px;
    }

    .methodology-simulator-col,
    .methodology-lectures-col {
        width: auto;
        margin-top: 24px;
    }

    .methodology-simulator-col:first-child,
    .methodology-lectures-col:first-child {
        margin-top: 0;
        margin-bottom: 24px;
    }

    .methodology-lectures-box {
        padding: 32px 12px;
    }

    .methodology-lectures-tooltips {
        width: auto;
        margin: 32px 12px 0;
    }

    .revision-header-button {
        margin-left: 0;
        margin-bottom: 0;
        position: relative;
        left: calc(50% - 132px);
        margin-top: 60px;
    }

    .revision-footer-title {
        margin-top: 0;
    }

    .technology-footer-title,
    .revision-footer-title {
        margin-bottom: 28px;
    }

    .revision-col-title,
    .technology-col-title {
        text-transform: uppercase;
    }

    .technology-header-button {
        margin-left: 0;
        left: calc(50% - 94px);
    }

    .revision-header-title,
    .technology-header-title {
        margin-top: 0;
    }

    .revision-box,
    .technology-box {
        border-top: 1px solid var(--body-caption-off);
    }

    .new-land .revision-footer,
    .new-land .technology-footer {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .revision-box,
    .technology-box {
        margin-top: 0;
    }

    .new-land .revision-footer-title,
    .new-land .technology-footer-title {
        margin-top: 0;
    }

    .revision-col,
    .technology-col {
        width: auto;
        margin-top: 32px;
    }

    .price-box {
        margin-top: 0;
    }

    .price-header-title {
        margin-top: 0;
    }

    .prices-button {
        margin-bottom: 0;
    }

    .packages-box {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .packages-button {
        margin-bottom: 0;
    }

    .package-box {
        width: auto;
        max-width: 100%;
        margin-top: 8px;
    }

    .package:first-child {
        margin-top: 0;
    }

    .legal-theatre-description {
        margin-bottom: 0;
    }

    .discount-table {
        margin-bottom: 0;
    }

    .course-description {
        margin-bottom: 56px;
    }

    .course-title {
        margin-bottom: 24px;
    }

    .course-content {
        text-align: center;
    }

    .testimonials-box {
        margin-top: 0;
    }

    .testimonials-content-title {
        margin-top: 0;
        margin-bottom: 0;
    }

    .review:first-child {
        margin-top: 0;
    }

    .review {
        width: auto;
        margin: 24px 12px 0 12px;
    }

    .testimonials-content-button {
        margin-bottom: 0;
    }

    .testimonials-header-description {
        margin-bottom: 56px;
    }

    .testimonials-header-button.transparent-btn-border {
        margin-bottom: 16px;
    }

    .testimonials-header-button {
        align-items: center;
    }

    .testimonials-header-content {
        text-align: center;
    }

    .footer-col,
    .footer-last-col-content {
        margin-top: 40px;
    }

    .footer-col:first-child {
        margin-top: 0;
    }
}

@media screen and (max-width: 375px) {

    .hero-btn,
    .prices-button,
    .methodology-simulator-button {
        text-align: center;
        display: flex;
        justify-content: center;
        left: 0;
        padding: 16px 0;
        width: 100%;
    }

    .methodology-circle .circle {
        width: 180px;
        height: 180px;
    }
}

/*SQE 1*/
.sqe1 {
    background-color: var(--body-caption-off);
    padding-bottom: 80px;
}

.base-note {
    padding: 24px 72px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--body-caption);
    background-color: var(--body-caption-off);
    border-radius: 8px;
    position: relative;
    margin: 32px 0;
}

.base-note.note-mark:before {
    font-family: 'icomoon';
    content: "\e905";
    position: absolute;
    font-size: 24px;
    line-height: 24px;
    top: calc(50% - 12px);
    left: 24px;
    color: var(--body-subtext);
}

.note-snow:before {
    font-family: 'icomoon';
    content: "\e915";
    position: absolute;
    font-size: 24px;
    line-height: 24px;
    top: calc(50% - 12px);
    left: 24px;
    color: var(--body-subtext);
}

.osce-section .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.osce-section {
    padding-top: 56px;
}

.osce-section.new-land {
    padding-top: 0;
}

.osce-section.new-land .osce-timeline {
    padding-top: 24px;
    padding-bottom: 0;
}

.osce-section.new-land .osce-timeline-title {
    color: var(--body-text);
    padding: 0;
}

.osce-section.new-land .osce-timeline-header {
    margin-top: 24px;
    display: flex;
    gap: 14px;
    flex-direction: column;
}

.osce-header {
    background-color: var(--body-text);
}

.osce-header-title {
    color: var(--body-text-off);
    margin-bottom: 32px;
}

.osce-header-subtitle {
    color: var(--second-green);
    margin-bottom: 24px;
}

.osce-header-description p {
    color: var(--body-text-off);
}

.osce-main {
    background-color: var(--body-text-off);
}

.osce-main-title {
    padding-bottom: 32px;
    color: var(--body-subtext);
}

.methods-grid {
    padding-top: 32px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 24px;
    grid-row-gap: 32px;
}

.method {
    display: flex;
    flex-direction: column;
    gap: 8px;
    /*justify-content: space-between;*/
    padding: 32px;
    background-color: var(--body-caption-off);
    border-radius: 20px;
    min-height: 270px;
    position: relative;
}

.method.full-width-block {
    grid-column: 1 / -1;
}

.method::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url("../images/arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    right: 44px;
    top: 44px;
}

.method-image {
    height: 56px;
    width: 56px;
    background-color: var(--body-text-off);
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.method_icon {
    max-width: 22px;
    max-height: 22px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.method-title {
    margin-top: 16px;
    padding-bottom: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--body-text);
}

.method-title p {
    margin-bottom: 0;
}

.method-description p {
    color: var(--body-caption);
    margin-bottom: 0;
}

/* Timeline */
.osce-timeline {
    padding-top: 0;
    background-color: var(--body-text-off);
}

.osce-timeline-content {
    opacity: 0;
    background-color: var(--body-text-off);
    position: relative;
    transition: all .3s ease;
    padding: 32px 0 56px 0;
    gap: 20px;
}

.timeline-item {
    display: flex;
    flex-direction: column;
}

.new-land .timeline-number {
    background-color: var(--second-green);
    color: var(--body-text);
}

.timeline-number {
    height: 48px;
    width: 48px;
    position: relative;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--body-text);
    color: var(--body-text-off);
    font-weight: 700;
    font-size: 17px;
    line-height: 16px;
}

.timeline-title {
    margin-top: 40px;
    margin-bottom: 8px;
}

.timeline-title p {
    margin-bottom: 0;
    font-weight: 500;
}

.timeline-subtitle p {
    color: var(--body-subtext);
    margin-bottom: 0;
}

.osce-timeline-line {
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    top: 35px;
    background: linear-gradient(270deg, #F06543 6.77%, #08A835 49.48%, #3C97EF 93.23%);
}

.osce-timeline-title {
    color: var(--body-subtext);
    padding: 32px 0;
}

/* osce footer */
.osce-footer {
    background-color: var(--body-text);
}

.footer-top {
    padding-bottom: 56px;
}

.footer-top-title {
    color: var(--second-green);
    padding: 32px 32px 56px 0;
}

.footer-top-title p {
    margin-bottom: 0;
}

.footer-top-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    padding: 32px 0 56px 0;
}

.footer-col-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: var(--body-text-off);
    text-transform: uppercase;
    padding-bottom: 16px;
}

.footer-col-content {
    color: var(--body-caption-off);
}

.footer-col-content p {
    margin-bottom: 0;
}

.footer-top-button {
    display: flex;
    justify-content: center;
    padding: 32px 0;
}

.footer-top-button a {
    display: block;
    border-color: var(--body-text-off);
    color: var(--body-text-off);
    text-transform: none;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #B3BAC4;
}

.footer-bottom p {
    margin-bottom: 0;
}

/* Live Lectures */
.live-lectures-section .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.live-lectures-section {
    padding-top: 32px;
}

.live-lectures-section .live-lectures-main {
    background-color: var(--body-text-off);
}

.live-lectures-section .live-lectures-header {
    background-color: var(--main-azure);
}

.live-lectures-section .header-top-title {
    padding: 32px 0;
}

.live-lectures-section .header-top-subtitle {
    color: var(--main-flame);
    margin-bottom: 24px;
}

.live-lectures-section .header-top-subtitle p {
    margin-bottom: 0;
}

.live-lectures-section .header-top-content p:last-child {
    margin-bottom: 0;
}

.live-lectures-section .header-bottom {
    border-top: 1px solid rgba(35, 35, 35, 0.2);
}

.live-lectures-section .header-bottom-cols {
    display: flex;
    opacity: 0;
    column-gap: 24px;
    padding: 32px 0 56px 0;
}

.live-lectures-section .header-bottom-title {
    padding-bottom: 20px;
}

.live-lectures-section .header-bottom-title p {
    margin-bottom: 0;
}

.live-lectures-section .header-col-title {
    padding-bottom: 24px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: var(--body-text);
    padding-left: 28px;
    position: relative;
}

.live-lectures-section .header-col-title:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--body-text);
    border-radius: 50%;
    left: 9px;
    top: 7px;
}

.live-lectures-section .header-col-content ul {
    padding-left: 28px;
    margin-bottom: 0;
}

.live-lectures-section .header-bottom-button {
    padding: 32px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.live-lectures-section .header-bottom-button a {
    display: block;
}

.live-lectures-section .main-title p {
    margin: 0;
}

.live-lectures-section .main-title {
    padding-bottom: 20px;
}


/* .main-package-dropdown {
    width: 100%;
    overflow: hidden;
}

.main-package-top {
    cursor: pointer;
    background-color: var(--body-caption-off);
    font-weight: 500;
    padding: 8px 24px;
    position: relative;
}

.main-package-top:after,
.main-package-top:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 2px;
    background-color: var(--body-text);
    right: 30px;
    top: 13px;
    transition: all .3s ease;
}

.main-package-top:after {
    transform: rotate(90deg);
}

.main-package-top:before {
    transform: rotate(90deg);
}

.pack-hide .main-package-top:after {
    transform: rotate(0deg);
}

.pack-hide .main-package-top:before {
    transform: rotate(90deg);
}

.main-package-top p {
    margin-bottom: 0;
    pointer-events: none;
}

.package-table {
    max-height: 1500px;
    height: auto;
    overflow: hidden;
    transition: all .3s ease;
}

.pack-hide .package-table {
    max-height: 0;
}

.package-row:first-child {
    opacity: .7;
}

.main-packages .skill-package:nth-child(2) .package-row:first-child {
    opacity: 1;
}

.package-row:nth-child(even) {
    background-color: var(--body-caption-off);
}

.main-package-bottom {
    background: var(--main-azure);
    display: flex;
    justify-content: space-between;
    padding: 8px 24px;
    font-weight: 700;
    border-radius: 0 0 8px 8px;
}

.package-row td {
    padding: 8px 24px;
    text-align: right;
}

.package-row td:first-child {
    text-align: left;
}

.main-note p {
    margin-bottom: 0;
} */

.live-lectures-section .main-button {
    padding: 32px 0 0 0;
    display: flex;
    justify-content: center;
}

.live-lectures-section .main-button a {
    display: block;
}

.live-lectures-banner {
    display: flex;
    justify-content: space-between;
    background-color: var(--body-text);
    align-items: center;
}

.live-lectures-banner .banner-title p:last-child {
    margin-bottom: 0;
}

.live-lectures-footer {
    background-color: var(--body-text-off);
}

.lectures-footer-title {
    padding-bottom: 20px;
}

.lectures-footer-title p {
    margin-bottom: 0;
}

.lectures-footer-cols {
    padding: 56px 0 32px 0;
    opacity: 0;
    display: flex;
    column-gap: 24px;
}

.lectures-footer-col .col-content p:last-child {
    margin-bottom: 0;
}

.live-lectures-footer .col-header {
    display: flex;
    padding-bottom: 32px;
}

.live-lectures-footer .col-header span {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: var(--main-azure);
    margin-right: 10px;
}

.live-lectures-footer .col-header-title {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
}

.live-lectures-footer .col-header-title p {
    margin-bottom: 0;
}

.lectures-footer-note:before {
    color: var(--main-flame);
}

.lectures-footer-note p {
    margin-bottom: 0;
}

/* Notes Section */
.notes-section {
    padding-top: 32px;
}

.notes-section .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.notes-section .notes-header {
    background-color: var(--second-pale);
}

.notes-header-title {
    color: var(--second-rust);
    padding: 32px 0;
}

.notes-header-subtitle {
    padding-bottom: 24px;
}

.notes-header-subtitle p,
.notes-header-description p {
    margin-bottom: 0;
}

.notes-main {
    background-color: var(--body-text-off);
}

.notes-main-title {
    padding-bottom: 20px;
}

.notes-main-title p {
    margin-bottom: 0;
}

.notes-main-subtitle {
    padding-bottom: 32px;
}

.notes-main-subtitle p:last-child {
    margin-bottom: 0;
}

.notes-main-colums,
.notes-main-images {
    opacity: 0;
    display: flex;
    column-gap: 24px;
}

.notes-main-colums {
    padding: 32px 0;
}

.notes-col-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    padding-left: 28px;
    position: relative;
    margin-bottom: 24px;
}

.notes-col-title:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--body-text);
    left: 8px;
    border-radius: 50%;
    top: calc(50% - 5px);
}

.notes-col-content p:last-child {
    margin-bottom: 0;
}

.notes-main-images {
    padding: 32px 0;
}

.notes-main-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 0;
}

.notes-main-note p:last-child {
    margin-bottom: 0;
}

/* Tech Section */
.tech-section {
    padding-top: 32px;
}

.tech-section .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.tech-header {
    background-color: var(--second-lilac);
}

.tech-header-top {
    border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.tech-header-top-title {
    padding: 32px 0;
    color: var(--second-rust);
}

.tech-header-top-subtitle p:last-child,
.tech-header-bottom-title p:last-child,
.tech-header-bottom-subtitle p:last-child {
    margin-bottom: 0;
}

.tech-header-bottom-title {
    padding-bottom: 20px;
}

.tech-header-bottom-subtitle {
    padding-bottom: 32px;
}

.tech-header-bottom-columns {
    opacity: 0;
    display: flex;
    column-gap: 24px;
    padding: 37px 0;
}

.tech-header-bottom-col {
    position: relative;
    display: flex;
    align-items: center;
}

.tech-header-bottom-col p:last-child {
    margin-bottom: 0;
}

.tech-col-content {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
    position: relative;
    color: var(--body-text);
    padding-left: 20px;
}

.tech-col-image {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--body-text);
    border-radius: 50%;
    height: 56px;
    width: 56px;
}

.tech-col-image image {
    max-width: 22px;
    max-height: 22px;
}

.tech-main {
    background-color: var(--body-text-off);
}

.tech-main-title {
    padding-bottom: 20px;
}

.tech-main-subtitle {
    padding-bottom: 32px;
}

.tech-main-title p:last-child,
.tech-main-subtitle p:last-child,
.tech-main-col-content p:last-child {
    margin-bottom: 0;
}

.tech-main-columns {
    display: flex;
    opacity: 0;
    column-gap: 24px;
    margin: 32px 0;
}

.tech-main-col {
    border-left: 1px solid var(--main-flame);
    padding-left: 32px;
    display: flex;
}

.tech-main-col span {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--main-flame);
    padding-right: 10px;
}

.tech-main-col-content {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
}

.tech-footer {
    background-color: var(--body-text);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tech-footer-subtitle {
    color: var(--body-text-off);
    padding-top: 24px;
}

.tech-footer-title p:last-child,
.tech-footer-subtitle p:last-child {
    margin-bottom: 0;
}

.tech-buttons {
    display: flex;
    flex-direction: column;
}

.tech-buttons a {
    margin-bottom: 16px;
    padding: 16px 56px;
    text-align: center;
}

.tech-buttons a:last-child {
    margin-bottom: 0;
}

.tech-buttons .transparent-btn-border {
    border-color: var(--body-text-off);
    color: var(--body-text-off);
}

.tech-buttons .transparent-btn-border:hover,
.tech-buttons .transparent-btn-border:focus,
.tech-buttons .transparent-btn-border:active {
    border-color: var(--main-lime);
    color: var(--main-lime);
}

/* Materials Section */
.materials-section {
    padding-top: 32px;
}

.materials-section .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.material-main {
    background-color: var(--body-text-off);
}

.material-title {
    padding-bottom: 32px;
    color: var(--main-flame);
}

.material-title p:last-child,
.material-subtitle p:last-child,
.material-description p:last-child,
.material-col p:last-child,
.material-note p:last-child {
    margin-bottom: 0;
}

.material-subtitle {
    padding-bottom: 20px;
}

.material-description {
    padding-bottom: 32px;
}

.material-columns {
    display: flex;
    opacity: 0;
    column-gap: 24px;
    padding: 32px 0;
}

.material-col {
    padding-left: 37px;
    position: relative;
}

.material-col:before {
    font-family: 'icomoon';
    content: "\e914";
    position: absolute;
    font-size: 13px;
    line-height: 13px;
    top: 7px;
    left: 0;
}

/* Revision */
.sqe-revision-section {
    padding-top: 32px;
}

.sqe-revision-section .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.sqe-revision-header {
    background-color: var(--second-beau);
}

.sqe-revision-header-title p:last-child,
.sqe-revision-header-subtitle p:last-child,
.sqe-revision-header-col-title p:last-child,
.sqe-revision-header-col-content p:last-child {
    margin-bottom: 0;
}

.sqe-revision-header-title {
    color: var(--main-flame);
    padding: 32px 0;
}

.sqe-revision-header-subtitle {
    padding-bottom: 24px;
    margin-bottom: 56px;
}

.sqe-revision-header-columns {
    display: flex;
    opacity: 0;
    column-gap: 24px;
    padding-bottom: 32px;
}

.sqe-revision-header-col-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    padding-left: 28px;
    position: relative;
    padding-bottom: 24px;
    color: var(--body-text);
}

.sqe-revision-header-col-title:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--body-text);
    left: 8px;
    border-radius: 50%;
    top: 7px;
}

.sqe-revision-header-col-content ul,
.sqe-revision-header-col-content p {
    padding-left: 24px;
}

.sqe-revision-main {
    background-color: var(--body-text-off);
}

.sqe-revision-main-title p:last-child,
.sqe-revision-main-col-content p:last-child {
    margin-bottom: 0;
}

.sqe-revision-main-title {
    padding-bottom: 20px;
    margin-bottom: 32px;
}

.sqe-revision-main-columns {
    display: flex;
    opacity: 0;
    column-gap: 24px;
    padding: 32px 0 56px 0;
}

.sqe-revision-main-col {
    display: flex;
    padding-left: 32px;
    border-left: 1px solid var(--gray-400);
}

.sqe-revision-main-col span {
    padding-right: 10px;
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--gray-400);
}

.sqe-revision-main-col-content {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--body-text);
}

.sqe-revision-main-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 0;
}

/* About Us Section SQE 1 */
.about-us-section {
    padding-top: 32px;
}

.about-us-section .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.about-main {
    background-color: var(--body-text);
    color: var(--body-text-off);
}

.about-main-title p:last-child,
.about-main-subtitle p:last-child,
.about-main-col-content p:last-child {
    margin-bottom: 0;
}

.about-main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-main-title {
    padding-top: 32px;
    color: var(--body-subtext);
}

.about-main-subtitle {
    color: var(--second-green);
    padding: 32px 0 20px 0;
}

.about-main-header-content img {
    max-width: 128px;
    max-height: 128px;
}

.about-main-columns {
    display: flex;
    opacity: 0;
    column-gap: 24px;
    padding: 56px 0;
}

.about-main-col {
    display: flex;
    padding-left: 32px;
    border-left: 1px solid var(--second-green);
}

.about-main-col span {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--second-green);
    padding-right: 10px;
}

.about-main-col-content {
    color: var(--body-text-off);
}

.about-main-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0;
}

.about-main-button a {
    border-color: var(--body-text-off);
    color: var(--body-text-off);
    text-transform: none;
}

.about-main-button a:hover,
.about-main-button a:focus,
.about-main-button a:active {
    border-color: var(--main-lime);
    color: var(--main-lime);
}

@media screen and (max-width: 1024px) {
    .sqe1 .section-padding {
        padding: 56px 25px;
    }

    .sqe1 {
        padding-bottom: 0;
    }

    .osce-section {
        padding-top: 1px;
    }

    .methods-grid {
        grid-template-columns: repeat(1, auto);
        grid-row-gap: 24px;
        padding-top: 0;
    }

    .method {
        min-height: auto;
    }

    .hero-box.new-land .hero-benefit {
        column-gap: 0;
        row-gap: 16px;
        padding-top: 16px;
    }

    .hero-box.new-land {
        order: inherit;
    }

    .benefit-box.new-land {
        margin: 0 25px;
    }

    .method::before {
        transform: rotate(90deg);
    }

    .osce-timeline-content {
        width: auto;
        overflow-y: scroll;
    }

    .timeline-item {
        min-width: 215px;
    }

    .osce-timeline-content hr {
        width: 1075px;
    }

    .footer-top-title {
        padding: 0 0 20px 0;
    }

    .footer-top-cols {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 24px;
        padding-bottom: 32px;
    }

    .footer-top-button {
        padding-bottom: 0;
    }

    .footer-bottom {
        flex-direction: column;
    }

    .footer-bottom-title {
        text-align: center;
        padding-bottom: 56px;
    }

    .live-lectures-section {
        padding-top: 0;
    }

    .live-lectures-section .header-top-title {
        padding-top: 0;
    }

    .live-lectures-section .header-bottom-cols {
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 24px;
        padding-bottom: 32px;
    }

    .live-lectures-section .header-col-content ul {
        padding-left: 25px;
    }

    .live-lectures-section .header-bottom-button {
        padding-bottom: 0;
    }


    .main-packages .skill-package:nth-child(2) .package-row td:last-child {
        writing-mode: inherit !important;
        transform: inherit !important;
        text-align: right !important;
    }

    .live-lectures-section .main-button {
        padding-bottom: 0;
    }

    .live-lectures-banner {
        flex-direction: column;
    }

    .live-lectures-banner .banner-title {
        text-align: center;
        padding-bottom: 56px;
    }

    .package-table {
        overflow-x: scroll;
    }

    .lectures-footer-cols {
        padding: 32px;
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 24px;
    }

    .live-lectures-footer .col-header {
        padding-bottom: 16px;
    }

    .base-note {
        margin-bottom: 0;
        padding: 24px 32px 24px 72px;
    }

    .notes-section {
        padding-top: 0;
    }

    .notes-header-title {
        padding-top: 0;
    }

    .notes-main-colums,
    .notes-main-images {
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 24px;
    }

    .tech-section {
        padding-top: 0;
    }

    .tech-header-top-title {
        padding-top: 0;
    }

    .tech-header-bottom-columns {
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 24px;
        padding: 0 32px 32px 32px;
    }

    .tech-header-bottom-col {
        padding-top: 32px;
    }

    .tech-main-columns {
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 24px;
    }

    .tech-footer {
        flex-direction: column;
    }

    .tech-footer-content {
        text-align: center;
        padding-bottom: 56px;
    }

    .tech-footer-title p br {
        display: none;
    }

    .materials-section {
        padding-top: 0;
    }

    .material-columns {
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 24px;
        padding: 32px;
    }

    .sqe-revision-section {
        padding-top: 0;
    }

    .sqe-revision-header-title {
        padding-top: 0;
    }

    .sqe-revision-header-subtitle {
        padding-bottom: 0;
    }

    .sqe-revision-header-columns,
    .sqe-revision-main-columns {
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 24px;
        padding-bottom: 32px;
    }

    .sqe-revision-main-title {
        padding-bottom: 0;
    }

    .sqe-revision-main-button {
        padding-bottom: 0;
    }

    .about-us-section {
        padding-top: 0;
    }

    .about-main-title {
        padding-top: 0;
    }

    .about-main-header {
        flex-direction: column;
    }

    .about-main-header-content {
        width: 100%;
        padding-bottom: 32px;
    }

    .about-main-columns {
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 24px;
        padding-bottom: 32px;
    }

    .about-main-button {
        padding-bottom: 0;
    }

    .about-main-col {
        border-left: 0;
    }

    .bottom-banner-section {
        padding-top: 1px;
    }

    .bottom-banner {
        flex-direction: column;
        gap: 24px;
    }

    .bottom-banner-title {
        text-align: center;
    }

    .banner-content {
        align-items: center;
        text-align: center;
    }

    .banner-actions {
        align-items: center;
    }
}

@media screen and (max-width: 425px) {
    .package-row td {
        font-size: 13px;
    }
}

/* Prices Custom Table */
.pack-content {
    padding: 0 96px;
}

.pack-sqe1-sqe2 .pack-title {
    padding-bottom: 80px;
}

.packs-half {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-bottom: 40px;
}

.packs-half .half-col {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.packs-half .pack-table-title,
.packs-half .pack-total {
    width: 100%;
    text-align: center;
    padding: 8px 24px;
    color: var(--body-text);
    background-color: var(--body-caption-off);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px 8px 0 0;
}

.packs-half .pack-total {
    background-color: var(--second-rain);
    border-radius: 0 0 8px 8px !important;
}

.packs-half .custom-price-table table {
    border-radius: 0;
}

.packs-half.custom-price-table table tr:first-child,
.packs-half.custom-price-table table tr:last-child {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

.packs-half.custom-price-table table tr:first-child {
    opacity: 0.7;
}

.pack-sqe1-sqe2-button {
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 40px;
    margin-top: 40px;
}

.custom-price-table table tr:nth-child(even) {
    background-color: var(--body-text-off);
}

.custom-price-table table tr:nth-child(odd) {
    background-color: var(--body-caption-off);
}

.custom-price-table table {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--body-text);
    border-radius: 8px;
    overflow: hidden;
}

.custom-price-table table tr:first-child,
.custom-price-table table tr:last-child {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}

.package-list-table table tr:nth-child(2) {
    font-size: 14px;
}

.custom-price-table table td {
    height: auto !important;
    width: auto !important;
    padding: 8px 24px;
    text-align: right;
}

.custom-price-table table td:first-child {
    text-align: left;
}

.package-list-table:first-child table tr:last-child {
    background-color: var(--gray-400);
}

.package-list-table:nth-child(2) table tr:last-child {
    background-color: var(--second-rain);
}

.package-list-table:last-child table tr:last-child {
    background-color: var(--second-green);
}

.custom-price-table:last-child {
    padding-bottom: 0;
}

.full-pack {
    padding-top: 40px;
}

.full-pack table tr:nth-child(2) {
    opacity: 0.7;
}

.full-pack table tr:last-child {
    background-color: var(--second-green);
}

.live-pack-wrapper {
    padding-top: 20px;
}

.main-packages .description-cols {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    align-items: end;
    margin-bottom: 20px;
}

.main-packages .description-col {
    max-width: 50%;
}

.main-packages {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media screen and (max-width: 1024px) {
    .pack-content {
        padding: 0 25px;
    }

    .description-cols {
        flex-direction: column;
        row-gap: 20px;
        align-items: flex-start !important;
    }

    .description-col {
        max-width: none !important;
    }

    .pack-buttons {
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
    }

    .packages-button {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 768px) {
    .custom-price-table {
        overflow-x: scroll;
    }

    .custom-price-table table td {
        font-size: 13px;
    }

    .custom-price-table table tr:first-child,
    .package-list-table.custom-price-table table tr:nth-child(2) {
        white-space: nowrap;
    }

    .packs-half {
        grid-template-columns: repeat(1, 1fr);
    }

    .packs-half .half-col {
        max-width: none;
        overflow-x: auto;
    }

    .pack-sqe1-sqe2 table tr td:last-child {
        white-space: nowrap;
    }

    .hero-review p {
        max-width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .packs br {
        display: none;
    }
}


/* enroll button */
.enroll-btn {
    text-transform: capitalize;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    display: inline-block;
    padding: 13px 56px;
}

@media screen and (max-width: 556px) {
    .enroll-btn {
        font-size: 15px !important;
        line-height: 22px !important;
        padding: 12px 46px;
    }
}

/* Includes section */

.includes {
    padding-top: 32px;
}

.includes-box {
    background-color: #fff;
    border-radius: 24px;
}

.includes-header {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media screen and (max-width: 1024px) {
    .includes {
        padding-top: 0;
    }

    .includes-box {
        border-radius: 0;
    }

    .includes-header {
        padding-bottom: 32px;
    }
}

/* Why OSCE */

.why-osce {
    padding-top: 32px;
}

.why-osce-box {
    border-radius: 24px;
    background-color: #fff;
}

.why-osce-footer-note p {
    margin: 0;
}

.why-osce-footer-note:before {
    color: var(--main-flame);
}

.why-osce-header {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.why-osce-columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding-top: 56px;
}

.why-osce-columns.custom-grid {
    grid-template-columns: 2fr 1fr 1fr;
}

.why-osce-columns .column {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.why-osce-columns .column-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.why-osce-columns .column-number {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: var(--main-azure);
}

.why-osce-columns .column-heading {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}

@media screen and (max-width: 1024px) {
    .why-osce {
        padding-top: 0;
    }

    .new-land .methodology-header {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .why-osce-box {
        border-radius: 0;
        border-bottom: 1px solid var(--body-caption-off);
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .why-osce-columns {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 100px;
    }

    .why-osce-columns.custom-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 768px) {

    .why-osce-columns,
    .why-osce-columns.custom-grid {
        gap: 50px;
    }
}

@media screen and (max-width: 475px) {

    .why-osce-columns,
    .why-osce-columns.custom-grid {
        grid-template-columns: 1fr;
    }
}

/* heading reset styles*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    margin-top: auto !important;
}

.our-service-box {
    margin-top: 32px;
}

.our-service-box .packages-box {
    border-radius: 32px;
    overflow: hidden;
}

.our-service-box .after-packages-description a {
    color: var(--main-lavanda);
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .our-service-box {
        margin-top: 0;
    }

    .our-service-box .packages-box {
        border-radius: 0;
    }
}

/* packages-sqe2-new */
.packages-sqe2-new {
    margin-top: 32px;
}

.packages-sqe2-new .wrapper {
    background-color: #fff;
    border-radius: 32px;
    overflow: hidden;
}

.packages-sqe2-header {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.packages-sqe2-new .after-packages-description a {
    color: var(--main-lavanda);
    text-decoration: underline;
}

.packages-action {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .packages-sqe2-new {
        margin-top: 0;
        border-top: 1px solid var(--body-caption-off);
    }

    .packages-sqe2-new .wrapper {
        border-radius: 0;
    }

    .packages-sqe2-new .section-padding {
        padding: 32px 12px;
    }
}

/* custom-section  */
.custom-section {
    margin-top: 32px;
}

.custom-section .wrapper {
    border-radius: 32px;
    overflow: hidden;
}

.approach-box .wrapper,
.mocks-exam .wrapper,
.lectures-box .wrapper {
    background-color: #fff;
}

@media screen and (max-width: 1024px) {
    .custom-section {
        margin-top: 0;
        border-top: 1px solid var(--body-caption-off);
    }

}