main {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}

.spacer {
    min-height: 120px;
}

.hero {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(83, 82, 82);
}

.slideshow-container {
    width: 100dvw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image {
    width: 100dvw;
    height: auto;
    object-fit: cover;
    overflow-x: hidden;
    object-position: center;
}

.mbimage {
    display: none;
}

.heroHeading {
    margin-top: 5rem;
    font-family: "DancingScript";
    font-size: 6.5rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
}

@media (max-width:1100px) {    
    .image {
        /* width: 1100px; */
        /* height: 450px; */
    }
    
    .heroHeading {
        font-size: 5rem;
    }
}

@media (max-width:900px) {    
    .image {
        /* width: 900px; */
        /* height: 450px; */
    }
    
    .heroHeading {
        font-size: 4rem;
    }
}

@media (max-width:750px) {
    main {
        padding: 0;
    }
    
    .image {
        /* width: 900px; */
        /* height: 450px; */
    }
    
    .heroHeading {
        font-size: 3.5rem;
        margin-top: 1rem;
        width: 100%;
        padding: 0 5rem;
    }
}

@media (max-width:500px) {

    .main {
        padding: 0;
    }

    .spacer {
        min-height: 90px;
    }
    
    .image {
        display: none;
    }

    .mbimage {
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: contain;
        width: 100dvw;
        height: auto;
    }
    
    .heroHeading {
        margin-top: 1rem;
        width: 100%;
        font-size: 2.5rem;
        padding: 0;
    }
}



/* aboutSection */

.aboutSection {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.row1,
.row3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem 6rem;
}

.row2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding: 1rem 6rem;
}

.aboutUs,
.values,
.vision,
.mission {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.articleHeading {
    font-size: 5rem;
}

.articleP {
    font-size: 2.4rem;
}

@media (max-width:1100px) {
    .aboutUs,
    .values,
    .vision,
    .mission {
        padding: 0 2rem;
    }
    
    .articleHeading {
        font-size: 4rem;
    }
}

@media (max-width:900px) {
    .row2 {
        flex-direction: column;
    }

    .articleHeading {
        font-size: 4rem;
    }

    .articleP {
        font-size: 2.2rem;
    }
}

@media (max-width:750px) {
    .articleHeading {
        font-size: 3rem;
    }

    .articleP {
        font-size: 2rem;
    }
}

@media (max-width:500px) {
    .row1,
    .row3 {
        padding: 1rem 2rem;
    }

    .row2 {
        padding: 1rem 2rem;
    }

    .articleHeading {
        font-size: 2.5rem;
    }

    .articleP {
        font-size: 1.6rem;
    }
}


/* image block section */
.imageBlock {
    background-color: #000;
}

.imgRow {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.smallImg {
    width: 25%;
    height: 400px;
    object-fit: cover;
    border: 2px solid #fff;
}

.animateBlock {
    color: #fff;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    /* font-size: 5rem; */
    padding-left: 3rem;
}

.largeImg,
.animateBlock {
    width: 50%;
    height: 400px;
    object-fit: cover;
    border: 2px solid #fff;
}

.animateStatic {
    font-size: 9rem;
}

.multiple-text {
    font-size: 7rem;
}

.services {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.servicesHeading {
    font-size: 23rem;
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
    letter-spacing: 1rem;
    /* text-transform: uppercase; */
}

.servicesArticle {
    padding: 1rem 4rem;
}

@media (max-width:1100px) {
    .smallImg {
        height: 300px;
    }

    .largeImg,
    .animateBlock {
        height: 300px;
    }

    .servicesHeading {
        font-size: 6rem;
    }

    .animateStatic {
        font-size: 8rem;
    }

    .multiple-text {
        font-size: 5rem;
    }
}

@media (max-width:900px) {    
    .smallImg {
        height: 250px;
    }
    
    .animateBlock {
        font-size: 3rem;
    }
    
    .largeImg,
    .animateBlock {
        height: 250px;
    }

    .servicesHeading {
        font-size: 5rem;
    }

    .animateStatic {
        font-size: 5rem;
    }

    .multiple-text {
        font-size: 3rem;
    }
}

@media (max-width:750px) {    
    .smallImg {
        height: 200px;
    }

    .largeImg,
    .animateBlock {
        height: 200px;
    }

    .servicesHeading {
        font-size: 4rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        letter-spacing: 1rem;
    }

    .animateStatic {
        font-size: 4rem;
    }

    .multiple-text {
        font-size: 2rem;
    }
}

@media (max-width:500px) {    
    .smallImg {
        height: 100px;
    }
    
    .animateBlock {
        font-size: 1.8rem;
    }
    
    .largeImg,
    .animateBlock {
        height: 100px;
    }

    .servicesHeading {
        font-size: 3rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        letter-spacing: 1rem;
    }

    .animateStatic {
        font-size: 2rem;
    }

    .multiple-text {
        font-size: 1.4rem;
    }
}