main.dashboard {
    padding-bottom: 100px;
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}

.site-content {
    background-size: 1200px;
    animation: moveBackground 100s linear infinite;
    /* Adjust duration and timing function as needed */
    background-repeat: repeat;
}

@keyframes moveBackground {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 700% 0%;
    }
}



.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.site-content {
    background-color: #E7F2FF;
}

.islands-row {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 3px 5px;
    position: absolute;
    z-index: 1;
    bottom: 105%;
    /* Position the tooltip above the text */
    left: 50%;
    margin-left: -70px;
    opacity: 0;
    transition: opacity 0.3s;
    line-height: 1.1em;
    font-size: 12px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip.active .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.island-group-4 {
    margin-top: 0px;
}

.island-2 {
    padding-top: 90px;
}

.island-3 {
    margin-top: -250px;
}

.island-4 {
    margin-top: -50px;
}

.island-5 {
    margin-top: -40px;
}

.lesson-title {
    font-family: Roboto;
    font-weight: 400;
    z-index: 99;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.3em;
    text-shadow: 2px 2px 10px #000000d6;
}

/* Island Labels */

.island-label {
    position: absolute;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    max-width: 141px;
    line-height: 1.3em;
    font-family: Roboto Condensed !important;
    z-index: 1;
}


.desktop-view-2 {
    padding-top: 45px;
}

.island-label-1 {
    top: 6%;
    left: 62%;
    max-width: 160px;
    width: 160px;
}


.island-label-2 {
    top: 18%;
    left: 71.5%;
}

.island-label-3 {
    top: 8.5%;
    left: 13%;
}

.island-label-4 {
    top: 1%;
    left: 67%;
}

.island-label-5 {
    /* Desktop */
    top: 6.5%;
    left: 69%;
}

.island-label-6 {
    top: 0.5%;
    left: 10%;
}

.island-label-7 {
    /* Desktop */
    top: 8.5%;
    left: 68%;
    padding: 0 30px;
}

.island-label-8 {
    top: 3%;
    left: 60%;
    padding: 0px 30px;
}

.island-label-9 {
    top: 1.2%;
    left: 17%;
}

.island-label-10 {
    top: 1.5%;
    left: 34%;
}

/* Button Positions  */
.btn-lesson {
    z-index: 5;
    text-align: center;
    text-decoration: none;
    position: absolute;
    width: 160px;
    /* display: none; */
}

.btn-lesson-1 {
    /* dekstop  */
    top: 16%;
    left: 12%;
}

.btn-lesson-2 {
    /* desktop */
    top: 43%;
    left: 16%;
}

.btn-lesson-3 {
    /* desktop */
    top: 40%;
    left: 69%;
}

.btn-lesson-4 {
    top: 28%;
    left: 17%;
}

.btn-lesson-5 {
    top: 47%;
    left: 53%;
}

.btn-lesson-6 {
    top: 63%;
    left: 15%;
}

.btn-lesson-7 {
    top: 74%;
    left: 45%;
}

.btn-lesson-8 {
    top: 7%;
    left: 45%;
}

.btn-lesson-9 {
    top: 34%;
    left: 53%;
}

.btn-lesson-10 {
    top: 56%;
    left: 16%;
}

.btn-lesson-11 {
    top: 41%;
    left: 61%;
}

.btn-lesson-12 {
    top: 23%;
    left: 24%;
}

.btn-lesson-13 {
    top: 66%;
    left: 18%;
}

.btn-lesson-14 {
    top: 10%;
    left: 25%;
}

.btn-lesson-15 {
    top: 29%;
    left: 60%;
}

.btn-lesson-16 {
    top: 38%;
    left: 18%;
}

.btn-lesson-17 {
    top: 67%;
    left: 40%;
}

.btn-lesson-18 {
    top: 36%;
    left: 4%;
}

.btn-lesson-19 {
    top: 21%;
    left: 47%;
}

.btn-lesson-20 {
    top: 64%;
    left: 40%;
}

.btn-lesson-21 {
    top: 12%;
    left: 43%;
}

.btn-lesson-22 {
    top: 29%;
    left: 58%;
}

.btn-lesson-23 {
    top: 48%;
    left: 30%;
}

.btn-lesson-24 {
    top: 28%;
    left: 49%;
}

.btn-lesson-25 {
    top: 18%;
    left: 14%;
}

.btn-lesson-26 {
    top: 38%;
    left: 2%;
}

.btn-lesson-27 {
    top: 71%;
    left: 26%;
}

.btn-lesson-28 {
    top: 16%;
    left: 37%;
}

.btn-lesson-29 {
    top: 37%;
    left: 13%;
}

.btn-lesson-30 {
    top: 51%;
    left: 53%;
}

.btn-lesson-31 {
    top: 70%;
    left: 43%;
}

.btn-lesson-32 {
    top: 29%;
    left: 5%;
}

.btn-lesson-33 {
    top: 17%;
    left: 50%;
}

.btn-lesson-34 {
    top: 45%;
    left: 54%;
}

.btn-lesson-35 {
    top: 67%;
    left: 54%;
}


/* Path Positions  */
.paths {
    position: absolute;
    z-index: 2;
}

.path-1 {
    top: 22%;
    left: 10%;
}

.path-2 {
    top: 21%;
    left: 25%;
}

.path-3 {
    top: 46%;
    left: 35%;
}

.path-4 {
    top: 32%;
    left: 81%;
}

.path-5 {
    top: 33%;
    left: 35%;
}

.path-6 {
    top: 51%;
    left: 21%;
}

.path-7 {
    top: 68%;
    left: 31%;
}

.path-8 {
    top: 78%;
    left: 53%;
}

.path-9 {
    top: 14%;
    left: 59%;
}

.path-10 {
    top: 40%;
    left: 32%;
}

.path-11 {
    top: 31%;
    left: -37%;
}

.path-12 {
    top: 28%;
    left: 37%;
}

.path-13 {
    top: 28%;
    left: 10%;
}

.path-14 {
    top: 72%;
    left: 8%;
}

.path-15 {
    top: 15%;
    left: 42%;
}

.path-16 {
    top: 34%;
    left: 39%;
}

.path-17 {
    top: 43%;
    left: 15%;
}

.path-18 {
    top: 44%;
    left: 55%;
}

.path-19 {
    top: 25%;
    left: 19%;
}

.path-20 {
    top: 26%;
    left: 53%;
}

.path-21 {
    top: 68%;
    left: 28%;
}

.path-22 {
    top: 17%;
    left: 54%;
}

.path-23 {
    top: 34%;
    left: 44%;
}

.path-24 {
    top: 33%;
    left: -49%;
}

.path-25 {
    top: 22%;
    left: 31%;
}

.path-26 {
    top: 22%;
    left: 11%;
}

.path-27 {
    top: 42%;
    left: 17%;
}

.path-28 {
    top: 76%;
    left: 43%;
}

.path-29 {
    top: 21%;
    left: 20%;
}


.path-30 {
    top: 42%;
    left: 27%;
}


.path-31 {
    top: 57%;
    left: 39%;
}


.path-32 {
    top: 34%;
    left: 59%;
}


.path-33 {
    top: 21%;
    left: 20%;
}

.path-34 {
    top: 21%;
    left: 64%;
}

.path-35 {
    top: 48%;
    left: 40%;
}


.progress-plane {
    margin-top: -35px;
}

@keyframes fadeEffect {

    0%,
    100% {
        opacity: 0;
        /* Start and end with opacity 0 for fade-in/fade-out */
    }

    50% {
        opacity: 1;
        /* 50% mark with opacity 1 for fully visible */
    }
}

@keyframes fadeEffect2 {

    50%,
    100% {
        opacity: 0;
        /* Start and end with opacity 0 for fade-in/fade-out */
    }

    50% {
        opacity: 1;
        /* 50% mark with opacity 1 for fully visible */
    }
}

/* Apply the animation to your SVG element */
.pulse-circle {
    animation: fadeEffect2 2s infinite;
    /* 4s = 2 seconds for each growth and revert */
}

.pulse-circle-2 {
    animation: fadeEffect 2s infinite;
    /* 4s = 2 seconds for each growth and revert */
}


@keyframes tiltMoveAnimation {

    0%,
    100% {
        transform: translateX(-5px) rotate(-4deg);
        /* Start and end at the center position with no tilt */
    }

    50% {
        transform: translateX(5px) rotate(4deg);
        /* Move to the right and tilt slightly */
    }
}

/* Apply the sway animation to the "current-tooltip" class */
.current-tooltip {
    /* desktop */
    animation: tiltMoveAnimation 2s ease-in-out 0s infinite;
    /* 2s duration, ease-in-out timing function, 0s delay, infinite loop */
    margin-bottom: -20px;
}


.desktop-view {
    display: block;
    position: relative;
    z-index: 1;
}

.mobile-view {
    display: none;
}

.path-mobile-view {
    display: none;
}

.path-tablet-view {
    display: none;
}

.resume-plane {
    margin-top: -10px;
}

/* Tablet View  */

@media (max-width: 1024px) {
    .islands-row img {
        max-width: 341px;
    }

    .path-desktop-view {
        display: none;
    }

    .path-tablet-view {
        display: block;
    }


    .row {
        justify-content: center;
    }

    .completed-airplane,
    .finished-steps,
    .finished-steps-colored,
    .locked-lesson,
    .unlocked-step {
        width: 70px;
    }

    .inprogress-plane,
    .resume-plane {
        width: 95px;
    }

    .resume-plane {
        margin-top: -20px;
    }

    main.dashboard {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .island-1,
    .island-3,
    .island-5,
    .island-7,
    .island-9 {
        padding-right: 25px;
    }


    .island-2,
    .island-4,
    .island-6,
    .island-8,
    .island-10 {
        padding-left: 25px;
    }

    /* Paths (Tablet)  */

    .path-1 {
        top: 25%;
        left: 20%;
        rotate: 345deg;
    }

    .path-2 {
        top: 19%;
        left: 24%;
    }

    .path-3 {
        top: 44%;
        left: 32%;
    }

    .path-4 {
        top: 32%;
        left: 75%;
    }

    .path-5 {
        top: 33%;
        left: 44%;
    }

    .path-6 {
        top: 51%;
        left: 30%;
    }

    .path-7 {
        top: 68%;
        left: 42%;
    }

    .path-8 {
        top: 79%;
        left: 68%;
    }

    .path-9 {
        top: 19%;
        left: 73%;
    }

    .path-10 {
        top: 47%;
        left: 41%;
    }

    .path-11 {
        top: 36%;
        left: -27%;
    }

    .path-12 {
        top: 36%;
        left: 32%;
    }

    .path-13 {
        top: 35%;
        left: 6%;
    }

    .path-14 {
        top: 75%;
        left: 8%;
    }

    .path-15 {
        top: 15%;
        left: 41%;
    }

    .path-16 {
        top: 33%;
        left: 38%;
    }

    .path-17 {
        top: 42%;
        left: 19%;
    }

    .path-18 {
        top: 40%;
        left: 55%;
    }

    .path-19 {
        top: 21%;
        left: 33%;
    }

    .path-20 {
        top: 22%;
        left: 64%;
    }

    .path-21 {
        top: 67%;
        left: 40%;
    }

    .path-22 {
        top: 18%;
        left: 61%;
    }

    .path-23 {
        top: 35%;
        left: 54%;
    }

    .path-24 {
        top: 33%;
        left: -38%;
    }

    .path-25 {
        top: 22%;
        left: 27%;
    }

    .path-26 {
        top: 23%;
        left: 7%;
    }

    .path-27 {
        top: 43%;
        left: 15%;
    }

    .path-28 {
        top: 78%;
        left: 43%;
    }

    .path-33 {
        top: 21%;
        left: 38%;
    }

    .path-34 {
        top: 21%;
        left: 72%;
    }

    .path-35 {
        top: 49%;
        left: 45%;
    }

    /* Buttons Tablet  */

    .btn-lesson-1 {
        top: 12%;
        left: 6%;
    }

    .btn-lesson-2 {
        top: 38%;
        left: 15%;
    }

    .btn-lesson-3 {
        top: 37%;
        left: 58%;
    }

    .btn-lesson-4 {
        top: 27%;
        left: 28%;
    }

    .btn-lesson-5 {
        top: 45%;
        left: 55%;
    }

    .btn-lesson-6 {
        top: 60%;
        left: 23%;
    }

    .btn-lesson-7 {
        top: 72%;
        left: 56%;
    }

    .btn-lesson-8 {
        top: 9%;
        left: 56%;
    }

    .btn-lesson-9 {
        top: 38%;
        left: 61%;
    }

    .btn-lesson-10 {
        top: 61%;
        left: 20%;
    }

    .btn-lesson-11 {
        top: 47%;
        left: 56%;
    }

    .btn-lesson-12 {
        top: 29%;
        left: 20%;
    }

    .btn-lesson-13 {
        top: 67%;
        left: 16%;
    }

    .btn-lesson-14 {
        top: 8%;
        left: 22%;
    }

    .btn-lesson-15 {
        top: 26%;
        left: 54%;
    }

    .btn-lesson-16 {
        top: 36%;
        left: 18%;
    }

    .btn-lesson-17 {
        top: 62%;
        left: 37%;
    }

    .btn-lesson-18 {
        top: 28%;
        left: 14%;
    }

    .btn-lesson-19 {
        top: 15%;
        left: 57%;
    }

    .btn-lesson-20 {
        top: 59%;
        left: 43%;
    }

    .btn-lesson-21 {
        top: 10%;
        left: 47%;
    }

    .btn-lesson-22 {
        top: 29%;
        left: 56%;
    }

    .btn-lesson-23 {
        top: 47%;
        left: 34%;
    }

    .btn-lesson-24 {
        top: 28%;
        left: 52%;
    }

    .btn-lesson-25 {
        top: 16%;
        left: 15%;
    }

    .btn-lesson-26 {
        top: 38%;
        left: 10%;
    }

    .btn-lesson-27 {
        top: 70%;
        left: 23%;
    }

    .btn-lesson-28 {
        top: 14%;
        left: 37%;
    }

    .btn-lesson-29 {
        top: 35%;
        left: 13%;
    }

    .btn-lesson-30 {
        top: 50%;
        left: 48%;
    }

    .btn-lesson-31 {
        top: 69%;
        left: 46%;
    }

    .btn-lesson-32 {
        top: 27%;
        left: 17%;
    }

    .btn-lesson-33 {
        top: 15%;
        left: 58%;
    }

    .btn-lesson-34 {
        top: 43%;
        left: 64%;
    }

    /* Island Labels (Tablet) */

    .island-label-1 {
        top: 5.2%;
        left: 63%;
    }

    .island-label-2 {
        top: 21.8%;
        left: 71%;
    }

    .island-label-3 {
        top: 7.5%;
        left: 10%;
    }

    .island-label-5 {
        top: 6.5%;
        left: 63%;
    }

    .island-label-6 {
        /* tablet  */
        top: 0.5%;
        left: 9.5%;
        padding: 0px 30px;
    }

    .island-label-7 {
        /* tablet  */
        top: 8.5%;
        left: 57%;
        padding: 0px 45px;
    }

    .island-label-8 {
        top: 3%;
        left: 61%;
        max-width: 100px;
    }

    .island-label-9 {
        top: 1%;
        left: 9%;
    }

    .island-label-10 {
        top: 1.5%;
        left: 37%;
        max-width: 100px;
    }

    .lesson-title {
        font-size: 14px;
        margin-top: -8px;
    }

    .btn-lesson {
        width: 120px;
    }

    .island-label {
        font-size: 14px;
    }

    .current-tooltip {
        margin-bottom: -30px;
    }

}

/* Mobile View  */

@media (max-width: 430px) {

    .island-label {
        font-size: 16px;
        max-width: 141px !important;
    }

    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block;
        position: relative;
        z-index: 1;
    }

    .path-desktop-view,
    .path-tablet-view {
        display: none;
    }

    .path-mobile-view {
        display: block;
    }

    .row {
        margin-top: 0px;
    }

    .islands-row {
        margin-top: 50px;
        text-align: center;
        flex: 100%;
        display: flex;
        justify-content: center;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .completed-airplane,
    .finished-steps,
    .finished-steps-colored,
    .locked-lesson {
        max-width: 80px;
    }

    .island-2 {
        padding-top: 0px;
    }

    .island-group-2,
    .island-group-4 {
        flex-direction: column-reverse;
    }

    .inprogress-plane {
        max-width: 100px;
    }

    .site-header-container {
        display: none !important;
    }

    /* Island Labels  */

    .island-label-1 {
        top: 5.2%;
        left: 66%;
    }

    .island-label-2 {
        top: 0.8%;
        left: 45%;
    }

    .island-label-3 {
        top: 1%;
        left: 17%;
    }

    .island-label-4 {
        top: 1%;
        left: 47%;
    }

    .island-label-5 {
        /* Mobile  */
        top: 0.6%;
        left: 36%;
    }

    .island-label-6 {
        top: 1%;
        left: 8%;
    }

    .island-label-7 {
        top: 3.5%;
        left: 54%;
    }

    .island-label-8 {
        top: 5%;
        left: 61%;
        max-width: 100px !important;
        padding: 0px 15px;
    }

    .island-label-9 {
        top: 0.8%;
        left: 6%;
    }

    .island-label-10 {
        top: 0.8%;
        left: 26%;
        max-width: 115px !important;
    }


    /* Buttons  */

    .btn-lesson-1 {
        top: 19%;
        left: 12%;
    }

    .btn-lesson-2 {
        top: 41%;
        left: 46%;
    }

    .btn-lesson-3 {
        top: 68%;
        left: 46%;
    }

    .btn-lesson-4 {
        top: 10%;
        left: 47%;
    }

    .btn-lesson-5 {
        top: 26%;
        left: 17%;
    }

    .btn-lesson-6 {
        top: 48%;
        left: 8%;
    }

    .btn-lesson-7 {
        top: 67%;
        left: 43%;
    }

    .btn-lesson-8 {
        top: 15%;
        left: 45%;
    }

    .btn-lesson-9 {
        top: 38%;
        left: 7%;
    }

    .btn-lesson-10 {
        top: 67%;
        left: 28%;
    }

    .btn-lesson-11 {
        top: 17%;
        left: 25%;
    }

    .btn-lesson-12 {
        top: 48%;
        left: 46%;
    }

    .btn-lesson-13 {
        top: 68%;
        left: 11%;
    }

    .btn-lesson-14 {
        top: 15%;
        left: 10%;
    }

    .btn-lesson-15 {
        top: 32.5%;
        left: 49%;
    }

    .btn-lesson-16 {
        top: 56%;
        left: 27%;
    }

    .btn-lesson-17 {
        top: 81%;
        left: 10%;
    }

    .btn-lesson-18 {
        top: 18%;
        left: 41%;
    }

    .btn-lesson-19 {
        top: 42%;
        left: 11%;
    }

    .btn-lesson-20 {
        top: 73%;
        left: 27%;
    }

    .btn-lesson-21 {
        top: 15%;
        left: 20%;
    }

    .btn-lesson-22 {
        top: 40%;
        left: 49%;
    }

    .btn-lesson-23 {
        top: 68%;
        left: 17%;
    }

    .btn-lesson-24 {
        top: 9%;
        left: 12%;
    }

    .btn-lesson-25 {
        top: 27%;
        left: 48%;
    }

    .btn-lesson-26 {
        top: 45%;
        left: 25%;
    }

    .btn-lesson-27 {
        top: 67%;
        left: 9%;
    }

    .btn-lesson-28 {
        top: 17%;
        left: 33%;
    }

    .btn-lesson-29 {
        top: 35%;
        left: 6%;
    }

    .btn-lesson-30 {
        top: 50%;
        left: 45%;
    }

    .btn-lesson-31 {
        top: 73%;
        left: 35%;
    }

    .btn-lesson-32 {
        top: 15%;
        left: 50%;
    }

    .btn-lesson-33 {
        top: 35%;
        left: 6%;
    }

    .btn-lesson-34 {
        top: 51%;
        left: 51%;
    }

    .btn-lesson-35 {
        top: 73%;
        left: 37%;
    }

    /* Paths  */

    .path-1 {
        top: 8%;
        left: 71%;
        rotate: 360deg;
    }

    .path-2 {
        top: 27%;
        left: 36%;
    }

    .path-3 {
        top: 48%;
        left: 39%;
    }

    .path-4 {
        top: 75%;
        left: 68%;
    }

    .path-5 {
        top: 15%;
        left: 39%;
    }

    .path-6 {
        top: 31%;
        left: 11%;
    }

    .path-7 {
        top: 54%;
        left: 27%;
    }

    .path-8 {
        top: 73%;
        left: 66%;
    }

    .path-9 {
        top: 21%;
        left: 28%;
    }

    .path-10 {
        top: 45%;
        left: 4%;
    }

    .path-11 {
        top: 74%;
        left: 40%;
    }

    .path-12 {
        top: 24%;
        left: 43%;
    }

    .path-13 {
        top: 55%;
        left: 36%;
    }

    .path-14 {
        top: 74%;
        left: 8%;
    }

    .path-15 {
        top: 21%;
        left: 34%;
    }

    .path-16 {
        top: 39%;
        left: 46%;
    }

    .path-17 {
        top: 62%;
        left: 11%;
    }

    .path-18 {
        top: 88%;
        left: 31%;
    }

    .path-19 {
        top: 28%;
        left: 22%;
    }

    .path-20 {
        top: 51%;
        left: 30%;
    }

    .path-21 {
        top: 82%;
        left: 19%;
    }

    .path-22 {
        top: 24%;
        left: 45%;
    }

    .path-23 {
        top: 49%;
        left: 42%;
    }

    .path-24 {
        top: 76%;
        left: 32px;
    }

    .path-25 {
        top: 16%;
        left: 34%;
    }

    .path-26 {
        top: 33%;
        left: 46%;
    }

    .path-27 {
        top: 51%;
        left: 14%;
    }

    .path-28 {
        top: 74%;
        left: 27%;
    }

    .path-29 {
        top: 24%;
        left: 17%;
    }

    .path-30 {
        top: 41%;
        left: 32%;
    }

    .path-31 {
        top: 56%;
        left: 37%;
    }

    .path-32 {
        top: 80%;
        left: 56%;
    }

    .path-33 {
        top: 20%;
        left: 20%;
    }

    .path-34 {
        top: 41%;
        left: 29%;
    }

    .path-35 {
        top: 58%;
        left: 32%;
    }
}


/* Loading screen styling  */

#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #20292F;
    background-image: url("https://bogidope.com/wp-content/uploads/2022/03/Website-background6.png");
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    /* Initially visible */
    color: #fff;
    transition-duration: 0.5s;
}

.loader {
    border: 8px solid #f3f3f3;
    /* Light grey */
    border-top: 8px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* Pulse Positioning for islandblocks  */

.island-pulses {
    position: absolute;
}

.island-pulse-1 {
    top: 85px;
    right: -8px;
}

.island-pulse-2 {
    top: 140px;
    right: -10px;
}

.island-pulse-3 {
    top: 30px;
    right: 10px;
}

.island-pulse-4 {
    top: -20px;
    right: 0px;
}

.island-pulse-5 {
    top: 15px;
    right: -20px;
}

.island-pulse-6 {
    top: 50px;
    right: -10px;
}

.island-pulse-7 {
    top: 13px;
    right: 6px;
}

.island-pulse-8 {
    top: 10px;
    right: -19px;
}

.island-pulse-9 {
    top: 65px;
    right: -20px;
}

.island-pulse-10 {
    top: 70px;
    right: -16px;
}


@media (max-width: 1024px) {

    main.dashboard {
        max-width: 740px;
        max-width: 768px;
    }

    .island-pulses {
        max-width: 360px;
    }

    .island-pulse-1 {
        top: -60px;
        right: 20px;
    }

    .island-pulse-2 {
        top: -50px;
        right: -8px;
    }

    .island-pulse-3 {
        top: -140px;
        right: 5px;
        max-width: 345px;
    }

    .island-pulse-4 {
        top: -216px;
        right: 26px;
        width: 353px;
    }

    .island-pulse-5 {
        top: -171px;
        right: 15px;
    }

    .island-pulse-6 {
        top: -140px;
        right: -8px;
    }

    .island-pulse-7 {
        top: -180px;
        right: 3px;
        width: 347px;
    }

    .island-pulse-8 {
        top: -180px;
        right: 13px;
    }

    .island-pulse-9 {
        top: -132px;
        right: 15px;
    }

    .island-pulse-10 {
        top: -136px;
        right: -13px;
    }
}

@media (max-width: 740px) {
    main.dashboard {
        width: 100%;
    }

    .island-pulse-1-mobile {
        top: 28px;
        right: 12px;
    }

    .island-pulse-2-mobile {
        top: -19px;
    }

    .island-pulse-3-mobile {
        top: 22px;
    }


    .island-pulse-4-mobile {
        top: 22px;
    }

    .island-pulse-5-mobile {
        top: 20px;
    }

    .island-pulse-6-mobile {
        top: 42px;
    }

    .island-pulse-7-mobile {
        top: 18px;
    }

    .island-pulse-8-mobile {
        top: -15px;
    }

    .island-pulse-9-mobile {
        top: 45px;
    }

    .island-pulse-10-mobile {
        top: 43px;
    }
}