.footerpreloginMainDesktop {
    width: 100vw;
    background-color: rgba(0,0,0,1);
    font-family: "Carlito";
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent {
    padding-top: 2%;
    width: 100%;
    padding-bottom: 4%;
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div {
    height: 100%;
    width: 20%;
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(1) {
    padding-left: 3%;
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(2) {
    padding-left: 10%;
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(3) {
    padding-left: 7%;
}


.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(4) {
    padding-left: 8%;
}
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-child(1) > div:nth-child(2),
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-child(1) > div:nth-child(3),
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-child(1) > div:nth-child(4) {
    font-family: "Carlito";
    font-weight: 400;
    font-size: 105%;
    padding-top: 1vh;
    padding-left: 0.5vw;
    gap: 0.5vw;
    color: rgba(144, 144, 144, 1);
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-child(1) > div:nth-child(2) > p,
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-child(1) > div:nth-child(3) > p,
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-child(1) > div:nth-child(4) > p {
    margin-top: -0.5vh;
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(2),
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(3),
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(4) {
    padding-top: 1%;
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(2) > p:nth-of-type(1),
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(3) > p:nth-of-type(1),
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(4) > p:nth-of-type(1) {
    font-family: "Oswald";
    font-weight: 500;
    font-size: 105%;
    text-decoration: underline;
    text-decoration-color: rgba(255, 193, 26, 1);
    text-decoration-thickness: 0.2vh;
    text-underline-offset: 1vh;
    margin-bottom: 1.5vh;
    color: rgba(255, 255, 255, 1);

}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(2) > p,
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(3) > p,
.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(4) > p {
    font-family: "Carlito";
    font-weight: 400;
    font-size: 105%;
    justify-content: flex-start;
    cursor: pointer;
    color: rgba(144, 144, 144, 1);
}


.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(4) > div > img {
    margin-left: -1.5%;
    padding-right: 3%;
    height: 80%;
}

.footerpreloginMainDesktop > .footerpreloginMainDesktopContent > div:nth-of-type(4) > div > p {
    font-family: "Carlito";
    font-size: 105%;
    color: rgba(144, 144, 144, 1);
}

.footerpreloginMainDesktop > p {
    color: rgba(72, 76, 83, 1);
    padding-bottom: 5vh;
}








/* Mobile View Styling */

.footerpreloginMainMobile {
    padding-top: 10%;
    background-color: rgba(0,0,0,1);
}

.footerpreloginMainMobile > .element1 {
    width: 100%;
    padding: 0% 5%;
}

.footerpreloginMainMobile > .element1 > .left > p:nth-of-type(1),
.footerpreloginMainMobile > .element1 > .right > p:nth-of-type(1) {
    font-family: "Oswald";
    font-weight: 500;
    font-size: 105%;
    text-decoration: underline;
    text-decoration-color: rgba(255, 193, 26, 1);
    text-decoration-thickness: 0.2vh;
    text-underline-offset: 1vh;
    margin-bottom: 1.5vh;
    color: rgba(255, 255, 255, 1);
}

.footerpreloginMainMobile > .element1 > .left > p:nth-of-type(2),
.footerpreloginMainMobile > .element1 > .left > p:nth-of-type(3),
.footerpreloginMainMobile > .element1 > .left > p:nth-of-type(4),
.footerpreloginMainMobile > .element1 > .left > p:nth-of-type(5),
.footerpreloginMainMobile > .element1 > .left > p:nth-of-type(6),
.footerpreloginMainMobile > .element1 > .right > p:nth-of-type(2),
.footerpreloginMainMobile > .element1 > .right > p:nth-of-type(3),
.footerpreloginMainMobile > .element1 > .right > p:nth-of-type(4),
.footerpreloginMainMobile > .element1 > .right > p:nth-of-type(5),
.footerpreloginMainMobile > .element1 > .right > p:nth-of-type(6) {
    font-family: "Carlito";
    font-weight: 400;
    font-size: 105%;
    justify-content: flex-start;
    cursor: pointer;
    color: rgba(144, 144, 144, 1);
}

.footerpreloginMainMobile > .element2 {
    padding: 0% 5%;
    padding-top: 5%;
}

.footerpreloginMainMobile > .element2 > p:nth-of-type(1) {
    font-family: "Oswald";
    font-weight: 500;
    font-size: 105%;
    text-decoration: underline;
    text-decoration-color: rgba(255, 193, 26, 1);
    text-decoration-thickness: 0.2vh;
    text-underline-offset: 1vh;
    margin-bottom: 1.5vh;
    color: rgba(255, 255, 255, 1);
}

.footerpreloginMainMobile > .element2 > div > img {
    margin-left: -0.5%;
    padding-right: 1%;
    height: 80%;
}

.footerpreloginMainMobile > .element2 > div > p {
    font-family: "Carlito";
    font-size: 105%;
    color: rgba(144, 144, 144, 1);
}

.footerpreloginMainMobile > .element3 {
    padding: 0% 5%;
    padding-top: 5%;
}

.footerpreloginMainMobile > .element3 > div:nth-of-type(1) >  p:nth-of-type(1) {
    font-family: "Oswald";
    font-weight: 500;
    font-size: 105%;
    text-decoration: underline;
    text-decoration-color: rgba(255, 193, 26, 1);
    text-decoration-thickness: 0.2vh;
    text-underline-offset: 1vh;
    margin-bottom: 1.5vh;
    color: rgba(255, 255, 255, 1);
}

.footerpreloginMainMobile > .element3 > div:nth-of-type(2),
.footerpreloginMainMobile > .element3 > div:nth-of-type(3),
.footerpreloginMainMobile > .element3 > div:nth-of-type(4) {
    font-family: "Carlito";
    width: 85%;
    font-weight: 400;
    font-size: 105%;
    padding-top: 1vh;
    gap: 0.5vw;
    color: rgba(144, 144, 144, 1);
}

.footerpreloginMainMobile > .element3 > div:nth-of-type(2) > p,
.footerpreloginMainMobile > .element3 > div:nth-of-type(3) > p,
.footerpreloginMainMobile > .element3 > div:nth-of-type(4) > p {
    padding-left: 0.5vw;
    margin-top: -0.5vh;
}

.footerpreloginMainMobile > .element4 >  p {
    padding-top: 10%;
    width: 75%;
    color: rgba(72, 76, 83, 1);
    padding-bottom: 10%;
}