.off-campus-page {
    background-color: #FFF;
}

@media (min-width: 1280px) {

    /* Job Updates Section */

    .container-job-updates {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #FFF;
    }

    .content-job-updates {
        display: flex;
        align-items: center;
        align-self: stretch;
        background-image: url('../images/off-campus-updates/grid_line_img.svg');
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 30% auto;
        position: relative;
        z-index: 0;
    }

    .left-job-updates,
    .right-job-updates {
        flex: 1;
    }

    .left-job-updates {
        display: flex;
        width: 509px;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
        padding: 0px 120px;
    }

    .heading-job-updates {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        z-index: 1;
    }

    .left-job-updates h2 {
        width: 618px;
        color: #343434;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

    .left-job-updates p.sub {
        width: 556px;
        color: #7D7D7D;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-job-updates {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        width: 384px;
        z-index: 1;
    }

    .stat-card-instagram {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #FFB5D4;
        background: #FFEFF8;
    }

    .stat-card-whatsapp {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #60D669;
        background: #F1FFEF;
    }

    .stat-card-telegram {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #ECF7FF;
    }

    .stat-card-discord {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #A4ACFC;
        background: #EDEEFF;
    }

    .stat-card-linkedin {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #73A8DC;
        background: #DEF;
    }

    .stat-card-instagram .stat-number,
    .stat-card-whatsapp .stat-number,
    .stat-card-telegram .stat-number,
    .stat-card-discord .stat-number,
    .stat-card-linkedin .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .stat-card-instagram .stat-number .instagram-img,
    .stat-card-whatsapp .stat-number .whatsapp-img,
    .stat-card-telegram .stat-number .telegram-img,
    .stat-card-discord .stat-number .discord-img,
    .stat-card-linkedin .stat-number .linkedin-img {
        width: 24px;
        height: 24px;
    }

    .stat-card-instagram .stat-number .instagram-text,
    .stat-card-whatsapp .stat-number .whatsapp-text,
    .stat-card-telegram .stat-number .telegram-text,
    .stat-card-discord .stat-number .discord-text,
    .stat-card-linkedin .stat-number .linkedin-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .right-job-updates {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding: 80px 0px 0px 0px;
    }

    .right-job-updates img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-job-updates-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
        padding: 80px 0px 0px 0px;
    }

    .right-job-updates-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Instagram Section */

    .container-instagram {
        display: flex;
        padding: 80px 120px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #FFF5F9;
    }

    .content-instagram {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-instagram,
    .right-instagram {
        flex: 1;
    }

    .left-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-instagram h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-instagram h2 .highlight {
        background: linear-gradient(90deg, #F9CE34 6.97%, #EE2A7B 65.58%, #6228D7 74.2%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-instagram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-instagram {
        color: #EE2A7B;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .instagram-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #FFD9EF;
        background: #EE2A7B;
    }

    .instagram-btn .instagram-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .instagram-btn .instagram-btn-sub .instagram-img {
        width: 24px;
        height: 24px;
    }

    .instagram-btn .instagram-btn-sub .instagram-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .instagram-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-instagram {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-instagram img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-instagram-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-instagram-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Whatsapp Section */

    .container-whatsapp {
        display: flex;
        padding: 80px 120px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #F0FFF1;
    }

    .content-whatsapp {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-whatsapp,
    .right-whatsapp {
        flex: 1;
    }

    .left-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-whatsapp h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-whatsapp h2 .highlight {
        color: #32C83D;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-whatsapp p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-whatsapp {
        color: #32C83D;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .whatsapp-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #32C83D;
        background: #32C83D;
    }

    .whatsapp-btn .whatsapp-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .whatsapp-btn .whatsapp-btn-sub .whatsapp-img {
        width: 24px;
        height: 24px;
    }

    .whatsapp-btn .whatsapp-btn-sub .whatsapp-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .whatsapp-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-whatsapp {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-whatsapp img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-whatsapp-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-whatsapp-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Telegram Section */

    .container-telegram {
        display: flex;
        padding: 80px 120px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EEF9FF;
    }

    .content-telegram {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-telegram,
    .right-telegram {
        flex: 1;
    }

    .left-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-telegram h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-telegram h2 .highlight {
        color: #2AABEE;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-telegram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-telegram {
        color: #2AABEE;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .telegram-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #2AABEE;
    }

    .telegram-btn .telegram-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .telegram-btn .telegram-btn-sub .telegram-img {
        width: 24px;
        height: 24px;
    }

    .telegram-btn .telegram-btn-sub .telegram-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .telegram-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-telegram {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-telegram img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-telegram-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-telegram-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Discord Section */

    .container-discord {
        display: flex;
        padding: 80px 120px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EDEFFF;
    }

    .content-discord {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-discord,
    .right-discord {
        flex: 1;
    }

    .left-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-discord h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-discord h2 .highlight {
        color: #5865F2;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-discord p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-discord {
        color: #5865F2;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .discord-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #5865F2;
        background: #5865F2;
    }

    .discord-btn .discord-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .discord-btn .discord-btn-sub .discord-img {
        width: 24px;
        height: 24px;
    }

    .discord-btn .discord-btn-sub .discord-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .discord-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-discord {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-discord img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-discord-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-discord-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* LinkedIn Section */

    .container-linkedin {
        display: flex;
        padding: 80px 120px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EDF6FF;
    }

    .content-linkedin {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-linkedin,
    .right-linkedin {
        flex: 1;
    }

    .left-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-linkedin h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-linkedin h2 .highlight {
        color: #0A66C2;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-linkedin p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-linkedin {
        color: #0A66C2;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .linkedin-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #0A66C2;
        background: #0A66C2;
    }

    .linkedin-btn .linkedin-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .linkedin-btn .linkedin-btn-sub .linkedin-img {
        width: 24px;
        height: 24px;
        margin-bottom: 5px;
    }

    .linkedin-btn .linkedin-btn-sub .linkedin-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .linkedin-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-linkedin {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-linkedin img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-linkedin-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-linkedin-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Instagram popup */

    .popup-instagram {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #FFF5F9;
    }

    .content-box-instagram {
        align-self: stretch;
        padding: 63px 100px;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-instagram-popup,
    .right-section-instagram-popup {
        flex: 1;
    }

    .right-section-instagram-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .heading-popup-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
    }

    .heading-popup-instagram h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-instagram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-instagram {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        max-width: 415px;
    }

    .stat-card-popup-instagram {
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #FF9FD4;
        background: #FFF;
    }

    .stat-card-popup-instagram .stat-number-popup-instagram {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .popup-instagram-img {
        width: 24px;
        height: 24px;
    }

    .popup-instagram-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-instagram-popup {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-instagram-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-instagram-popup-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-instagram-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Whatsapp popup */

    .popup-whatsapp {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F0FFF1;
    }

    .content-box-whatsapp {
        align-self: stretch;
        padding: 63px 100px;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-whatsapp-popup,
    .right-section-whatsapp-popup {
        flex: 1;
    }

    .right-section-whatsapp-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .heading-popup-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
    }

    .heading-popup-whatsapp h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-whatsapp p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-whatsapp {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        max-width: 415px;
    }

    .stat-card-popup-whatsapp {
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #32C888;
        background: #FFF;
    }

    .stat-card-popup-whatsapp .stat-number-popup-whatsapp {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .popup-whatsapp-img {
        width: 24px;
        height: 24px;
    }

    .popup-whatsapp-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-whatsapp-popup {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-whatsapp-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-whatsapp-popup-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-whatsapp-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Telegram popup */

    .popup-telegram {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F5FBFF;
    }

    .content-box-telegram {
        align-self: stretch;
        padding: 63px 100px;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-telegram-popup,
    .right-section-telegram-popup {
        flex: 1;
    }

    .right-section-telegram-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .heading-popup-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
    }

    .heading-popup-telegram h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-telegram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-telegram {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        max-width: 415px;
    }

    .stat-card-popup-telegram {
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #FFF;
    }

    .stat-card-popup-telegram .stat-number-popup-telegram {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .popup-telegram-img {
        width: 24px;
        height: 24px;
    }

    .popup-telegram-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-telegram-popup {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-telegram-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-telegram-popup-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-telegram-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Discord popup */

    .popup-discord {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F2F4FF;
    }

    .content-box-discord {
        align-self: stretch;
        padding: 63px 100px;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-discord-popup,
    .right-section-discord-popup {
        flex: 1;
    }

    .right-section-discord-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .heading-popup-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
    }

    .heading-popup-discord h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-discord p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-discord {
        align-self: stretch;
        align-items: stretch;
        max-width: 165px;
    }

    .stat-card-popup-discord {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #5865F2;
        background: #FFF;
    }

    .stat-card-popup-discord .stat-number-popup-discord {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .popup-discord-img {
        width: 24px;
        height: 24px;
    }

    .popup-discord-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-discord-popup {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-discord-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-discord-popup-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-discord-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Linkedin popup */

    .popup-linkedin {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F5FAFF;
    }

    .content-box-linkedin {
        align-self: stretch;
        padding: 63px 100px;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-linkedin-popup,
    .right-section-linkedin-popup {
        flex: 1;
    }

    .right-section-linkedin-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .heading-popup-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
    }

    .heading-popup-linkedin h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-linkedin p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-linkedin {
        align-self: stretch;
        align-items: stretch;
        max-width: 172px;
    }

    .stat-card-popup-linkedin {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #8FC6EB;
        background: #FFF;
    }

    .stat-card-popup-linkedin .stat-number-popup-linkedin {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .popup-linkedin-img {
        width: 24px;
        height: 24px;
    }

    .popup-linkedin-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-linkedin-popup {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-linkedin-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-linkedin-popup-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-linkedin-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .popup-instagram,
    .popup-whatsapp,
    .popup-telegram,
    .popup-discord,
    .popup-linkedin {
        opacity: 0;
        transform: translateY(80px) scale(0.97);
        transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.4, 0, .2, 1);
        pointer-events: none;
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        width: 100vw;
        max-height: 90vh;
        z-index: 9999;
        justify-content: center;
        align-items: flex-end;
    }

    .backdrop-offcampus {
        display: none;
        position: fixed;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.80);
        z-index: 9998;
    }

    /* Active state for popups */
    .popup-instagram.active,
    .popup-whatsapp.active,
    .popup-telegram.active,
    .popup-discord.active,
    .popup-linkedin.active {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
        display: block;
    }

    /* Backdrop style */
    .backdrop-offcampus {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .backdrop-offcampus.active {
        opacity: 1;
    }

    .close-btn-offcampus {
        position: absolute;
        top: -5vh;
        right: 25px;
        z-index: 10000;
        cursor: pointer;
    }

    .stats-grid-popup-instagram a.stat-card-popup-instagram,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp,
    .stats-grid-popup-telegram a.stat-card-popup-telegram,
    .stats-grid-popup-discord a.stat-card-popup-discord,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .stats-grid-popup-instagram a.stat-card-popup-instagram:hover,
    .stats-grid-popup-instagram a.stat-card-popup-instagram:focus,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp:hover,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp:focus,
    .stats-grid-popup-telegram a.stat-card-popup-telegram:hover,
    .stats-grid-popup-telegram a.stat-card-popup-telegram:focus,
    .stats-grid-popup-discord a.stat-card-popup-discord:hover,
    .stats-grid-popup-discord a.stat-card-popup-discord:focus,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin:hover,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin:focus {
        text-decoration: none;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {

    /* Job Updates Section */

    .container-job-updates {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #FFF;
    }

    .content-job-updates {
        display: flex;
        align-items: center;
        align-self: stretch;
        background-image: url('../images/off-campus-updates/grid_line_img.svg');
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 30% auto;
        position: relative;
        z-index: 0;
    }

    .left-job-updates,
    .right-job-updates {
        flex: 1;
    }

    .left-job-updates {
        display: flex;
        width: 509px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 0px 120px;
    }

    .heading-job-updates {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        z-index: 1;
    }

    .left-job-updates h2 {
        color: #343434;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

    .left-job-updates p.sub {
        color: #7D7D7D;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-job-updates {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        width: 384px;
        z-index: 1;
    }

    .stat-card-instagram {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #FFB5D4;
        background: #FFEFF8;
    }

    .stat-card-whatsapp {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #60D669;
        background: #F1FFEF;
    }

    .stat-card-telegram {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #ECF7FF;
    }

    .stat-card-discord {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #A4ACFC;
        background: #EDEEFF;
    }

    .stat-card-linkedin {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #73A8DC;
        background: #DEF;
    }

    .stat-card-instagram .stat-number,
    .stat-card-whatsapp .stat-number,
    .stat-card-telegram .stat-number,
    .stat-card-discord .stat-number,
    .stat-card-linkedin .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .stat-card-instagram .stat-number .instagram-img,
    .stat-card-whatsapp .stat-number .whatsapp-img,
    .stat-card-telegram .stat-number .telegram-img,
    .stat-card-discord .stat-number .discord-img,
    .stat-card-linkedin .stat-number .linkedin-img {
        width: 24px;
        height: 24px;
    }

    .stat-card-instagram .stat-number .instagram-text,
    .stat-card-whatsapp .stat-number .whatsapp-text,
    .stat-card-telegram .stat-number .telegram-text,
    .stat-card-discord .stat-number .discord-text,
    .stat-card-linkedin .stat-number .linkedin-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .right-job-updates {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding: 80px 0px 0px 0px;
    }

    .right-job-updates img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        margin-top: 70px;
    }

    .right-job-updates-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
        padding: 80px 0px 0px 0px;
    }

    .right-job-updates-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Instagram Section */

    .container-instagram {
        display: flex;
        padding: 80px 54px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #FFF5F9;
    }

    .content-instagram {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-instagram,
    .right-instagram {
        flex: 1;
    }

    .left-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-instagram h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-instagram h2 .highlight {
        background: linear-gradient(90deg, #F9CE34 6.97%, #EE2A7B 65.58%, #6228D7 74.2%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-instagram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-instagram {
        color: #EE2A7B;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: start;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .instagram-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #FFD9EF;
        background: #EE2A7B;
    }

    .instagram-btn .instagram-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .instagram-btn .instagram-btn-sub .instagram-img {
        width: 24px;
        height: 24px;
    }

    .instagram-btn .instagram-btn-sub .instagram-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .instagram-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-instagram {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-instagram img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-instagram-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-instagram-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Whatsapp Section */

    .container-whatsapp {
        display: flex;
        padding: 80px 54px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #F0FFF1;
    }

    .content-whatsapp {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-whatsapp,
    .right-whatsapp {
        flex: 1;
    }

    .left-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-whatsapp h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-whatsapp h2 .highlight {
        color: #32C83D;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-whatsapp p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-whatsapp {
        color: #32C83D;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: start;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .whatsapp-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #32C83D;
        background: #32C83D;
    }

    .whatsapp-btn .whatsapp-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .whatsapp-btn .whatsapp-btn-sub .whatsapp-img {
        width: 24px;
        height: 24px;
    }

    .whatsapp-btn .whatsapp-btn-sub .whatsapp-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .whatsapp-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-whatsapp {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-whatsapp img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-whatsapp-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-whatsapp-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Telegram Section */

    .container-telegram {
        display: flex;
        padding: 80px 54px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EEF9FF;
    }

    .content-telegram {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-telegram,
    .right-telegram {
        flex: 1;
    }

    .left-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-telegram h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-telegram h2 .highlight {
        color: #2AABEE;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-telegram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-telegram {
        color: #2AABEE;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: start;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .telegram-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #2AABEE;
    }

    .telegram-btn .telegram-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .telegram-btn .telegram-btn-sub .telegram-img {
        width: 24px;
        height: 24px;
    }

    .telegram-btn .telegram-btn-sub .telegram-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .telegram-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-telegram {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-telegram img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-telegram-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-telegram-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Discord Section */

    .container-discord {
        display: flex;
        padding: 80px 54px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EDEFFF;
    }

    .content-discord {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-discord,
    .right-discord {
        flex: 1;
    }

    .left-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-discord h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-discord h2 .highlight {
        color: #5865F2;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-discord p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-discord {
        color: #5865F2;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: start;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .discord-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #5865F2;
        background: #5865F2;
    }

    .discord-btn .discord-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .discord-btn .discord-btn-sub .discord-img {
        width: 24px;
        height: 24px;
    }

    .discord-btn .discord-btn-sub .discord-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .discord-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-discord {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-discord img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-discord-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-discord-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* LinkedIn Section */

    .container-linkedin {
        display: flex;
        padding: 80px 54px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EDF6FF;
    }

    .content-linkedin {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-linkedin,
    .right-linkedin {
        flex: 1;
    }

    .left-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .heading-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .left-linkedin h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-linkedin h2 .highlight {
        color: #0A66C2;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-linkedin p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-linkedin {
        color: #0A66C2;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: start;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .linkedin-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #0A66C2;
        background: #0A66C2;
    }

    .linkedin-btn .linkedin-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .linkedin-btn .linkedin-btn-sub .linkedin-img {
        width: 24px;
        height: 24px;
        margin-bottom: 5px;
    }

    .linkedin-btn .linkedin-btn-sub .linkedin-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .linkedin-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-linkedin {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-linkedin img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-linkedin-mobile {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-linkedin-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Instagram popup */

    .popup-instagram {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #FFF5F9;
    }

    .content-box-instagram {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-instagram-popup,
    .right-section-instagram-popup {
        flex: 1;
    }

    .right-section-instagram-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-instagram {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 16px 0px 16px;
    }

    .heading-popup-instagram h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-instagram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-instagram {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card-popup-instagram {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #FF9FD4;
        background: #FFF;
    }

    .stat-card-popup-instagram .stat-number-popup-instagram {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-instagram-img {
        width: 24px;
        height: 24px;
    }

    .popup-instagram-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-instagram-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-instagram-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-instagram-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding-top: 24px;
    }

    .left-section-instagram-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Whatsapp popup */

    .popup-whatsapp {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F0FFF1;
    }

    .content-box-whatsapp {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-whatsapp-popup,
    .right-section-whatsapp-popup {
        flex: 1;
    }

    .right-section-whatsapp-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 16px 0px 16px;
    }

    .heading-popup-whatsapp h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-whatsapp p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-whatsapp {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card-popup-whatsapp {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #32C888;
        background: #FFF;
    }

    .stat-card-popup-whatsapp .stat-number-popup-whatsapp {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .popup-whatsapp-img {
        width: 24px;
        height: 24px;
    }

    .popup-whatsapp-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-whatsapp-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-whatsapp-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-whatsapp-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-whatsapp-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Telegram popup */

    .popup-telegram {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F5FBFF;
    }

    .content-box-telegram {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-telegram-popup,
    .right-section-telegram-popup {
        flex: 1;
    }

    .right-section-telegram-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-telegram {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 16px 0px 16px;
    }

    .heading-popup-telegram h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-telegram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-telegram {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card-popup-telegram {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #FFF;
    }

    .stat-card-popup-telegram .stat-number-popup-telegram {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .popup-telegram-img {
        width: 24px;
        height: 24px;
    }

    .popup-telegram-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-telegram-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-telegram-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-telegram-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-telegram-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Discord popup */

    .popup-discord {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F2F4FF;
    }

    .content-box-discord {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-discord-popup,
    .right-section-discord-popup {
        flex: 1;
    }

    .right-section-discord-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-discord {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
        padding: 24px 16px 0px 16px;
    }

    .heading-popup-discord h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-discord p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-discord {
        align-self: center;
        align-items: center;
    }

    .stat-card-popup-discord {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #5865F2;
        background: #FFF;
    }

    .stat-card-popup-discord .stat-number-popup-discord {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .popup-discord-img {
        width: 24px;
        height: 24px;
    }

    .popup-discord-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-discord-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-discord-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-discord-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-discord-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Linkedin popup */

    .popup-linkedin {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F5FAFF;
    }

    .content-box-linkedin {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-linkedin-popup,
    .right-section-linkedin-popup {
        flex: 1;
    }

    .right-section-linkedin-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-linkedin {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
        padding: 24px 16px 0px 16px;
    }

    .heading-popup-linkedin h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-linkedin p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-popup-linkedin {
        align-self: center;
        align-items: center;
    }

    .stat-card-popup-linkedin {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #8FC6EB;
        background: #FFF;
    }

    .stat-card-popup-linkedin .stat-number-popup-linkedin {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .popup-linkedin-img {
        width: 24px;
        height: 24px;
    }

    .popup-linkedin-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-linkedin-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-linkedin-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-linkedin-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-linkedin-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .popup-instagram,
    .popup-whatsapp,
    .popup-telegram,
    .popup-discord,
    .popup-linkedin {
        opacity: 0;
        transform: translateY(80px) scale(0.97);
        transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.4, 0, .2, 1);
        pointer-events: none;
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        width: 100vw;
        max-height: 90vh;
        z-index: 9999;
        justify-content: center;
        align-items: flex-end;
    }

    .backdrop-offcampus {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.80);
        z-index: 9998;
    }

    /* Active state for popups */
    .popup-instagram.active,
    .popup-whatsapp.active,
    .popup-telegram.active,
    .popup-discord.active,
    .popup-linkedin.active {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
        display: block;
    }

    /* Backdrop style */
    .backdrop-offcampus {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .backdrop-offcampus.active {
        opacity: 1;
    }

    .close-btn-offcampus {
        position: absolute;
        top: -5vh;
        right: 25px;
        z-index: 10000;
        cursor: pointer;
    }

    .stats-grid-popup-instagram a.stat-card-popup-instagram,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp,
    .stats-grid-popup-telegram a.stat-card-popup-telegram,
    .stats-grid-popup-discord a.stat-card-popup-discord,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .stats-grid-popup-instagram a.stat-card-popup-instagram:hover,
    .stats-grid-popup-instagram a.stat-card-popup-instagram:focus,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp:hover,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp:focus,
    .stats-grid-popup-telegram a.stat-card-popup-telegram:hover,
    .stats-grid-popup-telegram a.stat-card-popup-telegram:focus,
    .stats-grid-popup-discord a.stat-card-popup-discord:hover,
    .stats-grid-popup-discord a.stat-card-popup-discord:focus,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin:hover,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin:focus {
        text-decoration: none;
    }

    .stats-grid-popup-instagram .stat-card-popup-instagram:last-child,
    .stats-grid-popup-whatsapp .stat-card-popup-whatsapp:last-child,
    .stats-grid-popup-telegram .stat-card-popup-telegram:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        margin-left: auto;
        margin-right: auto;
    }
}

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

    /* Job Updates Section */

    .container-job-updates {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #FFF;
    }

    .content-job-updates {
        display: flex;
        align-items: center;
        align-self: stretch;
        z-index: 0;
    }

    .left-job-updates,
    .right-job-updates {
        flex: 1;
    }

    .left-job-updates {
        display: flex;
        width: 509px;
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }

    .heading-job-updates {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        z-index: 1;
        padding: 70px 0px 0px 0px;
    }

    .left-job-updates h2 {
        color: #343434;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

    .left-job-updates p.sub {
        color: #7D7D7D;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid-job-updates {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        width: 384px;
        z-index: 1;
    }

    .stat-card-instagram {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #FFB5D4;
        background: #FFEFF8;
    }

    .stat-card-whatsapp {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #60D669;
        background: #F1FFEF;
    }

    .stat-card-telegram {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #ECF7FF;
    }

    .stat-card-discord {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #A4ACFC;
        background: #EDEEFF;
        margin: 0px 13vw;
    }

    .stat-card-linkedin {
        display: flex;
        width: 180px;
        padding: 16px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #73A8DC;
        background: #DEF;
    }

    .stat-card-instagram .stat-number,
    .stat-card-whatsapp .stat-number,
    .stat-card-telegram .stat-number,
    .stat-card-discord .stat-number,
    .stat-card-linkedin .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .stat-card-instagram .stat-number .instagram-img,
    .stat-card-whatsapp .stat-number .whatsapp-img,
    .stat-card-telegram .stat-number .telegram-img,
    .stat-card-discord .stat-number .discord-img,
    .stat-card-linkedin .stat-number .linkedin-img {
        width: 24px;
        height: 24px;
    }

    .stat-card-instagram .stat-number .instagram-text,
    .stat-card-whatsapp .stat-number .whatsapp-text,
    .stat-card-telegram .stat-number .telegram-text,
    .stat-card-discord .stat-number .discord-text,
    .stat-card-linkedin .stat-number .linkedin-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .grid_line_img {
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        height: calc(51vh + (100vw - 1280px) * 0.5);
        display: none;
    }

    .right-job-updates {
        display: none;
        align-items: stretch;
        height: 100%;
        padding: 80px 0px 0px 0px;
    }

    .right-job-updates img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-job-updates-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding: 8px 0px 0px 0px;
    }

    .right-job-updates-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Instagram Section */

    .container-instagram {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #FFF5F9;
    }

    .content-instagram {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-instagram,
    .right-instagram {
        flex: 1;
    }

    .left-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-instagram h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-instagram h2 .highlight {
        background: linear-gradient(90deg, #F9CE34 6.97%, #EE2A7B 65.58%, #6228D7 74.2%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-instagram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-instagram {
        color: #EE2A7B;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .instagram-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #FFD9EF;
        background: #EE2A7B;
    }

    .instagram-btn .instagram-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .instagram-btn .instagram-btn-sub .instagram-img {
        width: 24px;
        height: 24px;
    }

    .instagram-btn .instagram-btn-sub .instagram-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .instagram-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-instagram {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-instagram img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-instagram-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-instagram-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Whatsapp Section */

    .container-whatsapp {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #F0FFF1;
    }

    .content-whatsapp {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-whatsapp,
    .right-whatsapp {
        flex: 1;
    }

    .left-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-whatsapp h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-whatsapp h2 .highlight {
        color: #32C83D;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-whatsapp p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-whatsapp {
        color: #32C83D;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .whatsapp-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #32C83D;
        background: #32C83D;
    }

    .whatsapp-btn .whatsapp-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .whatsapp-btn .whatsapp-btn-sub .whatsapp-img {
        width: 24px;
        height: 24px;
    }

    .whatsapp-btn .whatsapp-btn-sub .whatsapp-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .whatsapp-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-whatsapp {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-whatsapp img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-whatsapp-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-whatsapp-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Telegram Section */

    .container-telegram {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EEF9FF;
    }

    .content-telegram {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-telegram,
    .right-telegram {
        flex: 1;
    }

    .left-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-telegram h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-telegram h2 .highlight {
        color: #2AABEE;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-telegram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-telegram {
        color: #2AABEE;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .telegram-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #2AABEE;
    }

    .telegram-btn .telegram-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .telegram-btn .telegram-btn-sub .telegram-img {
        width: 24px;
        height: 24px;
    }

    .telegram-btn .telegram-btn-sub .telegram-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .telegram-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-telegram {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-telegram img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-telegram-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-telegram-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Discord Section */

    .container-discord {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EDEFFF;
    }

    .content-discord {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-discord,
    .right-discord {
        flex: 1;
    }

    .left-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-discord h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-discord h2 .highlight {
        color: #5865F2;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-discord p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-discord {
        color: #5865F2;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .discord-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #5865F2;
        background: #5865F2;
    }

    .discord-btn .discord-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .discord-btn .discord-btn-sub .discord-img {
        width: 24px;
        height: 24px;
    }

    .discord-btn .discord-btn-sub .discord-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .discord-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-discord {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-discord img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-discord-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-discord-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* LinkedIn Section */

    .container-linkedin {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EDF6FF;
    }

    .content-linkedin {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-linkedin,
    .right-linkedin {
        flex: 1;
    }

    .left-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-linkedin h2 {
        color: #343434;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-linkedin h2 .highlight {
        color: #0A66C2;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-linkedin p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-linkedin {
        color: #0A66C2;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .linkedin-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #0A66C2;
        background: #0A66C2;
    }

    .linkedin-btn .linkedin-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .linkedin-btn .linkedin-btn-sub .linkedin-img {
        width: 24px;
        height: 24px;
        margin-bottom: 5px;
    }

    .linkedin-btn .linkedin-btn-sub .linkedin-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .linkedin-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-linkedin {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-linkedin img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-linkedin-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-linkedin-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Instagram popup */

    .popup-instagram {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #FFF5F9;
    }

    .content-box-instagram {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-instagram-popup,
    .right-section-instagram-popup {
        flex: 1;
    }

    .right-section-instagram-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-instagram {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 16px 0px 16px;
    }

    .heading-popup-instagram h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
    }

    .heading-popup-instagram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-instagram {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card-popup-instagram {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #FF9FD4;
        background: #FFF;
    }

    .stat-card-popup-instagram .stat-number-popup-instagram {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-instagram-img {
        width: 24px;
        height: 24px;
    }

    .popup-instagram-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-instagram-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-instagram-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-instagram-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding-top: 24px;
    }

    .left-section-instagram-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Whatsapp popup */

    .popup-whatsapp {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F0FFF1;
    }

    .content-box-whatsapp {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-whatsapp-popup,
    .right-section-whatsapp-popup {
        flex: 1;
    }

    .right-section-whatsapp-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 16px 0px 16px;
    }

    .heading-popup-whatsapp h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
    }

    .heading-popup-whatsapp p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-whatsapp {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card-popup-whatsapp {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #32C888;
        background: #FFF;
    }

    .stat-card-popup-whatsapp .stat-number-popup-whatsapp {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-whatsapp-img {
        width: 24px;
        height: 24px;
    }

    .popup-whatsapp-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-whatsapp-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-whatsapp-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-whatsapp-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-whatsapp-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Telegram popup */

    .popup-telegram {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F5FBFF;
    }

    .content-box-telegram {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-telegram-popup,
    .right-section-telegram-popup {
        flex: 1;
    }

    .right-section-telegram-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-telegram {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 16px 0px 16px;
    }

    .heading-popup-telegram h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
    }

    .heading-popup-telegram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-telegram {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card-popup-telegram {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #FFF;
    }

    .stat-card-popup-telegram .stat-number-popup-telegram {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-telegram-img {
        width: 24px;
        height: 24px;
    }

    .popup-telegram-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-telegram-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-telegram-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-telegram-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding-top: 7px;
    }

    .left-section-telegram-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Discord popup */

    .popup-discord {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F2F4FF;
    }

    .content-box-discord {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-discord-popup,
    .right-section-discord-popup {
        flex: 1;
    }

    .right-section-discord-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-discord {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
        padding: 24px 16px 0px 16px;
    }

    .heading-popup-discord h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
    }

    .heading-popup-discord p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-discord {
        align-self: center;
        align-items: center;
    }

    .stat-card-popup-discord {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #5865F2;
        background: #FFF;
    }

    .stat-card-popup-discord .stat-number-popup-discord {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .popup-discord-img {
        width: 24px;
        height: 24px;
    }

    .popup-discord-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-discord-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-discord-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-discord-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-discord-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Linkedin popup */

    .popup-linkedin {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F5FAFF;
    }

    .content-box-linkedin {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-linkedin-popup,
    .right-section-linkedin-popup {
        flex: 1;
    }

    .right-section-linkedin-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-linkedin {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
        padding: 24px 16px 0px 16px;
    }

    .heading-popup-linkedin h2 {
        color: #242424;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
    }

    .heading-popup-linkedin p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-linkedin {
        align-self: center;
        align-items: center;
    }

    .stat-card-popup-linkedin {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #8FC6EB;
        background: #FFF;
    }

    .stat-card-popup-linkedin .stat-number-popup-linkedin {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .popup-linkedin-img {
        width: 24px;
        height: 24px;
    }

    .popup-linkedin-text {
        color: #343434;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-linkedin-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-linkedin-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-linkedin-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-linkedin-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .popup-instagram,
    .popup-whatsapp,
    .popup-telegram,
    .popup-discord,
    .popup-linkedin {
        opacity: 0;
        transform: translateY(80px) scale(0.97);
        transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.4, 0, .2, 1);
        pointer-events: none;
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        width: 100vw;
        max-height: 90vh;
        z-index: 9999;
        justify-content: center;
        align-items: flex-end;
    }

    .backdrop-offcampus {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.80);
        z-index: 9998;
    }

    /* Active state for popups */
    .popup-instagram.active,
    .popup-whatsapp.active,
    .popup-telegram.active,
    .popup-discord.active,
    .popup-linkedin.active {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
        display: block;
    }

    /* Backdrop style */
    .backdrop-offcampus {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .backdrop-offcampus.active {
        opacity: 1;
    }

    .close-btn-offcampus {
        position: absolute;
        top: -5vh;
        right: 46vw;
        z-index: 10000;
        cursor: pointer;
    }

    .stats-grid-popup-instagram a.stat-card-popup-instagram,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp,
    .stats-grid-popup-telegram a.stat-card-popup-telegram,
    .stats-grid-popup-discord a.stat-card-popup-discord,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .stats-grid-popup-instagram a.stat-card-popup-instagram:hover,
    .stats-grid-popup-instagram a.stat-card-popup-instagram:focus,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp:hover,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp:focus,
    .stats-grid-popup-telegram a.stat-card-popup-telegram:hover,
    .stats-grid-popup-telegram a.stat-card-popup-telegram:focus,
    .stats-grid-popup-discord a.stat-card-popup-discord:hover,
    .stats-grid-popup-discord a.stat-card-popup-discord:focus,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin:hover,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin:focus {
        text-decoration: none;
    }

    .stats-grid-popup-instagram .stat-card-popup-instagram:last-child,
    .stats-grid-popup-whatsapp .stat-card-popup-whatsapp:last-child,
    .stats-grid-popup-telegram .stat-card-popup-telegram:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        margin-left: auto;
        margin-right: auto;
    }

    .stats-grid-job-updates>.stat-card-discord:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {

    /* Job Updates Section */

    .container-job-updates {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #FFF;
    }

    .content-job-updates {
        display: flex;
        align-items: center;
        align-self: stretch;
        z-index: 0;
    }

    .left-job-updates,
    .right-job-updates {
        flex: 1;
    }

    .left-job-updates {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }

    .heading-job-updates {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        z-index: 1;
        padding: 70px 16px 0px 16px;
    }

    .left-job-updates h2 {
        color: #343434;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }

    .left-job-updates p.sub {
        color: #7D7D7D;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-job-updates {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        z-index: 1;
        padding: 0px 16px;
    }

    .stat-card-instagram {
        display: flex;
        width: 164px;
        padding: 10px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #FFB5D4;
        background: #FFEFF8;
    }

    .stat-card-whatsapp {
        display: flex;
        width: 164px;
        padding: 10px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #60D669;
        background: #F1FFEF;
    }

    .stat-card-telegram {
        display: flex;
        width: 164px;
        padding: 10px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #ECF7FF;
    }

    .stat-card-discord {
        display: flex;
        width: 164px;
        padding: 10px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #A4ACFC;
        background: #EDEEFF;
    }

    .stat-card-linkedin {
        display: flex;
        width: 164px;
        padding: 10px 32px;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #73A8DC;
        background: #DEF;
    }

    .stat-card-instagram .stat-number,
    .stat-card-whatsapp .stat-number,
    .stat-card-telegram .stat-number,
    .stat-card-discord .stat-number,
    .stat-card-linkedin .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .stat-card-instagram .stat-number .instagram-img,
    .stat-card-whatsapp .stat-number .whatsapp-img,
    .stat-card-telegram .stat-number .telegram-img,
    .stat-card-discord .stat-number .discord-img,
    .stat-card-linkedin .stat-number .linkedin-img {
        width: 24px;
        height: 24px;
    }

    .stat-card-instagram .stat-number .instagram-text,
    .stat-card-whatsapp .stat-number .whatsapp-text,
    .stat-card-telegram .stat-number .telegram-text,
    .stat-card-discord .stat-number .discord-text,
    .stat-card-linkedin .stat-number .linkedin-text {
        color: #343434;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .grid_line_img {
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        height: calc(51vh + (100vw - 1280px) * 0.5);
        display: none;
    }

    .right-job-updates {
        display: none;
        align-items: stretch;
        height: 100%;
        padding: 80px 0px 0px 0px;
    }

    .right-job-updates img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-job-updates-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding: 8px 0px 0px 0px;
    }

    .right-job-updates-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Instagram Section */

    .container-instagram {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #FFF5F9;
    }

    .content-instagram {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-instagram,
    .right-instagram {
        flex: 1;
    }

    .left-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-instagram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-instagram h2 {
        color: #343434;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-instagram h2 .highlight {
        background: linear-gradient(90deg, #F9CE34 6.97%, #EE2A7B 65.58%, #6228D7 74.2%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-instagram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-instagram {
        color: #EE2A7B;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: center;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: left;
    }

    .instagram-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #FFD9EF;
        background: #EE2A7B;
    }

    .instagram-btn .instagram-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .instagram-btn .instagram-btn-sub .instagram-img {
        width: 24px;
        height: 24px;
    }

    .instagram-btn .instagram-btn-sub .instagram-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .instagram-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-instagram {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-instagram img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-instagram-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-instagram-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Whatsapp Section */

    .container-whatsapp {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #F0FFF1;
    }

    .content-whatsapp {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-whatsapp,
    .right-whatsapp {
        flex: 1;
    }

    .left-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-whatsapp h2 {
        color: #343434;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-whatsapp h2 .highlight {
        color: #32C83D;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-whatsapp p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-whatsapp {
        color: #32C83D;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: center;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: left;
    }

    .whatsapp-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #32C83D;
        background: #32C83D;
    }

    .whatsapp-btn .whatsapp-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .whatsapp-btn .whatsapp-btn-sub .whatsapp-img {
        width: 24px;
        height: 24px;
    }

    .whatsapp-btn .whatsapp-btn-sub .whatsapp-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .whatsapp-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-whatsapp {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-whatsapp img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-whatsapp-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-whatsapp-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Telegram Section */

    .container-telegram {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EEF9FF;
    }

    .content-telegram {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-telegram,
    .right-telegram {
        flex: 1;
    }

    .left-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-telegram {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-telegram h2 {
        color: #343434;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-telegram h2 .highlight {
        color: #2AABEE;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-telegram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-telegram {
        color: #2AABEE;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: center;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: left;
    }

    .telegram-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #2AABEE;
    }

    .telegram-btn .telegram-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .telegram-btn .telegram-btn-sub .telegram-img {
        width: 24px;
        height: 24px;
    }

    .telegram-btn .telegram-btn-sub .telegram-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .telegram-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-telegram {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-telegram img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-telegram-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-telegram-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Discord Section */

    .container-discord {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EDEFFF;
    }

    .content-discord {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-discord,
    .right-discord {
        flex: 1;
    }

    .left-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-discord {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-discord h2 {
        color: #343434;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-discord h2 .highlight {
        color: #5865F2;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-discord p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-discord {
        color: #5865F2;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: center;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: left;
    }

    .discord-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #5865F2;
        background: #5865F2;
    }

    .discord-btn .discord-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .discord-btn .discord-btn-sub .discord-img {
        width: 24px;
        height: 24px;
    }

    .discord-btn .discord-btn-sub .discord-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .discord-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-discord {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-discord img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-discord-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-discord-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* LinkedIn Section */

    .container-linkedin {
        display: flex;
        padding: 40px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        background: #EDF6FF;
    }

    .content-linkedin {
        display: flex;
        align-items: center;
        gap: 121px;
        align-self: stretch;
    }

    .left-linkedin,
    .right-linkedin {
        flex: 1;
    }

    .left-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .heading-linkedin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .left-linkedin h2 {
        color: #343434;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-linkedin h2 .highlight {
        color: #0A66C2;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .left-linkedin p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .stats-grid {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: stretch;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .stat-card {
        display: flex;
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
    }

    .stat-card .stat-number {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .user-img,
    .briefcase-img,
    .eye-img,
    .video-img {
        width: 20px;
        height: 20px;
    }

    .stat-card .stat-number .stat-value-linkedin {
        color: #0A66C2;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: center;
    }

    .stat-card .stat-label {
        color: #727272;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: left;
    }

    .linkedin-btn {
        display: flex;
        height: 48px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #0A66C2;
        background: #0A66C2;
    }

    .linkedin-btn .linkedin-btn-sub {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .linkedin-btn .linkedin-btn-sub .linkedin-img {
        width: 24px;
        height: 24px;
        margin-bottom: 5px;
    }

    .linkedin-btn .linkedin-btn-sub .linkedin-text {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .linkedin-btn .arrow-btn {
        width: 20px;
        height: 20px;
    }

    .right-linkedin {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .right-linkedin img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .right-linkedin-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .right-linkedin-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Instagram popup */

    .popup-instagram {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #FFF5F9;
    }

    .content-box-instagram {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-instagram-popup,
    .right-section-instagram-popup {
        flex: 1;
    }

    .right-section-instagram-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-instagram {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 24px 0px 24px;
    }

    .heading-popup-instagram h2 {
        color: #242424;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
    }

    .heading-popup-instagram p.sub {
        color: rgba(143, 143, 143, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-instagram {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        padding: 0px 24px;
    }

    .stat-card-popup-instagram {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #FF9FD4;
        background: #FFF;
    }

    .stat-card-popup-instagram .stat-number-popup-instagram {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-instagram-img {
        width: 20px;
        height: 20px;
    }

    .popup-instagram-text {
        color: #343434;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-instagram-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-instagram-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-instagram-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding-top: 24px;
    }

    .left-section-instagram-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Whatsapp popup */

    .popup-whatsapp {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F0FFF1;
    }

    .content-box-whatsapp {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-whatsapp-popup,
    .right-section-whatsapp-popup {
        flex: 1;
    }

    .right-section-whatsapp-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-whatsapp {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 24px 0px 24px;
    }

    .heading-popup-whatsapp h2 {
        color: #242424;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
    }

    .heading-popup-whatsapp p.sub {
        color: rgba(143, 143, 143, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-whatsapp {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        padding: 0px 24px;
    }

    .stat-card-popup-whatsapp {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #32C888;
        background: #FFF;
    }

    .stat-card-popup-whatsapp .stat-number-popup-whatsapp {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-whatsapp-img {
        width: 20px;
        height: 20px;
    }

    .popup-whatsapp-text {
        color: #343434;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-whatsapp-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-whatsapp-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-whatsapp-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-whatsapp-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Telegram popup */

    .popup-telegram {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F5FBFF;
    }

    .content-box-telegram {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-telegram-popup,
    .right-section-telegram-popup {
        flex: 1;
    }

    .right-section-telegram-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-telegram {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        align-self: stretch;
        padding: 40px 24px 0px 24px;
    }

    .heading-popup-telegram h2 {
        color: #242424;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        text-align: center;
    }

    .heading-popup-telegram p.sub {
        color: rgba(107, 107, 107, 0.87);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-telegram {
        display: grid;
        row-gap: 24px;
        column-gap: 24px;
        align-self: center;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        padding: 0px 24px;
    }

    .stat-card-popup-telegram {
        display: flex;
        padding: 16px 8px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #2AABEE;
        background: #FFF;
    }

    .stat-card-popup-telegram .stat-number-popup-telegram {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-telegram-img {
        width: 20px;
        height: 20px;
    }

    .popup-telegram-text {
        color: #343434;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-telegram-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-telegram-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-telegram-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
        padding-top: 7px;
    }

    .left-section-telegram-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Discord popup */

    .popup-discord {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F2F4FF;
    }

    .content-box-discord {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-discord-popup,
    .right-section-discord-popup {
        flex: 1;
    }

    .right-section-discord-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-discord {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
        padding: 40px 24px 0px 24px;
    }

    .heading-popup-discord h2 {
        color: #242424;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-discord p.sub {
        color: rgba(143, 143, 143, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-discord {
        align-self: center;
        align-items: center;
    }

    .stat-card-popup-discord {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #5865F2;
        background: #FFF;
    }

    .stat-card-popup-discord .stat-number-popup-discord {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-discord-img {
        width: 20px;
        height: 20px;
    }

    .popup-discord-text {
        color: #343434;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-discord-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-discord-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-discord-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-discord-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Linkedin popup */

    .popup-linkedin {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        width: 100%;
        flex-shrink: 0;
        border-radius: 32px 32px 0px 0px;
        border: 1px solid #DBDBDB;
        background: #F5FAFF;
    }

    .content-box-linkedin {
        align-self: stretch;
        display: inline-flex;
        align-items: flex-start;
        gap: 80px;
    }

    .left-section-linkedin-popup,
    .right-section-linkedin-popup {
        flex: 1;
    }

    .right-section-linkedin-popup {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        overflow-y: auto;
        max-height: 80vh;
    }

    .heading-popup-linkedin {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        align-self: stretch;
        padding: 40px 24px 0px 24px;
    }

    .heading-popup-linkedin h2 {
        color: #242424;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .heading-popup-linkedin p.sub {
        color: rgba(143, 143, 143, 0.87);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-align: center;
    }

    .stats-grid-popup-linkedin {
        align-self: center;
        align-items: center;
    }

    .stat-card-popup-linkedin {
        display: flex;
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        border: 1px solid #8FC6EB;
        background: #FFF;
    }

    .stat-card-popup-linkedin .stat-number-popup-linkedin {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .popup-linkedin-img {
        width: 20px;
        height: 20px;
    }

    .popup-linkedin-text {
        color: #343434;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }

    .left-section-linkedin-popup {
        display: none;
        align-items: stretch;
        height: 100%;
    }

    .left-section-linkedin-popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .left-section-linkedin-popup-mobile {
        display: flex;
        align-items: stretch;
        height: 100%;
    }

    .left-section-linkedin-popup-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .popup-instagram,
    .popup-whatsapp,
    .popup-telegram,
    .popup-discord,
    .popup-linkedin {
        opacity: 0;
        transform: translateY(80px) scale(0.97);
        transition: opacity 0.5s ease, transform 0.5s cubic-bezier(.4, 0, .2, 1);
        pointer-events: none;
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        width: 100vw;
        max-height: 90vh;
        z-index: 9999;
        justify-content: center;
        align-items: flex-end;
    }

    .backdrop-offcampus {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.80);
        z-index: 9998;
    }

    /* Active state for popups */
    .popup-instagram.active,
    .popup-whatsapp.active,
    .popup-telegram.active,
    .popup-discord.active,
    .popup-linkedin.active {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
        display: block;
    }

    /* Backdrop style */
    .backdrop-offcampus {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .backdrop-offcampus.active {
        opacity: 1;
    }

    .close-btn-offcampus {
        position: absolute;
        top: -5vh;
        right: 46vw;
        z-index: 10000;
        cursor: pointer;
    }

    .stats-grid-popup-instagram a.stat-card-popup-instagram,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp,
    .stats-grid-popup-telegram a.stat-card-popup-telegram,
    .stats-grid-popup-discord a.stat-card-popup-discord,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .stats-grid-popup-instagram a.stat-card-popup-instagram:hover,
    .stats-grid-popup-instagram a.stat-card-popup-instagram:focus,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp:hover,
    .stats-grid-popup-whatsapp a.stat-card-popup-whatsapp:focus,
    .stats-grid-popup-telegram a.stat-card-popup-telegram:hover,
    .stats-grid-popup-telegram a.stat-card-popup-telegram:focus,
    .stats-grid-popup-discord a.stat-card-popup-discord:hover,
    .stats-grid-popup-discord a.stat-card-popup-discord:focus,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin:hover,
    .stats-grid-popup-linkedin a.stat-card-popup-linkedin:focus {
        text-decoration: none;
    }

    .stats-grid-popup-instagram .stat-card-popup-instagram:last-child,
    .stats-grid-popup-whatsapp .stat-card-popup-whatsapp:last-child,
    .stats-grid-popup-telegram .stat-card-popup-telegram:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        margin-left: auto;
        margin-right: auto;
    }

    .stats-grid-job-updates>.stat-card-discord:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        margin-left: auto;
        margin-right: auto;
    }

}

/* Job Updates Section: Card hover effect */
.stat-card-instagram:hover {
    background: #ee2a7b;
    border-color: #ee2a7b;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-instagram:hover .instagram-text {
    color: #FFFFFF !important;
}

.stat-card-whatsapp:hover {
    background: #32c83d;
    border-color: #32c83d;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-whatsapp:hover .whatsapp-text {
    color: #FFFFFF !important;
}

.stat-card-telegram:hover {
    background: #2aabee;
    border-color: #2aabee;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-telegram:hover .telegram-text {
    color: #FFFFFF !important;
}

.stat-card-linkedin:hover {
    background: #0a66c2;
    border-color: #0a66c2;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-linkedin:hover .linkedin-text {
    color: #FFFFFF !important;
}

.stat-card-discord:hover {
    background: #5865f2;
    border-color: #5865f2;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-discord:hover .discord-text {
    color: #FFFFFF !important;
}

/* Popups: Card hover effect */
.stat-card-popup-instagram:hover {
    background: #ee2a7b;
    border-color: #ee2a7b;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-popup-instagram:hover .popup-instagram-text {
    color: #FFFFFF !important;
}

.stat-card-popup-whatsapp:hover {
    background: #32c83d;
    border-color: #32c83d;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-popup-whatsapp:hover .popup-whatsapp-text {
    color: #FFFFFF !important;
}

.stat-card-popup-telegram:hover {
    background: #2aabee;
    border-color: #2aabee;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-popup-telegram:hover .popup-telegram-text {
    color: #FFFFFF !important;
}

.stat-card-popup-linkedin:hover {
    background: #0a66c2;
    border-color: #0a66c2;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-popup-linkedin:hover .popup-linkedin-text {
    color: #FFFFFF !important;
}

.stat-card-popup-discord:hover {
    background: #5865f2;
    border-color: #5865f2;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
}

.stat-card-popup-discord:hover .popup-discord-text {
    color: #FFFFFF !important;
}

.popup-instagram-img,
.popup-whatsapp-img,
.popup-telegram-img {
    display: block;
}

.popup-card-img-white {
    display: none;
    width: 20px;
    height: 20px;
}

/* Hover Effects for Image Swaps */
.stat-card-popup-instagram:hover .popup-instagram-img,
.stat-card-popup-whatsapp:hover .popup-whatsapp-img,
.stat-card-popup-telegram:hover .popup-telegram-img {
    display: none;
}

.stat-card-popup-instagram:hover .popup-card-img-white,
.stat-card-popup-whatsapp:hover .popup-card-img-white,
.stat-card-popup-telegram:hover .popup-card-img-white {
    display: block;
    width: 20px;
    height: 20px;
}

.instagram-btn,
.whatsapp-btn,
.telegram-btn,
.discord-btn,
.linkedin-btn {
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.instagram-btn:hover,
.whatsapp-btn:hover,
.telegram-btn:hover,
.discord-btn:hover,
.linkedin-btn:hover {
    cursor: pointer;
    transform: scale(1.02);
}

/* Arrow movement on section button hover */
.instagram-btn .arrow-btn,
.whatsapp-btn .arrow-btn,
.telegram-btn .arrow-btn,
.discord-btn .arrow-btn,
.linkedin-btn .arrow-btn {
    transition: transform 0.2s;
}

.instagram-btn:hover .arrow-btn,
.whatsapp-btn:hover .arrow-btn,
.telegram-btn:hover .arrow-btn,
.discord-btn:hover .arrow-btn,
.linkedin-btn:hover .arrow-btn {
    transform: translateX(8px);
}

h2 {
    margin-bottom: 0;
}

p.sub {
    margin-bottom: 0;
}