/*=============== GOOGLE FONTS ===============*/
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

.sec-1 { background: var(--section1-color); position: relative; }
.sec-2 { background: var(--section2-color); }
.sec-3, .sec-7 { background: var(--section3-color); }
.sec-4 { background: var(--section8-color); }
.sec-5 { background: var(--section5-color); }
.sec-6 { background: var(--section6-color); }

/* SECTION-1 */
.sec-1 .main-title { 
    transform: scale(0.7); 
    transform: translateY(-100%); 
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.sec-1.show-animate .main-title { transform: scale(1); transform: translateY(0); }

.sec-1 .section-content { transform: translateX(-100%); transition-delay: .6s; }
.sec-1.show-animate .section-content { transform: translateX(0); }

.sec-1 .section-img { transform: translateX(100%) }
.sec-1.show-animate .section-img { transform: translateX(0); transition-delay: .6s; }
/* END SECTION-1 */


/* SECTION-2 */
.sec-2 .animate { transform: scale(0.7); }
.sec-2.show-animate .animate { transform: scale(1); }
/* END SECTION-2 */


/* SECTION-3 */
.sec-3 .section-content { transform: translateX(-100%); }
.sec-3.show-animate .section-content { transform: translateX(0); }

.sec-3 .section-img { transform: translateX(-100%) }
.sec-3.show-animate .section-img { transform: translateX(0); }
/* END SECTION-3 */

/* SECTION-4 */
.sec-4 .section-content { transform: translateX(100%); }
.sec-4.show-animate .section-content { transform: translateX(0); }

.sec-4 .section-img { transform: translateX(100%) }
.sec-4.show-animate .section-img { transform: translateX(0); }
/* END SECTION-4 */


/* SECTION-5 */
.sec-5 .showRight-animate {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 120%;
    background: #eeb9d7;
    transition: 1s;
}
.sec-5.show-animate .showRight-animate {
    width: 0;
}
.sec-5.show-animate .section-img .showRight-animate { transition-delay: 1s; }
/* END SECTION-5 */


/* SECTION-6 */
.sec-6 .section-content { transform: translateX(100%); transition-delay: .6s; }
.sec-6.show-animate .section-content { transform: translateX(0); }

.sec-6 .section-img { transform: translateX(-100%) }
.sec-6.show-animate .section-img { transform: translateX(0); transition-delay: .6s; }
/* END SECTION-6 */


/* SECTION-7 */
.sec-7 .animate { filter: blur(5px); transform: scale(0.5); }
.sec-7.show-animate .animate { filter: blur(0); transform: scale(1); }

.sec-7 .images {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    max-width: 100%;
    margin-bottom: 30px;
}

.sec-7 .images img {
    width: 150px;
    transform: translateX(-100%);
    transition-delay: calc(.3s * var(--i));
}
.sec-7.show-animate .images img {
    transform: translateX(0);
}

.sec-7.show-animate .sec-parag1 { transition-delay: 1.2s; }
.sec-7.show-animate .sec-parag2 { transition-delay: 1.5s; }
.sec-7.show-animate .sec-parag3 { transition-delay: 1.8s; }
/* END SECTION-7 */


/* MOBILE */
@media screen and (max-width: 800px) {
    .sec-7 .images {
        gap: 20px;
    }
    .sec-7 .images img {
        width: 100px;
    }
  }
  
  @media screen and (max-width: 600px) {
    .sec-7 .images {
        gap: 15px;
    }
  
    .sec-7 .images img {
        width: 75px;
    }
  }