#DreesOurStoryAnimation {
    position: fixed;    
    z-index: -100;    
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);     
}

.dk-ourstory-main-container {
    position: fixed;
    top: 105px;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    padding: 75px;
    width: 100%;
    overflow-y: auto;
}


.cc-wrapper {
    max-width: 80%;
    padding: 130px 75px 30px;
}
.cc-why-drees-text {
    padding-bottom: 25px;
    font-size: 3rem;
    line-height: 3.3rem; 
    letter-spacing: 0.14em;
    color: #A1B11A;
}
.cc-why-drees-title {
    font-size: 6rem;
    line-height: 6.4rem;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin-bottom: 60px;
}
.cc-why-drees-desc {
    font-size: 4rem;
    line-height: 6.4rem;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin-bottom: 150px;
}
.cc-button {
    min-width: 375px;
    min-height: 80px;
    padding: 0 35px;
    margin-bottom: 25px;
    font-size: 3rem;
    line-height: 3.4rem;
}
.cc-slider-wrapper {
    position: absolute;
    right: 200px;
    bottom: 50px;
    text-align: center; 
}
.cc-slider-wrapper img {
    width: 40px;
}
.cc-slider-text {
    padding: 45px 0;
    color: #fff;
    font-size: 3rem;
    line-height: 3.5rem;
    letter-spacing: 0.1em;
}
.cc-drees-smart-btn { min-width: 690px; }
@media only screen and (max-width: 1400px) {
   html { font-size: 50%; }
   .cc-wrapper {
        max-width: 75%; 
        padding: 90px 75px 10px;
    }
   .cc-button { min-width: 380px; }
   .cc-slider-wrapper {
        right: 60px;
        bottom: 30px;
    }
    .cc-why-drees-desc,
    .cc-why-drees-title { padding-bottom: 25px; }
}
.pt-20 {
    padding-top: 20px !important;
}