.mobileBr {
    display: none;
}

/*header style*/

.aboutHeader {
    background-color: #FF5607;
    /* height: calc(1px + (900)*((100vw)/(2560))); */
    height: 81vh;
    background-image: url('/img/websiteImages/abouthead.jpg');
    background-size: 100% 120%;
}

.aboutHeader::after {
    content: '';
    width: 100%;
    height: 81vh;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.aboutHeader h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    margin: 0 0 0 calc(1px + (290)*((100vw)/(2560)));
    font-size: calc(1px + (80)*((100vw)/(2560)));
    color: white;
    position: absolute;
    top: 34%;
    transform: translateY(-40%);
    z-index: 1;
}

/*middle line style*/

.middleLine {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    background-color: #FF5607;
    z-index: -1;
    height: calc(1px + (3100)*((100vw)/(2560)));
}

/*first section*/

.firstSection {
    padding-top: calc(1px + (150)*((100vw)/(2560)));
    display: flex;
    justify-content: center;
}

.firstSectionRow {
    display: flex;
    justify-content: center;
    padding-left: calc(1px + (520)*((100vw)/(2560)));
}

.firstSectionLeftImg {
    background-image: url('/img/websiteImages/Lgirl.jpg');
    width: calc(1px + (580)*((100vw)/(2560)));
    height: calc(1px + (580)*((100vw)/(2560)));
    background-size: 100% 100%;
    margin: 0;
    border-radius: 10px;
    transform: translateY(25px);
    opacity: 0;
    transition: 0.6s cubic-bezier(.48,-0.37,.56,1.84);
}

.firstSectionRight {
    padding-top: calc(1px + (100)*((100vw)/(2560)));
    width: 41%;
    transform: translateX(-25px);
    opacity: 0;
    transition: 0.6s cubic-bezier(.48,-0.37,.56,1.84);
}

.firstSectionRight h1 {
    padding: 0;
    margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
    font-size: calc(1px + (50)*((100vw)/(2560)));
    line-height: calc(1px + (55)*((100vw)/(2560)));
    color: black;
    font-family: Montserrat;
    font-weight: normal;
}

.firstSectionRight p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: calc(1px + (22)*((100vw)/(2560)));
    line-height: calc(1px + (45)*((100vw)/(2560)));
    color: #000000;
}

/*END! first section*/

/*second section style*/

.secondSection {
    padding-top: calc(1px + (220)*((100vw)/(2560)));
    display: flex;
    justify-content: center;
}

.secondSectionRow {
    padding-left: calc(1px + (460)*((100vw)/(2560)));
}

.secondSectionLeftImg {
    background-image: url('/img/websiteImages/aboutUsSecond.png');
    width: calc(1px + (580)*((100vw)/(2560)));
    height: calc(1px + (580)*((100vw)/(2560)));
    background-size: 100% 100%;
    margin: 0;
    border-radius: 10px;
    transform: translateY(25px);
    opacity: 0;
    transition: 0.6s cubic-bezier(.48,-0.37,.56,1.84);
}

.secondSectionRight {
    padding-top: calc(1px + (95)*((100vw)/(2560)));
    width: 31%;
    margin: 0 !important;

    transform: translateX(15px);
    opacity: 0;
    transition: 0.6s cubic-bezier(.48,-0.37,.56,1.84);
}

.secondSectionRight h1 {
    padding: 0;
    margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
    font-size: calc(1px + (50)*((100vw)/(2560)));
    line-height: calc(1px + (55)*((100vw)/(2560)));
    color: black;
    font-family: Montserrat;
    font-weight: normal;
}

.secondSectionRight p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: calc(1px + (22)*((100vw)/(2560)));
    line-height: calc(1px + (45)*((100vw)/(2560)));
    color: #000000;
}

/*END! second section*/

/*third section style*/

.thirdSection {
    background: #FFC100;
    background-image: url('/img/websiteImages/shutterstock_5041669841.png');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 30% bottom;
    margin-top: calc(1px + (200)*((100vw)/(2560)));
}

.thirdSection::before {
    position: absolute;
    content: '';
    width: 100%;
    height: calc(1px + (750)*((100vw)/(2560)));
    background-color: rgba(0, 0, 0, 0.3);
}

.thirdSectionRow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(1px + (750)*((100vw)/(2560)));
}

.thirdSectionRow h1 {
    color: white;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: calc(1px + (80)*((100vw)/(2560)));
    line-height: calc(1px + (130)*((100vw)/(2560)));
    margin: 0;
    padding: 0;
}

/*END! third section style*/

/*fourth section style - copy of first section*/

.fourthSection {
    padding-top: calc(1px + (130)*((100vw)/(2560)));
    display: flex;
    justify-content: center;
}

.fourthSectionRow {
    display: flex;
    justify-content: center;
    padding-left: calc(1px + (520)*((100vw)/(2560)));
}

.fourthSectionLeftImg {
    background-image: url('/img/websiteImages/aboutUsThird.png');
    width: calc(1px + (580)*((100vw)/(2560)));
    height: calc(1px + (580)*((100vw)/(2560)));
    background-size: 100% 100%;
    margin: 0;
    border-radius: 10px;
    transform: translateY(25px);
    opacity: 0;
    transition: 0.6s cubic-bezier(.48,-0.37,.56,1.84);
}

.fourthSectionRight {
    padding-top: calc(1px + (20)*((100vw)/(2560)));
    width: 41%;
    transform: translateX(-25px);
    opacity: 0;
    transition: 0.6s cubic-bezier(.48,-0.37,.56,1.84);
}

.fourthSectionRight h1 {
    padding: 0;
    margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
    font-size: calc(1px + (50)*((100vw)/(2560)));
    line-height: calc(1px + (55)*((100vw)/(2560)));
    color: black;
    font-family: Montserrat;
    font-weight: normal;
}

.fourthSectionRight p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: calc(1px + (22)*((100vw)/(2560)));
    line-height: calc(1px + (45)*((100vw)/(2560)));
    color: #000000;
}

/*END! fourth section*/

/* last section style*/

.lastSection {
    background: #FFFBED;
    margin-top: calc(1px + (230)*((100vw)/(2560)));
}

.lastSectionCol {
    padding-top: calc(1px + (40)*((100vw)/(2560)));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(1px + (460)*((100vw)/(2560)));
}

.lastSectionCol p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: calc(1px + (28)*((100vw)/(2560)));
    line-height: calc(1px + (60)*((100vw)/(2560)));
    /* or 33px */
    text-align: center;
    color: #000000;
}

@media screen and (max-width: 991px) {
    /* start of large tablet styles */
    /* start of phone styles */
    .mobileBr {
        display: block;
    }
    .desktopBr {
        display: none;
    }
    /*header style*/
    .aboutHeader {
        height: 100vh;
        background-image: url('/img/websiteImages/aboutUsMobileHeader.png');
    }
    .aboutHeader::after {
        height: 100vh;
    }
    .aboutHeader h1 {
        margin: 0;
        font-size: calc(1px + (45)*((100vw)/(460)));
        line-height: calc(1px + (50)*((100vw)/(460)));
        top: calc(1px + (200)*((100vw)/(460)));
        left: calc(1px + (33)*((100vw)/(460)));
        transform: translateY(0);
    }
    /*middle line style*/
    .middleLine {
        display: none;
    }
    /*first section*/
    .firstSection {
        margin: 0 auto;
        width: calc(1px + (400)*((100vw)/(460)));
    }
    .firstSectionRow {
        flex-direction: column-reverse;
        padding-left: 0;
    }
    .firstSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(460)));
        height: calc(1px + (350)*((100vw)/(460)));
    }
    .firstSectionRight {
        padding-top: calc(1px + (100)*((100vw)/(2560)));
        width: 100%;
    }
    .firstSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(460)));
        line-height: calc(1px + (32)*((100vw)/(460)));
    }
    .firstSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(460)));
        line-height: calc(1px + (28)*((100vw)/(460)));
    }
    /*END! first section*/
    /*second section style*/
    .secondSection {
        margin: 0 auto;
        width: calc(1px + (400)*((100vw)/(460)));
        padding-top: calc(1px + (100)*((100vw)/(460)));
    }
    .secondSectionRow {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }
    .secondSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(460)));
        height: calc(1px + (350)*((100vw)/(460)));
    }
    .secondSectionRight {
        padding-top: calc(1px + (95)*((100vw)/(2560)));
        width: 100%;
        margin: 0.5rem 2% !important;
    }
    .secondSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(460)));
        line-height: calc(1px + (32)*((100vw)/(460)));
    }
    .secondSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(460)));
        line-height: calc(1px + (28)*((100vw)/(460)));
    }
    /*END! second section*/
    /*third section style*/
    .thirdSection {
        background-image: url('/img/websiteImages/aboutUsMobileMidBg.png');
        margin-top: calc(1px + (100)*((100vw)/(460)));
        background-size: 100% 100%;
        background-attachment: scroll;
    }
    .thirdSection::before {
        height: calc(1px + (250)*((100vw)/(460)));
    }
    .thirdSectionRow {
        height: calc(1px + (250)*((100vw)/(460)));
    }
    .thirdSectionRow h1 {
        text-align: center;
        font-size: calc(1px + (22)*((100vw)/(460)));
        line-height: calc(1px + (30)*((100vw)/(460)));
    }
    /*END! third section style*/
    /*fourth section style - copy of first section*/
    .fourthSection {
        padding-top: calc(1px + (50)*((100vw)/(460)));
        width: calc(1px + (400)*((100vw)/(460)));
        margin: 0 auto;
    }
    .fourthSectionRow {
        flex-direction: column-reverse;
        padding-left: 0;
    }
    .fourthSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(460)));
        height: calc(1px + (350)*((100vw)/(460)));
    }
    .fourthSectionRight {
        padding-top: calc(1px + (50)*((100vw)/(2560)));
        width: 100%;
    }
    .fourthSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(460)));
        line-height: calc(1px + (32)*((100vw)/(460)));
    }
    .fourthSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(460)));
        line-height: calc(1px + (28)*((100vw)/(460)));
    }
    /*END! fourth section*/
    /* last section style*/
    .lastSection {
        margin-top: calc(1px + (120)*((100vw)/(460)));
        padding-top: calc(1px + (150)*((100vw)/(460)));
        padding-bottom: calc(1px + (100)*((100vw)/(460)));
    }
    .lastSectionCol {
        padding-top: calc(1px + (40)*((100vw)/(2560)));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: calc(1px + (460)*((100vw)/(2560)));
    }
    .lastSectionCol img {
        width: calc(1px + (50)*((100vw)/(460)));
    }
    .lastSectionCol p {
        margin-top: calc(1px + (15)*((100vw)/(460)));
        font-size: calc(1px + (17)*((100vw)/(460)));
        line-height: calc(1px + (30)*((100vw)/(460)));
    }
}

@media screen and (max-width: 767px) {
    /* start of phone styles */
    .mobileBr {
        display: block;
    }
    .desktopBr {
        display: none;
    }
    /*header style*/
    .aboutHeader {
        height: 100vh;
        background-image: url('/img/websiteImages/aboutUsMobileHeader.png');
    }
    .aboutHeader::after {
        height: 100vh;
    }
    .aboutHeader h1 {
        margin: 0;
        font-size: calc(1px + (45)*((100vw)/(470)));
        line-height: calc(1px + (50)*((100vw)/(470)));
        top: calc(1px + (200)*((100vw)/(470)));
        left: calc(1px + (33)*((100vw)/(470)));
        transform: translateY(0);
    }
    /*middle line style*/
    .middleLine {
        display: none;
    }
    /*first section*/
    .firstSection {
        margin: 0 auto;
        width: calc(1px + (400)*((100vw)/(470)));
    }
    .firstSectionRow {
        flex-direction: column-reverse;
        padding-left: 0;
    }
    .firstSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(470)));
        height: calc(1px + (350)*((100vw)/(470)));
    }
    .firstSectionRight {
        padding-top: calc(1px + (100)*((100vw)/(2560)));
        width: 100%;
    }
    .firstSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(470)));
        line-height: calc(1px + (32)*((100vw)/(470)));
    }
    .firstSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(470)));
        line-height: calc(1px + (28)*((100vw)/(470)));
    }
    /*END! first section*/
    /*second section style*/
    .secondSection {
        margin: 0 auto;
        width: calc(1px + (400)*((100vw)/(470)));
        padding-top: calc(1px + (100)*((100vw)/(470)));
    }
    .secondSectionRow {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }
    .secondSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(470)));
        height: calc(1px + (350)*((100vw)/(470)));
    }
    .secondSectionRight {
        padding-top: calc(1px + (95)*((100vw)/(2560)));
        width: 100%;
        margin: 0.5rem 2% !important;
    }
    .secondSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(470)));
        line-height: calc(1px + (32)*((100vw)/(470)));
    }
    .secondSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(470)));
        line-height: calc(1px + (28)*((100vw)/(470)));
    }
    /*END! second section*/
    /*third section style*/
    .thirdSection {
        background-image: url('/img/websiteImages/aboutUsMobileMidBg.png');
        margin-top: calc(1px + (100)*((100vw)/(470)));
        background-size: 100% 100%;
        background-attachment: scroll;
    }
    .thirdSection::before {
        height: calc(1px + (250)*((100vw)/(470)));
    }
    .thirdSectionRow {
        height: calc(1px + (250)*((100vw)/(470)));
    }
    .thirdSectionRow h1 {
        text-align: center;
        font-size: calc(1px + (22)*((100vw)/(470)));
        line-height: calc(1px + (30)*((100vw)/(470)));
    }
    /*END! third section style*/
    /*fourth section style - copy of first section*/
    .fourthSection {
        padding-top: calc(1px + (50)*((100vw)/(470)));
        width: calc(1px + (400)*((100vw)/(470)));
        margin: 0 auto;
    }
    .fourthSectionRow {
        flex-direction: column-reverse;
        padding-left: 0;
    }
    .fourthSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(470)));
        height: calc(1px + (350)*((100vw)/(470)));
    }
    .fourthSectionRight {
        padding-top: calc(1px + (50)*((100vw)/(2560)));
        width: 100%;
    }
    .fourthSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(470)));
        line-height: calc(1px + (32)*((100vw)/(470)));
    }
    .fourthSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(470)));
        line-height: calc(1px + (28)*((100vw)/(470)));
    }
    /*END! fourth section*/
    /* last section style*/
    .lastSection {
        margin-top: calc(1px + (120)*((100vw)/(470)));
        padding-top: calc(1px + (150)*((100vw)/(470)));
        padding-bottom: calc(1px + (100)*((100vw)/(470)));
    }
    .lastSectionCol {
        padding-top: calc(1px + (40)*((100vw)/(2560)));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: calc(1px + (460)*((100vw)/(2560)));
    }
    .lastSectionCol img {
        width: calc(1px + (50)*((100vw)/(470)));
    }
    .lastSectionCol p {
        margin-top: calc(1px + (15)*((100vw)/(470)));
        font-size: calc(1px + (17)*((100vw)/(470)));
        line-height: calc(1px + (30)*((100vw)/(470)));
    }
}

@media screen and (max-width: 479px) {
    /* start of phone styles */
    .mobileBr {
        display: block;
    }
    .desktopBr {
        display: none;
    }
    /*header style*/
    .aboutHeader {
        height: 100vh;
        background-image: url('/img/websiteImages/aboutUsMobileHeader.png');
    }
    .aboutHeader::after {
        height: 100vh;
    }
    .aboutHeader h1 {
        margin: 0;
        font-size: calc(1px + (45)*((100vw)/(479)));
        line-height: calc(1px + (50)*((100vw)/(479)));
        top: calc(1px + (200)*((100vw)/(479)));
        left: calc(1px + (33)*((100vw)/(479)));
        transform: translateY(0);
    }
    /*middle line style*/
    .middleLine {
        display: none;
    }
    /*first section*/
    .firstSection {
        margin: 0 auto;
        width: calc(1px + (400)*((100vw)/(479)));
    }
    .firstSectionRow {
        flex-direction: column-reverse;
        padding-left: 0;
    }
    .firstSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(479)));
        height: calc(1px + (350)*((100vw)/(479)));
    }
    .firstSectionRight {
        padding-top: calc(1px + (100)*((100vw)/(2560)));
        width: 100%;
    }
    .firstSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(479)));
        line-height: calc(1px + (32)*((100vw)/(479)));
    }
    .firstSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(479)));
        line-height: calc(1px + (28)*((100vw)/(479)));
    }
    /*END! first section*/
    /*second section style*/
    .secondSection {
        margin: 0 auto;
        width: calc(1px + (400)*((100vw)/(479)));
        padding-top: calc(1px + (100)*((100vw)/(479)));
    }
    .secondSectionRow {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }
    .secondSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(479)));
        height: calc(1px + (350)*((100vw)/(479)));
    }
    .secondSectionRight {
        padding-top: calc(1px + (95)*((100vw)/(2560)));
        width: 100%;
        margin: 0.5rem 2% !important;
    }
    .secondSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(479)));
        line-height: calc(1px + (32)*((100vw)/(479)));
    }
    .secondSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(479)));
        line-height: calc(1px + (28)*((100vw)/(479)));
    }
    /*END! second section*/
    /*third section style*/
    .thirdSection {
        background-image: url('/img/websiteImages/aboutUsMobileMidBg.png');
        margin-top: calc(1px + (100)*((100vw)/(479)));
        background-size: 100% 100%;
        background-attachment: scroll;
    }
    .thirdSection::before {
        height: calc(1px + (250)*((100vw)/(479)));
    }
    .thirdSectionRow {
        height: calc(1px + (250)*((100vw)/(479)));
    }
    .thirdSectionRow h1 {
        text-align: center;
        font-size: calc(1px + (22)*((100vw)/(479)));
        line-height: calc(1px + (30)*((100vw)/(479)));
    }
    /*END! third section style*/
    /*fourth section style - copy of first section*/
    .fourthSection {
        padding-top: calc(1px + (50)*((100vw)/(479)));
        width: calc(1px + (400)*((100vw)/(479)));
        margin: 0 auto;
    }
    .fourthSectionRow {
        flex-direction: column-reverse;
        padding-left: 0;
    }
    .fourthSectionLeftImg {
        width: calc(1px + (350)*((100vw)/(479)));
        height: calc(1px + (350)*((100vw)/(479)));
    }
    .fourthSectionRight {
        padding-top: calc(1px + (50)*((100vw)/(2560)));
        width: 100%;
    }
    .fourthSectionRight h1 {
        margin: 0 0 calc(1px + (40)*((100vw)/(2560))) 0;
        font-size: calc(1px + (30)*((100vw)/(479)));
        line-height: calc(1px + (32)*((100vw)/(479)));
    }
    .fourthSectionRight p {
        font-size: calc(1px + (15)*((100vw)/(479)));
        line-height: calc(1px + (28)*((100vw)/(479)));
    }
    /*END! fourth section*/
    /* last section style*/
    .lastSection {
        margin-top: calc(1px + (120)*((100vw)/(479)));
        padding-top: calc(1px + (150)*((100vw)/(479)));
        padding-bottom: calc(1px + (100)*((100vw)/(479)));
    }
    .lastSectionCol {
        padding-top: calc(1px + (40)*((100vw)/(2560)));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: calc(1px + (460)*((100vw)/(2560)));
    }
    .lastSectionCol img {
        width: calc(1px + (50)*((100vw)/(479)));
    }
    .lastSectionCol p {
        margin-top: calc(1px + (15)*((100vw)/(479)));
        font-size: calc(1px + (17)*((100vw)/(479)));
        line-height: calc(1px + (30)*((100vw)/(479)));
    }
}