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

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

.blog-page {
    position: relative;
    width: 1920px;
    height: 4194px;
    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;
}

.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;
}

.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;
}

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

.text-swift-ui-title {
    position: absolute;
    left: 118px;
    top: 282px;
    width: 670px;
    height: 198px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 44px;
    line-height: 1.5em;
    color: #2F327D;
}

.text-by-themadbrains {
    position: absolute;
    left: 114px;
    top: 222px;
    width: 451px;
    height: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5em;
    color: #000000;
}

.text-lorem-ipsum-hero {
    position: absolute;
    left: 114px;
    top: 494px;
    width: 688px;
    height: 129px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.7999998728434246em;
    letter-spacing: 2%;
    color: #696984;
}

.group-229-button {
    position: absolute;
    left: 114px;
    top: 648px;
    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;
}

/* Reading blog list section */
.group-271 {
    position: absolute;
    left: 110px;
    top: 892px;
    width: 1652px;
    height: 398px;
}

.text-reading-blog-list {
    position: absolute;
    left: 10px;
    top: 0;
    width: 286px;
    height: 45px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.5em;
    color: rgba(0, 0, 0, 0.8);
}

.group-270 {
    position: absolute;
    left: 0;
    top: 71px;
    width: 1652px;
    height: 327px;
    display: flex;
    justify-content: space-between;
}

.group-249-card, .group-252-card, .group-251-card, .group-250-card {
    position: relative;
    width: 356px;
    height: 327px;
}

.group-236-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 356px;
    height: 327px;
}

.group-42-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 356px;
    height: 327px;
    border-radius: 20px;
}

.rectangle-34-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 356px;
    height: 327px;
    border-radius: 20px;
    object-fit: cover;
}

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

.group-43-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 356px;
    height: 327px;
    border-radius: 20px;
}

.rectangle-81-tag {
    position: absolute;
    left: 60px;
    top: 230px;
    width: 236px;
    height: 63px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 12px;
}

.text-ux-ui, .text-javascript, .text-php, .text-react {
    position: absolute;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5em;
    color: rgba(0, 0, 0, 0.8);
}

.text-ux-ui {
    left: 141px;
    top: 246px;
    width: 75px;
    height: 31px;
}

.text-javascript {
    left: 100px;
    top: 246px;
    width: 156px;
    height: 31px;
    text-align: center;
}

.text-php {
    left: 100px;
    top: 246px;
    width: 156px;
    height: 31px;
    text-align: center;
}

.text-react {
    left: 100px;
    top: 245px;
    width: 156px;
    height: 31px;
}

/* Related Blog section */
.group-269 {
    position: absolute;
    left: 0;
    top: 1370px;
    width: 1920px;
    height: 1268px;
}

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

.group-255 {
    position: absolute;
    left: 116px;
    top: 93px;
    width: 1671.38px;
    height: 1109px;
}

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

.group-248-nav-arrows {
    position: absolute;
    left: 1547px;
    top: 1059px;
    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;
}

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

.group-245-blog-card {
    position: absolute;
    left: 0;
    top: 86px;
    width: 786px;
    height: 899.57px;
}

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

.group-50-blog-card-inner {
    position: absolute;
    left: 33.73px;
    top: 59.6px;
    width: 719.66px;
    height: 775.88px;
    border-radius: 20px;
}

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

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

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

.text-blog-card-title {
    position: absolute;
    left: 0;
    top: 394.69px;
    width: 684.8px;
    height: 105.7px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.799999970656175em;
    color: #252641;
}

.text-blog-card-description {
    position: absolute;
    left: 0;
    top: 609.46px;
    width: 684.8px;
    height: 80.96px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.8em;
    letter-spacing: 2%;
    color: #696984;
}

.text-blog-card-views {
    position: absolute;
    left: 628.58px;
    top: 735.4px;
    width: 91.08px;
    height: 40.48px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.8em;
    letter-spacing: 2%;
    color: #696984;
}

.text-blog-card-read-more {
    position: absolute;
    left: 0;
    top: 735.4px;
    width: 128.19px;
    height: 40.48px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.8em;
    letter-spacing: 2%;
    color: #696984;
}

.text-lina-blog-card {
    position: absolute;
    left: 145.06px;
    top: 594.84px;
    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-blog-card-footer {
    position: absolute;
    left: 57.35px;
    top: 574.6px;
    width: 70.84px;
    height: 70.84px;
}

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

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

.icon-eye {
    position: absolute;
    left: 613.96px;
    top: 801.74px;
    width: 25.86px;
    height: 25.86px;
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.15em;
    color: #49BBBD;
}

.group-246-blog-card {
    position: absolute;
    left: 885px;
    top: 86px;
    width: 786.38px;
    height: 900px;
}

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

.group-238-blog-card-inner {
    position: absolute;
    left: 33.75px;
    top: 59.63px;
    width: 720px;
    height: 776.25px;
    border-radius: 20px;
}

.group-239-blog-card-footer {
    position: absolute;
    left: 57.38px;
    top: 574.88px;
    width: 70.88px;
    height: 70.88px;
}

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

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

/* Marketing Articles section */
.group-408 {
    position: absolute;
    left: 120px;
    top: 2718px;
    width: 1711px;
    height: 712px;
}

.group-268 {
    position: absolute;
    left: 0;
    top: 0;
    width: 1711px;
    height: 712px;
}

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

.text-marketing-articles {
    position: absolute;
    left: 0;
    top: 0;
    width: 283px;
    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: 1644px;
    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: 17px;
    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: 38px;
    top: 115px;
    width: 335px;
    height: 239px;
    object-fit: cover;
    border-radius: 20px;
}

.group-249-card-bottom {
    position: absolute;
    left: 461px;
    top: 115px;
    width: 338px;
    height: 239px;
    border-radius: 20px;
}

.group-236-card-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 338px;
    height: 239px;
    border-radius: 20px;
}

.group-42-card-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 338px;
    height: 239px;
    border-radius: 20px;
}

.rectangle-34-card-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 338px;
    height: 239px;
    border-radius: 20px;
    object-fit: cover;
}

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

.group-43-card-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 338px;
    height: 239px;
    border-radius: 20px;
}

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

.rectangle-23 {
    position: absolute;
    left: 150px;
    top: 1609px;
    width: 719px;
    height: 382px;
    object-fit: cover;
    border-radius: 20px;
}

/* Footer Section */
.footer {
    position: absolute;
    left: 0;
    top: 3601px;
    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;
}