.thirdWeave {
    background-image: linear-gradient(180deg, #004F9F 0%, #003F7F 100%);
}

.thirdWeave .main {
    background-image: url("/public/images/soutez/third-weave/bg-content.svg?v=1");
    background-position: bottom center;
    background-size: 100% auto;
}



/* ----------------- Header ----------------- */

.thirdWeave .head {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 0;
    z-index: 50;
}

.thirdWeave .head a {
    display: block;
    margin: 0 auto;
    height: 7.8rem;
    width: 15.0rem;
}

.thirdWeave .head .logo {
    position: absolute;   
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-image: url('/public/images/soutez/birellogo.svg?v=1');
    background-position: top center;
}


/* ----------------- Top ----------------- */

.thirdWeave .top {
    width: 100%;
    height: 67rem;
    z-index: 60;
}

.thirdWeave .top * {
    
    z-index: 60;
}

.thirdWeave .top .background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: top center;
    background-image: url("/public/images/soutez/third-weave/bg-top.png?v=2");
}

.thirdWeave .top .buttonLink {
    top: 51.6rem;
    left: 50%;
    height: 5.5rem;
    width: 27.7rem;
    transform: translateX(-50%);
    position: absolute;
}

.thirdWeave .top .button {
    padding: 1.6rem 3.5rem;
    height: 100%;
    width: 100%;
    color: var(--clr-blue);
    font-size: 1.6rem;
    background-color: var(--clr-white);
    border: none;
    border-radius: 10.0rem;
    text-transform: uppercase;
}

.thirdWeave .top .buttonLink .arrow {
    height: 100%;
    width: 100%;
    background-position: right center;
    background-image: url("/public/images/soutez/icons/arrow-down-blue.svg?v=1");
    background-size: 1.5rem 1.5rem;
    text-align: left;
}


/* ----------------- Main content ----------------- */

.thirdWeave .about {
    padding-bottom: 1.0rem;
}

.thirdWeave .about .h1 {
    color: white;
    font-size: 3.0rem;
    font-weight: 700;
}

.thirdWeave .about .item {
    padding-bottom: 4.0rem
}

.thirdWeave .about .item .image {
    margin: 0 auto 0.6rem auto;
    width: 10.0rem;
}

.thirdWeave .about .item-01 .image {
    height: 6.7rem;
    background-image: url("/public/images/soutez/third-weave/icon-01.svg?v=1");
}

.thirdWeave .about .item-02 .image {
    height: 5.7rem;
    background-image: url("/public/images/soutez/third-weave/icon-02.svg?v=1");
}

.thirdWeave .about .item-03 .image {
    height: 6.2rem;
    background-image: url("/public/images/soutez/third-weave/icon-03.svg?v=1");
}

.thirdWeave .about .item .h3 {
    margin-bottom: 1.3rem;
    color: white;
    font-size: 1.55rem;
    font-weight: 700;
    text-transform: uppercase;
}

.thirdWeave .about .item .text {
    color: white;
    font-size: 1.55rem;
    line-height: 2.0rem;
    font-weight: 400;
}


.thirdWeave #quizSection {
    padding-bottom: 6.0rem;
}

.thirdWeave #quizSection .buttonBackground {
    margin: 0 auto 0 auto;
    padding: 0.2rem;
    height: 5.5rem;
    width: 27.7rem;
    background-color: var(--clr-yellow);
    border-radius: 50.0rem;
    box-shadow:
        0rem 0.8rem 1.8rem 0rem #0000001A,
        0rem 3.3rem 3.3rem 0rem #00000017,
        0rem 7.5rem 4.5rem 0rem #0000000D,
        0rem 13.4rem 5.3rem 0rem #00000003,
        0rem 20.9rem 5.9rem 0rem #00000000;
}

.thirdWeave #quizSection .buttonBackground .button {
    padding: 0;
    width: 100%;
    color: var(--clr-blue);
    font-size: 1.8rem;
    line-height: 4.7rem;
    font-weight: 900;
    text-transform: uppercase;
    background-color: transparent;
    border: solid 0.2rem var(--clr-white);
    box-shadow: none;
}


/* ----------------- Questions ----------------- */

#questions {
    background-image: url(/public/images/soutez/third-weave/bg-content.svg?v=1);
    background-position: bottom center;
    background-size: cover;
}

#questions.single {
    padding-top: 10.0rem;
    padding-bottom: 4.0rem;
}


/* ----------------- Footer ----------------- */

.thirdWeave footer {
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: var(--clr-white);
    border-radius: 0;
}

.thirdWeave .footerTop {
    height: 56.0rem;
    background-image: url('/public/images/soutez/third-weave/bg-bottom.jpg?v=1');
    background-size: contain;
    background-position: top center;
}

.thirdWeave footer .footerBackground {
    position: absolute;
    top: 48.1rem;
    width: 100%;
    height: 64rem;
    background-color: #B1B2B3;
    background-image: url('/public/images/soutez/third-weave/bg-footer.svg?v=1');
    background-size: cover;
    background-position: top -4rem center;
}

.thirdWeave footer .footerCont {
    margin: 0;
    padding: var(--padding-horizontal);
    padding-top: 0;
    width: auto;
    color: var(--clr-white);
}

.thirdWeave footer .footerCont .inner {
    background-color: #FFFFFFE5;
    border-radius: 2.0rem;
}

.thirdWeave footer .footerText,
.thirdWeave footer .footerText a {
    color: #0F40A9;
    font-size: 1.4rem;
    line-height: 2.0rem;
    font-weight: 500;
    text-transform: uppercase;
}

.thirdWeave footer .footerText .item {
    margin-bottom: 1.4rem;
    text-decoration: underline;
}

.thirdWeave footer .footerText a {
    text-decoration: underline;
    opacity: 1;
}

.thirdWeave footer .footerText .created {
    margin-top: 1.4rem;
    font-size: 1.4rem;
    text-transform: none;
}

.thirdWeave footer .footerText .laws {
    margin-top: 1.4rem;
    font-size: 1.6rem;
    text-transform: none;
}

.thirdWeave footer .logo {
    position: relative;
    margin: 4.6rem auto;
    padding: 0;
    width: 100%;
    height: 5.1rem;
    background-image: url("/public/images/soutez/third-weave/birelllogo-text.svg?v=1");
    z-index: 10;
}


.thirdWeave footer .footerCredentials a {
    color: #9D9D9D;
    text-decoration: underline;
    opacity: 1;
}

.thirdWeave footer .footerCredentials .created {
    margin-bottom: 1.6rem;
    color: #9D9D9D;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 500;
}

.thirdWeave footer .footerCredentials .laws {
    color: #9D9D9D;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 500;
}