.all-links {
    width: 100%;
    margin-bottom: 4vh;
}



.all-links .container {
    width: 70%;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}



.all-links .container .main-column .second-logo {
    width: 36vh;
}

.all-links .container .main-column .text {
    color: #B9B9B9;
    line-height: 3vh;
    font-size: var(--text-size-4);
    margin-top: 1vh;
}

.all-links .container .main-column .icons {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 1.5vh;
    margin-top: 2vh;
}

.all-links .container .main-column .icons a {
    width: 5vh;
    height: 5vh;
    background: var(--main-color-);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5vh;
    transition: 0.3s ease all;
}

.all-links .container .main-column .icons a:hover {
    opacity: 0.5;
}

.all-links .container .main-column .icons a i {
    color: #fff;
    font-size: var(--text-size-3);
}

.all-links .container .main-column h5 {
    color: #fff;
    font-weight: 400;
    margin-top: 2vh;
    font-size: var(--text-size-3);
}

.all-links .container .link-column {
    display: flex;
    flex-direction: column;
    gap: 1vh;
}

.all-links .container .link-column h3 {
    width: 90%;
    font-size: var(--text-size-3);
    color: #fff;
    font-weight: 500;
    border-bottom: 0.1vh solid var(--main-color-);
    padding-bottom: 1vh;
    margin-bottom: 2vh
}


.all-links .container .link-column a {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: var(--text-size-4);
    margin-bottom: 1vh;
}

.all-links .container .link-column a:hover {
    text-decoration: underline;
}

.all-links .container .link-column a i {
    color: var(--main-color-);
    margin-right: 0.2vh;
}


.contact {
    width: 100%;
}


.contact .container {
    width: 70%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
}



.contact .left h2 {
    color: #fff;
    font-size: var(--text-size-2);
    margin-bottom: 4vh;
}

.contact .left .article i {
    margin-right: 1vh;
    color: var(--main-color-);
}

.contact .left .article {
    margin-bottom: 2vh;
}

.contact .left .article h4 {
    color: #fff;
    font-weight: 400;
    font-size: var(--text-size-3);
}

.contact .left .article p {
    margin-left: 3.3vh;
    color: #B9B9B9;
    font-size: var(--text-size-4);
}

.contact .left .line {
    width: 100%;
    height: 0.1vh;
    background: linear-gradient(to right, #BF00FF, #BF00FF00);
}

.contact .left .info {
    margin-top: 2vh;
}

.contact .left .info img {
    width: 3vh;
}

.contact .left .info {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 2vh;
}

.contact .left .info h5 {
    font-size: var(--text-size-4);
    color: #fff;
}

.contact .left .info h6 {
    color: var(--main-color-);
    font-weight: 300;
    font-size: 1.5vh;
}

.contact .right {
    background-color: #6B008E;
    border: 0.2vh solid #DD76FF;
    border-radius: 2vh;
    padding: 4vh;
}

.contact .right .title-box {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 1vh;
}

.contact .right .title-box .icon-box {
    width: 5vh;
    height: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #BF00FF;
    border-radius: 8vh;
}

.contact .right .title-box .icon-box i {
    color: #ffffff90;
}

.contact .right .title-box h5 {
    color: #fff;
    font-size: var(--text-size-3);
}

.contact .right .title-box h6 {
    font-weight: 400;
    color: var(--main-color-);
    font-size: 1.6vh;
}

.contact .right .text-1 {

    color: #fff;
    font-size: var(--text-size-3);
    margin-top: 2vh;
    font-weight: 300;
}

.contact .right .text-1 i {
    color: var(--main-color-);
}

.contact .right .text-2 {
    color: #B9B9B9;
    margin-top: 1vh;
    font-size: var(--text-size-3);
}

.contact .right .text-3 {
    font-size: var(--text-size-3);
    color: #D2D553;
    margin-top: 2vh;
}


.contact .right .input-box {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-top: 2vh;
    gap: 1vh;
}

.contact .right .input-box input {
    width: 100%;
    padding: 1.6vh 2vh;
    box-sizing: border-box;
    border: 0.1vh solid #E188FF;
    background: var(--main-color-);
    border-radius: 1vh;
    outline: none;
    color: #fff;
    font-weight: 400;
    font-size: var(--text-size-4);
}


.contact .right .input-box .btn {
    width: 30%;
    display: inline-block;
    background-color: red;
    text-align: center;
    padding: 0.8vh 1vh;
    background-color: var(--main-color-);
    color: #fff;
    font-size: var(--text-size-3);
    border-radius: 1vh;
    cursor: pointer;

}


.contact .right .input-box .btn:hover {
    opacity: 0.5;
}

.contact .right .text-4 {
    color: #fff;
    font-size: var(--text-size-4);
    margin-top: 2vh;
}


.contact .right .text-4 a {
    color: var(--main-color-);
}

.contact h5 {
    margin-top: 2vh;
    color: #fff;
    font-size: var(--text-size-3);
}



.contact .payment-methods {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1vh;
}

.contact .payment-methods .mesa-art {
    width: 30vh;
}

.contact .payment-methods .column {
    display: flex;
    gap: 1vh;
    align-items: center;
    justify-content: left;
}

.contact .payment-methods .column img {
    width: 4vh;
    height: 4vh;
}



footer {
    width: 100%;
    border-top: 0.1vh solid var(--main-color-);
}




footer .container {
    width: 70%;
    margin: auto;
    display: flex;
    height: 20vh;
    justify-content: space-between;
    align-items: center;
    gap: 10vh;
}

footer .container .left .box {
    display: flex;
    gap: 3vh;

}

footer .container .left .box a {
    color: #B9B9B9;
    font-size: var(--text-size-4);
    transition: 0.3s ease all;

}

footer .container .left .box a i {
    color: var(--main-color-);
    font-size: var(--text-size-4);
    margin-right: 0.2vh;
}

footer .container .left .text {
    color: #B9B9B9;
    margin-top: 2vh;
    font-size: var(--text-size-4);
    display: flex;
    align-items: center;
}

footer .container .left .text span {
    width: 2vh;
    font-size: 1vh;
    height: 2vh;
    background-color: var(--main-color-);
    border-radius: 3vh;
    margin-right: 0.5vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


footer .container .right {
    display: flex;
    gap: 2vh;
}

footer .container .right a {
    color: #B9B9B9;
    transition: 0.3s ease all;
    font-size: var(--text-size-4);
    width: max-content;

}


footer .container a:hover {
    color: #fff;
}

footer .container .left .box a:hover {
    color: #fff;
}