/* about hero title */
.aboutHeroTitle {
    font-size: 8vw;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 8vw;
}

.SubHeroTitle {
    font-size: 6vw;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 6vw;
    color: #000;
}


.singleDataRow {
    opacity: 0;
}




.aboutHeroImg {
    mask-image: linear-gradient(to bottom, transparent 0%, black 0% 80%, transparent 100%);
}

.aboutSubHero {
    height: 75vh;
    background-image: url(../images/about.jpg);
    /* mask-image: linear-gradient(to bottom, transparent 0%, black 0% 80%, transparent 100%); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}






.zoomContent .zoomSection {
  width: 100%;
  height: 100vh;
}


/* zoom section */

.zoomSection.zoomHero {
    background-image: url(../images/group.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: linear-gradient(to bottom, transparent 0%, black 0% 80%, transparent 100%);

}

.zoomSectionMobile{
    background-image: url(../images/mobileGroup.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: linear-gradient(to bottom, transparent 0%, black 0% 80%, transparent 100%);
    height: 100vh;
}

.zoom-image-container {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    perspective: 500px;
    overflow: hidden;
}

.zoom-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}







/* Media Query for Mobile Devices */
@media (max-width: 480px) {

    .floatMember, .floatMemberGif{
        width: 80px;height: 80px;font-size: 12px
    }

    /* about hero title */
    .aboutHeroTitle {
        font-size: 18vw;
        line-height: 18vw;
    }

    .aboutSubHero {
        height: 70vh;
    }


    .SubHeroTitle {
        font-size: 10vw;
        line-height: 10vw;
    }

    .mobileBorder {
        border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    }

}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {

    .floatMember,.floatMemberGif{
        width: 100px;
        height: 100px;
        font-size: 12px
    }

}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {

    /* about hero title */
    .aboutHeroTitle {
        font-size: 15vw;
        line-height: 15vw;
    }

    .aboutSubHero {
        height: 75vh;
    }

    .floatMember,.floatMemberGif{
        width: 100px;
        height: 100px;
        font-size: 12px
    }

}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

    /* about hero title */
    .aboutHeroTitle {
        font-size: 18vw;
        line-height: 18vw;
    }

    .aboutSubHero {
        height: 50vh;
    }

    .floatMember,.floatMemberGif{
        width: 100px;
        height: 100px;
        font-size: 12px
    }

}

/* Media Query for Large screens */
@media (min-width: 1281px) {
    .floatMember,.floatMemberGif{
        width: 100px;
        height: 100px;
        font-size: 16px
    }
}