/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden; /* Prevent horizontal scroll */
}

.course-frame {
    position: relative;
    width: 1920px;
    height: 6853px;
    background-color: #FFFFFF;
}

/* Header Section */
.group-235 {
    position: absolute;
    left: 120px;
    top: 30px;
    width: 114px;
    height: 83px;
    border-radius: 6px;
}

.polygon-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 83px;
    height: 83px;
    background-color: #65DAFF;
    border: 2px solid #00FFF0;
    border-radius: 6px;
}

.text-totc {
    position: absolute;
    left: 22px;
    top: 17px;
    width: 92px;
    height: 48px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.5em;
    letter-spacing: 4%;
    color: #5B5B5B;
}

.text-home {
    position: absolute;
    left: 869px;
    top: 55px;
    width: 67px;
    height: 33px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #5B5B5B;
}

.text-careers-header {
    position: absolute;
    left: 1188px;
    top: 55px;
    width: 90px;
    height: 33px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #5B5B5B;
}

.text-courses-header {
    position: absolute;
    left: 1016px;
    top: 55px;
    width: 93px;
    height: 33px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #5B5B5B;
}

.text-blog-header {
    position: absolute;
    left: 1359px;
    top: 55px;
    width: 50px;
    height: 33px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #5B5B5B;
}

.text-about-us-header {
    position: absolute;
    left: 1489px;
    top: 55px;
    width: 102px;
    height: 33px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #5B5B5B;
}

.text-lina-header {
    position: absolute;
    left: 1738px;
    top: 58px;
    width: 38px;
    height: 27px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #000000;
}

.icon-dropdown {
    position: absolute;
    left: 1788px;
    top: 63px;
    width: 12px;
    height: 21px;
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.1499999364217122em;
    letter-spacing: 2%;
    color: #000000;
}

.group-234 {
    position: absolute;
    left: 1660px;
    top: 40px;
    width: 63px;
    height: 63px;
    border-radius: 60px;
}

.rectangle-82-avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 63px;
    height: 63px;
    background-color: #D9D9D9;
    border-radius: 60px;
}

.image-12-avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 63px;
    height: 63px;
    border-radius: 60px;
    object-fit: cover;
}

/* Main Content Area */
.rectangle-main-bg-1 {
    position: absolute;
    left: 0;
    top: 143px;
    width: 1920px;
    height: 785px;
    background-color: rgba(157, 204, 255, 0.2);
}

.rectangle-main-bg-2 {
    position: absolute;
    left: 0;
    top: 5314px;
    width: 1920px;
    height: 946px;
    background-color: rgba(157, 204, 255, 0.2);
}

.group-279 {
    position: absolute;
    left: 120px;
    top: 193px;
    width: 1687px;
    height: 869px;
}

.text-welcome-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 966px;
    height: 54px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.5em;
    color: #252641;
}

.text-choice-favourite {
    position: absolute;
    left: 0;
    top: 815px;
    width: 792px;
    height: 54px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.5em;
    color: #252641;
}

.group-277 {
    position: absolute;
    left: 0;
    top: 104px;
    width: 1687px;
    height: 474px;
    display: flex;
    justify-content: space-between;
}

.group-274, .group-275, .group-276 {
    position: relative;
    width: 529px;
    height: 474px;
}

.rectangle-84-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 529px;
    height: 474px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 18.829999923706055px 47.08000183105469px 0px rgba(47, 50, 125, 0.1);
}

.group-50-card {
    position: absolute;
    left: 20.73px;
    top: 19.6px;
    width: 487.27px;
    height: 318.4px;
    border-radius: 20px;
}

.group-40-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 487.27px;
    height: 258.38px;
    border-radius: 20px;
}

.rectangle-32-card {
    position: absolute;
    left: 0.91px;
    top: 0;
    width: 486.36px;
    height: 258.38px;
    border-radius: 20px;
    object-fit: cover;
}

.rectangle-38-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 486.36px;
    height: 258.38px;
    background-color: rgba(23, 27, 65, 0.1);
    border-radius: 20px;
}

.text-aws-certified {
    position: absolute;
    left: 4.27px;
    top: 270.4px;
    width: 412px;
    height: 48px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.7999998728434246em;
    color: #252641;
}

.text-lina-card {
    position: absolute;
    left: 82px;
    top: 354px;
    width: 42.73px;
    height: 30.36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #000000;
}

.group-237-card {
    position: absolute;
    left: 25px;
    top: 348px;
    width: 42px;
    height: 42px;
    border-radius: 60px;
}

.rectangle-82-card-avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background-color: #D9D9D9;
    border-radius: 60px;
}

.image-12-card-avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    border-radius: 60px;
    object-fit: cover;
}

.group-273-progress {
    position: absolute;
    left: 25px;
    top: 415px;
    width: 483px;
    height: 8px;
    border-radius: 2px;
}

.rectangle-94-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 483px;
    height: 8px;
    background-color: #D9D9D9;
    border-radius: 2px;
}

.rectangle-95-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 372px;
    height: 8px;
    background-color: #49BBBD;
    border-radius: 2px;
}

.text-lesson-progress {
    position: absolute;
    left: 414px;
    top: 435px;
    width: 93px;
    height: 27px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: rgba(0, 0, 0, 0.5);
}

.text-view-history {
    position: absolute;
    left: 1553px;
    top: 18px;
    width: 127px;
    height: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5em;
    color: #49BBBD;
}

/* Recommended for you section */
.group-357 {
    position: absolute;
    left: 0;
    top: 2049px;
    width: 1920px;
    height: 1022px;
}

.rectangle-bg-357 {
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    height: 1022px;
    background-color: rgba(157, 204, 255, 0.2);
}

.group-272 {
    position: absolute;
    left: 139px;
    top: 97px;
    width: 1646px;
    height: 712px;
}

.group-267-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 1643px;
    height: 48px;
}

.text-recommended-for-you {
    position: absolute;
    left: 0;
    top: 0;
    width: 358px;
    height: 45px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #000000;
}

.text-see-all {
    position: absolute;
    left: 1576px;
    top: 18px;
    width: 67px;
    height: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5em;
    color: #49BBBD;
}

.group-266-cards {
    position: absolute;
    left: 0;
    top: 95px;
    width: 1646px;
    height: 617px;
    display: flex;
    justify-content: space-between;
}

.group-262-card, .group-263-card, .group-264-card, .group-265-card {
    position: relative;
    width: 374px;
    height: 617px;
}

.group-258-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 374px;
    height: 617px;
}

.group-256-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 374px;
    height: 617px;
}

.group-245-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 374px;
    height: 617px;
}

.rectangle-84-card-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 374px;
    height: 617px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 18.829999923706055px 47.08000183105469px 0px rgba(47, 50, 125, 0.1);
}

.group-50-card-inner {
    position: absolute;
    left: 20.97px;
    top: 20px;
    width: 334.03px;
    height: 501px;
    border-radius: 20px;
}

.group-40-card-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 334.03px;
    height: 238.66px;
    border-radius: 20px;
}

.rectangle-32-card-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 334px;
    height: 238.66px;
    border-radius: 20px;
    object-fit: cover;
}

.rectangle-38-card-inner {
    position: absolute;
    left: 0.02px;
    top: 0;
    width: 334px;
    height: 238.66px;
    background-color: rgba(23, 27, 65, 0.1);
    border-radius: 20px;
}

.text-aws-certified-inner {
    position: absolute;
    left: 6.03px;
    top: 301px;
    width: 324px;
    height: 77px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    color: #252641;
}

.text-lorem-ipsum-inner {
    position: absolute;
    left: 6.03px;
    top: 399px;
    width: 328px;
    height: 102px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7999998728434246em;
    letter-spacing: 2%;
    color: #696984;
}

.group-257-card-footer {
    position: absolute;
    left: 26.63px;
    top: 538px;
    width: 328.37px;
    height: 44.25px;
}

.text-lina-card-footer {
    position: absolute;
    left: 62.15px;
    top: 12.78px;
    width: 51.05px;
    height: 18.68px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #000000;
}

.text-price-old {
    position: absolute;
    left: 221.37px;
    top: 22px;
    width: 42px;
    height: 19px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: line-through;
}

.text-price-new {
    position: absolute;
    left: 277.37px;
    top: 22px;
    width: 51px;
    height: 19px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #49BBBD;
}

.group-237-card-footer {
    position: absolute;
    left: 0;
    top: 0;
    width: 44.37px;
    height: 44.25px;
}

.rectangle-82-card-footer-avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44.25px;
    background-color: #D9D9D9;
    border-radius: 22.12436866760254px;
}

.image-12-card-footer-avatar {
    position: absolute;
    left: 0.37px;
    top: 0;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    object-fit: cover;
}

.group-260-tag {
    position: absolute;
    left: 27px;
    top: 279px;
    width: 93px;
    height: 22px;
    display: flex;
    align-items: center;
}

.text-design-tag {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7999999182564872em;
    letter-spacing: 2%;
    color: #696984;
    margin-left: 31px;
}

.group-259-tag-rects {
    position: absolute;
    left: 0;
    top: 1px;
    width: 21px;
    height: 21px;
}

.rectangle-88-tag, .rectangle-90-tag, .rectangle-91-tag, .rectangle-89-tag {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(217, 217, 217, 0);
    border: 1px solid #D9D9D9;
    border-radius: 2px;
}

.rectangle-88-tag {
    left: 0;
    top: 0;
}

.rectangle-90-tag {
    left: 0;
    top: 11px;
}

.rectangle-91-tag {
    left: 11px;
    top: 11px;
}

.rectangle-89-tag {
    left: 11px;
    top: 0;
}

.group-261-time {
    position: absolute;
    left: 259px;
    top: 279px;
    width: 96px;
    height: 28px;
    display: flex;
    align-items: center;
}

.text-3-month {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7999999182564872em;
    letter-spacing: 2%;
    color: #696984;
    margin-left: 34px;
}

.icon-clock {
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.1499999364217122em;
    color: #D9D9D9;
    position: absolute;
    left: 0;
    top: 0;
}

.rectangle-33-bg {
    position: absolute;
    left: 21px;
    top: 115px;
    width: 335px;
    height: 239px;
    object-fit: cover;
    border-radius: 20px;
}

.rectangle-34-bg {
    position: absolute;
    left: 867px;
    top: 115px;
    width: 335px;
    height: 239px;
    object-fit: cover;
    border-radius: 20px;
}

/* Get choice of your course section */
.group-280 {
    position: absolute;
    left: 139px;
    top: 3161px;
    width: 1646px;
    height: 712px;
}

.text-get-choice {
    position: absolute;
    left: 0;
    top: 0;
    width: 399px;
    height: 45px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #000000;
}

/* The course in personal development section */
.group-281 {
    position: absolute;
    left: 139px;
    top: 4512px;
    width: 1646px;
    height: 712px;
}

.text-personal-development {
    position: absolute;
    left: 0;
    top: 0;
    width: 572px;
    height: 45px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #000000;
}

/* Student are viewing section */
.group-282 {
    position: absolute;
    left: 139px;
    top: 5410px;
    width: 1646px;
    height: 712px;
}

.text-student-viewing {
    position: absolute;
    left: 0;
    top: 0;
    width: 312px;
    height: 45px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #000000;
}

/* Navigation Arrows */
.group-248-nav-arrows {
    position: absolute;
    left: 1665px;
    top: 2908px;
    width: 120px;
    height: 50px;
    border-radius: 4px;
}

.rectangle-86-nav {
    position: absolute;
    left: 70px;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: #49BBBD;
    border-radius: 4px;
}

.rectangle-87-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: rgba(73, 187, 189, 0.5);
    border-radius: 4px;
}

.icon-arrow-right {
    position: absolute;
    left: 89px;
    top: 11px;
    width: 12px;
    height: 28px;
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 1.1499999364217122em;
    color: #FFFFFF;
}

.icon-arrow-left {
    position: absolute;
    left: 19px;
    top: 11px;
    width: 12px;
    height: 28px;
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 1.1499999364217122em;
    color: #FFFFFF;
}

/* Main Hero Section */
.rectangle-92-hero {
    position: absolute;
    left: 119px;
    top: 3963px;
    width: 1682px;
    height: 459px;
    background-color: #252641;
    border-radius: 37px;
}

.text-online-coaching {
    position: absolute;
    left: 547px;
    top: 4033px;
    width: 827px;
    height: 54px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.5em;
    color: #FFFFFF;
    text-align: center;
}

.text-hero-description {
    position: absolute;
    left: 331px;
    top: 4117px;
    width: 1259px;
    height: 86px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.7999998728434246em;
    letter-spacing: 2%;
    color: #FFFFFF;
    text-align: center;
}

.group-229-button {
    position: absolute;
    left: 843px;
    top: 4276px;
    width: 236px;
    height: 63px;
    border-radius: 12px;
}

.rectangle-81-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 236px;
    height: 63px;
    background-color: #49BBBD;
    border-radius: 12px;
}

.text-start-learning {
    position: absolute;
    left: 40px;
    top: 20px;
    width: 156px;
    height: 31px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5em;
    color: #FFFFFF;
}

/* Categories Section */
.group-443-categories {
    position: absolute;
    left: 119px;
    top: 1115px;
    width: 1636px;
    height: 834px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.group-297-category, .group-298-category, .group-299-category, .group-300-category, .group-301-category, .group-302-category, .group-303-category, .group-304-category {
    position: relative;
    width: 349px;
    height: 377px;
    border-radius: 20px;
}

.rectangle-85-category-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 349px;
    height: 377px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 18.829999923706055px 47.08000183105469px 0px rgba(47, 50, 125, 0.1);
}

.rectangle-88-category-icon-bg {
    position: absolute;
    left: 129px;
    top: 30px;
    width: 90px;
    height: 90px;
    border-radius: 4px;
    object-fit: cover;
}

.text-design-category, .text-development-category, .text-business-category, .text-marketing-category, .text-photography-category, .text-acting-category {
    position: absolute;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #000000;
}

.text-design-category {
    left: 120px;
    top: 140px;
    width: 108px;
    height: 45px;
}

.text-development-category {
    left: 69px;
    top: 140px;
    width: 212px;
    height: 45px;
}

.text-business-category {
    left: 103px;
    top: 140px;
    width: 140px;
    height: 45px;
}

.text-marketing-category {
    left: 94px;
    top: 140px;
    width: 161px;
    height: 45px;
}

.text-photography-category {
    left: 72px;
    top: 140px;
    width: 206px;
    height: 45px;
}

.text-acting-category {
    left: 123px;
    top: 140px;
    width: 103px;
    height: 45px;
}

.text-category-description {
    position: absolute;
    left: 32px;
    top: 210px;
    width: 285px;
    height: 108px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 2%;
    color: #696984;
    text-align: center;
}

.icon-design, .icon-development, .icon-database, .icon-chart-pie, .icon-marketing, .icon-camera, .icon-film {
    position: absolute;
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    font-size: 30px;
    line-height: 1.15em;
}

.icon-design {
    left: 159px;
    top: 57px;
    width: 30px;
    height: 35px;
    color: #49BBBD;
}

.icon-development {
    left: 159px;
    top: 57px;
    width: 34px;
    height: 35px;
    color: #5B72EE;
}

.icon-database {
    left: 159px;
    top: 57px;
    width: 27px;
    height: 35px;
    color: #9DCCFF;
}

.icon-chart-pie {
    left: 159px;
    top: 57px;
    width: 30px;
    height: 35px;
    color: #00CBB8;
}

.icon-marketing {
    left: 159px;
    top: 57px;
    width: 30px;
    height: 30px;
    font-family: 'Font Awesome 6 Brands', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 1em;
    color: #F48C06;
}

.icon-camera {
    left: 159px;
    top: 57px;
    width: 27px;
    height: 35px;
    color: #EE645B;
}

.icon-film {
    left: 159px;
    top: 57px;
    width: 30px;
    height: 35px;
    color: #252641;
}

/* Footer Section */
.footer {
    position: absolute;
    left: 0;
    top: 6260px;
    width: 1920px;
    height: 593px;
}

.rectangle-80-footer {
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    height: 593px;
    background-color: #252641;
}

.text-copyright {
    position: absolute;
    left: 781px;
    top: 520px;
    width: 358px;
    height: 33px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 4%;
    color: #B2B3CF;
    text-align: center;
}

.text-subscribe-newsletter {
    position: absolute;
    left: 740px;
    top: 252px;
    width: 440px;
    height: 39px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.5em;
    letter-spacing: 4%;
    color: #B2B3CF;
    text-align: center;
}

.group-115-footer-logo {
    position: absolute;
    left: 766px;
    top: 74px;
    width: 388px;
    height: 83px;
}

.group-111-footer-logo-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 114px;
    height: 83px;
}

.polygon-2-footer {
    position: absolute;
    left: 0;
    top: 0;
    width: 83px;
    height: 83px;
    background-color: #65DAFF;
    border: 2px solid #49BBBD;
    border-radius: 6px;
}

.text-totc-footer {
    position: absolute;
    left: 22px;
    top: 17px;
    width: 92px;
    height: 48px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.5em;
    letter-spacing: 4%;
    color: #FFFFFF;
}

.line-10-footer {
    position: absolute;
    left: 191px;
    top: 0;
    width: 0;
    height: 83px;
    border-left: 1px solid #626381;
}

.text-virtual-class {
    position: absolute;
    left: 232px;
    top: 9px;
    width: 156px;
    height: 66px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 4%;
    color: #FFFFFF;
}

.group-114-footer-links {
    position: absolute;
    left: 678px;
    top: 467px;
    width: 564px;
    height: 33px;
    display: flex;
    justify-content: space-between;
}

.line-11-footer, .line-12-footer {
    position: absolute;
    top: 8px;
    width: 0;
    height: 17px;
    border-left: 1px solid #626381;
}

.line-11-footer {
    left: 113px;
}

.line-12-footer {
    left: 314px;
}

.text-careers-footer, .text-privacy-policy, .text-terms-conditions {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 4%;
    color: #B2B3CF;
}

.text-careers-footer {
    position: absolute;
    left: 0;
    top: 0;
    width: 93px;
    height: 33px;
}

.text-privacy-policy {
    position: absolute;
    left: 133px;
    top: 0;
    width: 161px;
    height: 33px;
}

.text-terms-conditions {
    position: absolute;
    left: 334px;
    top: 0;
    width: 230px;
    height: 33px;
}

.group-117-subscribe-input {
    position: absolute;
    left: 661px;
    top: 311px;
    width: 599px;
    height: 60px;
}

.rectangle-81-subscribe-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 60px;
    border: 1px solid #83839A;
    border-radius: 80px;
}

.text-your-email {
    position: absolute;
    left: 30px;
    top: 15px;
    width: 112px;
    height: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing: 4%;
    color: #83839A;
    text-align: center;
}

.group-116-subscribe-button {
    position: absolute;
    left: 420px;
    top: 0;
    width: 179px;
    height: 60px;
    border-radius: 60px;
}

.rectangle-68-subscribe-button-shadow {
    position: absolute;
    left: 12px;
    top: 30px;
    width: 151px;
    height: 29px;
    background-color: rgba(84, 90, 232, 0.5);
    filter: blur(54px);
    border-radius: 60px;
}

.rectangle-67-subscribe-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 179px;
    height: 60px;
    background-color: #49BBBD;
    border-radius: 60px;
}

.text-subscribe-button {
    position: absolute;
    left: 34px;
    top: 14px;
    width: 111px;
    height: 33px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5em;
    color: #FFFFFF;
}