@media (max-width: 499px) {
    .section-1 {
        padding-top: 0px;
    }
    .section-1 .container {
        padding-top: 50px !important;
    }
    .sutain-text{
        font-size: 17px !important;
    }
    .shape, .vid {
        max-width: 100%;
    }
    .desk {
        display: none !important;
    }
    .mob{
        margin-top: 35px !important;
    }
    .lincoln-slider {
        margin-top: 50px;
    }
    
.arch-name {
    font-family: Gotham;
    font-weight: 200;
    font-size: 30px;
    color: #676472;
}

.arch-text{
    color: #676472;
    font-family: Gotham;
    font-weight: 700;
    text-transform: uppercase;
}

.arch-quote{
    font-size: 14px;
    font-family: Gotham;
    text-transform: uppercase;
    font-weight: 400;
    color: #676472;
    text-align: center;
    line-height:24px;
}
}

@media (min-width: 500px) {
    .mob {
        display: none;
    }
    
.arch-name {
    font-family: Gotham;
    font-weight: 200;
    font-size: 40px;
    color: #676472;
}

.arch-text{
    color: #676472;
    font-family: Gotham;
    font-weight: 700;
    text-transform: uppercase;
}

.arch-quote{
    font-size: 20px;
    font-family: Gotham;
    text-transform: uppercase;
    font-weight: 400;
    color: #676472;
    text-align: center;
    line-height:30px;
}
}

@font-face {
    font-family: Gotham;
    src: url("../assets/fonts/Gotham-Light.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: Gotham;
    src: url("../assets/fonts/Gotham-Medium.otf") format("opentype");
    font-weight: 500;
}

@font-face {
    font-family: Gotham;
    src: url("../assets/fonts/Gotham-Book.otf") format("opentype");
    font-weight: 600;
}

@font-face {
    font-family: Gotham;
    src: url("../assets/fonts/Gotham-Bold.otf") format("opentype");
    font-weight: 700;
}

@font-face {
    font-family: Gotham;
    src: url("../assets/fonts/Gotham-Black.otf") format("opentype");
    font-weight: 900;
}
.section-3 .slick-dots li.slick-active {
    width: 30px;
    height: 10px;
    opacity: 1;
    border-radius: 10px;
    background-color: var(--dark-blue);
   
}
.section-3 .slick-dots{
    max-width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.section-3 .slick-dots li > button{
   display: none !important;
}

.section-3 .slick-prev , .section-3 .slick-next{
    display: none !important;
}

.section-3 .slick-dots {
    list-style: none;
}
.jspHorizontalBar {
    display: none !important;
}
.section-3 .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: var(--dark-gray);
    opacity: 0.2;
     margin-left: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.section-3 .slick-dots li.slick-active {

    width: 30px;
    height: 10px;
    opacity: 1;
    border-radius: 10px;
    background-color: var(--dark-blue);
   
}
.challenge-right-2 img{
    width: 80%;
    max-width: 100%;
}
.sutain-text {
    font-size: 17px;
    font-family: Gotham;
    font-weight: 300;
    color: #5d4955;
}
.arch{
padding-left: 28px;
}

section.lincoln-slider {
    border-bottom: 5px solid #5d4955;
}
.q {
    font-family: Gotham;
    font-weight: 400;
    color: #676472;
    font-size: 30px;
    font-weight: 900;
    text-align: center;  
}
.demarche {
    background-color: #d5d5c946;
}
.word_of_dir {
    font-size: 38px;
    font-weight: 400;
    color: #676472;
}