/*#region common */
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
.blue-standout {
    color: #0071ce;
    font-size: 2rem;
    padding-bottom: 16px;
}

h3.blueh3 {
    color: #0071ce;
}

.cob-title{
    font-size:3rem;
}
.section-l {
    display: flex;
    background-color: #f4f4f4;
    margin-top: 40px;
    margin-bottom: 40px;
    min-height: 350px;
}


.sl-txt {
    flex: 1 1 60%;
    padding:30px;
    /*display: flex;*/
}

.sl-img {
    flex: 0 0 40%;

}

.sl-img{
    background-image:url(../images/creativeonboarding/leftbg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}

.section-r {
    display: flex;
    background-color: #f4f4f4;
    margin-top: 40px;
    margin-bottom: 40px;
    min-height: 350px;
}

.sr-txt {
    flex: 1 1 60%;
    padding: 30px;
    /*display: flex;*/
}

.sr-img {
    flex: 0 0 40%;
}

.sr-img {
    background-image: url(../images/creativeonboarding/building.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/*section colour*/
.slr-blue {
    background-color: #e5f0fa;
}


.i0001 { background-image: url(../images/creativeonboarding/0001.jpg); }
.i0002 {
    background-image: url(../images/creativeonboarding/0002.jpg);
    background-position:top right;
}
.i0003 {
    background-image: url(../images/creativeonboarding/0003.jpg);
}
.i0004 {
    background-image: url(../images/creativeonboarding/0004.jpg);
}
.i0004a {
    background-image: url(../images/creativeonboarding/0004a.jpg);
}
.i0005 {
    background-image: url(../images/creativeonboarding/0005.jpg);
}
.i0006 {
    background-image: url(../images/creativeonboarding/0006.jpg);
}

.i0007 {
    background-image: url(../images/creativeonboarding/0007.jpg);
}

.i0008 {
    background-image: url(../images/creativeonboarding/0008.jpg);
}

.i0009 {
    background-image: url(../images/creativeonboarding/0009.jpg);
}

.i0010 {
    background-image: url(../images/creativeonboarding/0010.jpg);
}
.i0011 {
    background-image: url(../images/creativeonboarding/0011.jpg);
}

.i0012 {
    background-image: url(../images/creativeonboarding/0012.jpg);
}

.i0013 {
    background-image: url(../images/creativeonboarding/0013.jpg);
}

.i0014 {
    background-image: url(../images/creativeonboarding/0014.jpg);
}

.i0015 {
    background-image: url(../images/creativeonboarding/0015.jpg);
}

.i0016 {
    background-image: url(../images/creativeonboarding/0016.jpg);
}

.i0017 {
    background-image: url(../images/creativeonboarding/0017.jpg);
}

.i0018 {
    background-image: url(../images/creativeonboarding/0018.jpg);
}

.i0020 {
    background-image: url(../images/creativeonboarding/0020.png);
}

.i0021 {
    background-image: url(../images/creativeonboarding/0021.jpg);
}

.i0022 {
    background-image: url(../images/creativeonboarding/0022.jpg);
}

.i0023 {
    background-image: url(../images/creativeonboarding/0023.jpg);
}
.i0024 {
    background-image: url(../images/creativeonboarding/0024.jpg);
}
.i0025 {
    background-image: url(../images/creativeonboarding/0025.jpg);
}
.i0026 {
    background-image: url(../images/creativeonboarding/0026.jpg);
}
.i00tr-newsletters {
    background-image: url(../images/creativeonboarding/trainees-newsletters.jpg);
}
.i00tr-kaplan {
    background-image: url(../images/creativeonboarding/trainees-kaplan.jpg);
}
.i00tr-xero {
    background-image: url(../images/creativeonboarding/trainees-xero.jpg);
}
.i00supporting-dedicated {
    background-image: url(../images/creativeonboarding/supporting-dedicated.jpg);
}
.i00supporting-diversity {
    background-image: url(../images/creativeonboarding/supporting-diversity.jpg);
}
.i00supporting-wellbeing {
    background-image: url(../images/creativeonboarding/supporting-dedicated.jpg);
    background-position: center;
}
.i00welcome01 {
    background-image: url(../images/creativeonboarding/welcometo-01.jpg);
}
.i00welcome02 {
    background-image: url(../images/creativeonboarding/welcometo-02.jpg);
    background-position: top;
}
.i00location {
    background-image: url(../images/creativeonboarding/location-001.jpg);
}
.i0090-1 {
    background-image: url(../images/creativeonboarding/90days--001.png);
}
.i0090-2 {
    background-image: url(../images/creativeonboarding/90days--002.png);
}
.i0090-3 {
    background-image: url(../images/creativeonboarding/90days--003.png);
    background-position:center;
}
.i00yourdev-01 {
    background-image: url(../images/creativeonboarding/yourdev-01.jpg);
}
.i00yourdev-agile {
    background-image: url(../images/creativeonboarding/yourdev-agile.jpg);
}
.i00yourdev-planning {
    background-image: url(../images/creativeonboarding/yourdev-planning.jpg);
}
.i00yourdev-profqual {
    background-image: url(../images/creativeonboarding/yourdev-profqual.jpg);
}
.i00yourdev-talendev {
    background-image: url(../images/creativeonboarding/yourdev-talendev.jpg);
}
.istartline {
    background-image: url(../images/creativeonboarding/startline.png);
}

.idiversity {
    background-image: url(../images/creativeonboarding/diversity.jpg);
}
.islone {
    background-image: url(../images/creativeonboarding/sl-audit.jpg);
}
.isltwo {
    background-image: url(../images/creativeonboarding/sl-accountingoutsourcing.jpg);
}
.islthree {
    background-image: url(../images/creativeonboarding/sl-consulting.jpg);
}
.islfour {
    background-image: url(../images/creativeonboarding/sl-fas.jpg);
}
.islfive {
    background-image: url(../images/creativeonboarding/sl-financialplanning.jpg);
}
.islsix {
    background-image: url(../images/creativeonboarding/sl-tax.jpg);
    background-position:top;
}
.islseven {
    background-image: url(../images/creativeonboarding/sl-businessservicesteam.jpg);
}

.sl-txt h3, .sr-txt h3, .s4-txt h3{
    margin-top:0;
}

.sr-txt a, sl-txt a, .loc-txt a{
    text-decoration: underline;
}

    .sr-txt a:hover, sl-txt a:hover, .loc-txt a:hover {
        text-decoration: none;
    }


.section-vid {
    display: flex;
    background-color: #e5f0fa;
    margin-top: 40px;
    margin-bottom: 40px;
}

.sv-cont {
    flex: 0 0 50%;
    padding: 20px;
}

.videosingle, .singlecont {
    display: block;
    background-color: #e5f0fa;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px;
}

.videosingle {
    background-color: #e5f0fa;
}

.youcontainer {
    position: relative;
    display: block;
    visibility: visible;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.std-list{
    list-style-type:square;
    padding-left:30px;
}
span.obm-blue{
    color:#0071ce;
}

.docscontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding-top: 16px; /**/
}

.doc-card {
    flex: 0 1 260px;
    margin: 15px;
    min-height: 254px;
    padding: 20px;
    background-color: #f4f4f4;
    border:3px solid #e5f0fa;
}
.dc-image{
    display:grid;
    place-items: center;
}
.dc-text h4{
    padding-top:20px;
    font-size:20px;
}
.dc-text p {
    background-image: url(../images/creativeonboarding/pdficon.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 24px;
    min-height: 28px;
    padding-top: 3px;
}
/*#endregion */
/*#region common */
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
    transition: all 0.3s ease-in-out;
}
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation1:hover {
    transform: scale(1.03);
    border: 1px solid #355f98;
    transition: all 0.3s ease-in-out;
}
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation2:hover {
    transform: scale(1.03);
    border: 1px solid #435468;
    transition: all 0.3s ease-in-out;
}
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation3:hover {
    transform: scale(1.03);
    border: 1px solid #323f4d;
    transition: all 0.3s ease-in-out;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation4:hover {
    transform: scale(1.03);
    border: 1px solid #6273a4;
    transition: all 0.3s ease-in-out;
}
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation5:hover {
    transform: scale(1.03);
    border: 1px solid #5d6484;
    transition: all 0.3s ease-in-out;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation6:hover {
    transform: scale(1.03);
    border: 1px solid #50677f;
    transition: all 0.3s ease-in-out;
}
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation7:hover {
    transform: scale(1.03);
    border: 1px solid #3a4258;
    transition: all 0.3s ease-in-out;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation8:hover {
    transform: scale(1.03);
    border: 1px solid #393470;
    transition: all 0.3s ease-in-out;
}
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation9:hover {
    transform: scale(1.03);
    border: 1px solid #3d4975;
    transition: all 0.3s ease-in-out;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation10:hover {
    transform: scale(1.03);
    border: 1px solid #655a86;
    transition: all 0.3s ease-in-out;
}
/*#endregion */
/*#region section1 */
h2.exectitle{
    display: block;
    text-align:center;
    font-size:2.2rem;
}
/*.peoplecontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px;*/ /**/
/*}*/

.pc-card {
    flex: 0 1 370px;
    margin: 15px;
    min-height: 362px;
    padding: 20px;
    background-color: #e5f0fa;
}

.pcc-pic{
    display:grid;
    place-items:center;
    height:150px;
    background-position:top center;
    background-size:cover;
    background-repeat:no-repeat;
}
.flexslider .slides img.execinslider {
    width: auto;
}

.pcpone {
    background-image: url(../images/creativeonboarding/phil-verity.jpg);
}
.pcptwo {
    background-image: url(../images/creativeonboarding/elisabeth-maxwell.jpg);
}
.pcpthree {
    background-image: url(../images/creativeonboarding/toby-stanbrook.jpg);
}
.pcpfour {
    background-image: url(../images/creativeonboarding/jac-berry.jpg);
}
.pcpfive {
    background-image: url(../images/creativeonboarding/james-gilbey.jpg);
}
.pcpsix {
    background-image: url(../images/creativeonboarding/david-herbinet.jpg);
}
.pcpseven {
    background-image: url(../images/creativeonboarding/mark-kennedy.jpg);
}
.pcpeight {
    background-image: url(../images/creativeonboarding/margaret-laidlaw.png);
}
.pcpnine {
    background-image: url(../images/creativeonboarding/ian-wrightson.jpg);
}

.pcc-text {
    min-height:102px;
}

.pcc-link {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.pccl-50 {
 

}

.brandpillarscontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px; /**/
}

.bp-card {
    background-repeat: no-repeat;
    flex: 0 1 209px;
    margin: 15px;
    min-height: 260px;
    background-color: #e5f0fa;

}
.bpc-one {
    background-color: #676041;
}
.bpc-two {
    background-color: #b95c2b;
}
.bpc-three {
    background-color: #44352a;
}
.bpc-four {
    background-color: #2e5c2d;
}

.bppic {
    height: 140px;
    overflow: hidden;
}

.bptext {
    padding: 14px;
}

    .bptext h2 {
        font-size: 1.7rem;
        line-height: 1.6rem;
        color:white;
    }
    .bptext p {
        font-size: 1.1rem;
        line-height: 1rem;
        color: white;
    }


.numbers-inner {
    display: grid;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    /**how*/
}

.n-number {
    border-left:2px solid black;
    margin-bottom:20px;
    padding:8px;
}

.n-main-number {
    display: flex;
    justify-content: left;
}

    .n-main-number h2 {
        color: #007eb2;
        font-size: 3.2em;
    }


.n-main-text {
    text-align: left;
    
    
}
    .n-main-text h3 {
        color: black;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

/*#endregion */

/*#region section2 */

#map, #othermap{
    min-height:400px;
}

.location {
    display: flex;
    background-color: #e5f0fa;
    margin-top: 40px;
    margin-bottom: 40px;
}

.loc-txt {
    flex: 1 1 66%;
    padding: 30px;
    /*display: flex;*/
}

.loc-img {
    flex: 0 0 34%;
    background-image: url(../images/creativeonboarding/building.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.li-sidebarcont {
    background-color: rgb(53 95 152 / 0.90);
    width: 100%;
    height: 100%;
    padding-top:30px;
}
.lsbc-two {
    background-color: rgb(103 90 91 / 0.90);
}

.lsbc-three {
    background-color: rgb(132 86 65 / 0.90);
}

.lsbc-four {
    background-color: rgb(110 120 104 / 0.90);
}

.lsbc-five {
    background-color: rgb(0 116 86 / 0.90);
}
.lsbc-six {
    background-color: rgb(0 122 156 / 0.90);
}

.lsbc-seven {
    background-color: rgb(0 73 168 / 0.90);
}

.lsbc-eight {
    background-color: rgb(93 100 132 / 0.90);
}

.lsbc-nine {
    background-color: rgb(129 70 120 / 0.90);
}
.lsbc-ten {
    background-color: rgb(127 104 145 / 0.90);
}
.lsbc-eleven {
    background-color: rgb(98 115 164 / 0.90);
}
.lsbc-twelve {
    background-color: rgb(33 107 162 / 0.90);
}
.lsbc-thirteen {
    background-color: rgb(90 106 107 / 0.90);
}

.lis-office { /*img*/
    display: flex;
    justify-content: center;
}

.lis-address{
    padding:30px;

}
    .lis-address p {
        color: white;
        font-size: 1.6rem;
        font-weight: 400;
    }

#eaContainer .li-sidebarcont .lis-address p a.togoogle {
    color: white;
    font-size: 1.4rem;
    font-weight: 400;
    text-decoration: underline;
}

.imgstat {
    
}

.loc-txt ul{
    list-style-type:square;
    padding-left:30px;

}

/*#endregion */

/*3*/

/*#region section4 */

.s4-row {
    display: flex;
    background-color: #f4f4f4;
    justify-items: center;
    min-height: 400px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.s4-text {
    flex: 0 1 45%;
    padding: 30px;
    /*display: flex;*/
    align-self:center;
}
    .s4-text h3 {
        margin-top:0;
    }
.s4-middle {
    flex: 0 0 10%;
    display: grid;
    place-items: center;
    background-image:url(../images/creativeonboarding/lines.png);
    background-repeat:repeat-y;
    background-position:center;

}

.s4m-circle {
    width: 40px;
    height: 40px;
    background-color: #854533;
    border-radius: 22px;
    display: grid;
    place-items: center;
    color: white;
    font-family: 'Indie Flower', cursive;
    font-size: 1.5rem;
    font-weight:700;
}


.s4m-c-2 {
    background-color: #7e612b;
}
.s4m-c-3 {
    background-color: #687d4b;
}
.s4m-c-4 {
    background-color: #14545c;
}
.s4m-c-5 {
    background-color: #2d4759;
}


.s4-image {
    flex: 0 1 45%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    text-align: center;
    padding-top: 30px;
    display:grid;
    place-items: center;
}
    .s4-image h2 {
        margin: 0;
        color: white;
        font-family: 'Indie Flower', cursive;
        font-size: 2rem;
        display: inline-block;
        padding: 4px;
        background-color: rgba(0, 0, 0, 0.7);
    }
        .s4-image h2 span {
            font-weight:700;
        }

.s4i-one {
    background-image: url(../images/creativeonboarding/prep01.jpg);
}
.s4i-two {
    background-image: url(../images/creativeonboarding/prep02.jpg);
    background-position: center left;
}
.s4i-three {
    background-image: url(../images/creativeonboarding/prep03.jpg);
}
.s4i-four {
    background-image: url(../images/creativeonboarding/prep04.jpg);
    background-position: center left;
}
.s4i-five {
    background-image: url(../images/creativeonboarding/prep05.jpg);
}


.arrow2l {
    background-image: url(../images/creativeonboarding/arrowtoleft.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center left;
}
.arrow2r {
    background-image: url(../images/creativeonboarding/arrowtoright.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right;
}
.s4i-mob {
    display: none;
}

.s4plast {
    margin-bottom: 20px;
}

/*#endregion */
/*#region 5 */
ul.ninetylist {
    list-style-type: none;
    padding-left: 20px;
    margin-left: 20px;
}
    ul.ninetylist li {
        padding-left: 61px;
        line-height: 1.2rem;
        background-repeat: no-repeat;
        background-position: center left;
        font-weight: bold;
        font-size: 1.2rem;
        height: 60px;
        background-size: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        color:#808080
    }
        ul.ninetylist li:hover {
            color: #2f2f2f
        }

.nl-one {
    background-image: url(../images/creativeonboarding/90pack.png);
}
.nl-two {
    background-image: url(../images/creativeonboarding/90office.png);
}
.nl-three {
    background-image: url(../images/creativeonboarding/90officetour.png);
}
.nl-four {
    background-image: url(../images/creativeonboarding/90laptop.png);
}
.nl-five {
    background-image: url(../images/creativeonboarding/90team.png);
}
.nl-six {
    background-image: url(../images/creativeonboarding/90hrpolicy.png);
}
.nl-seven {
    background-image: url(../images/creativeonboarding/90rewards.png);
}
.nl-eight {
    background-image: url(../images/creativeonboarding/90learning.png);
}
.nl-nine {
    background-image: url(../images/creativeonboarding/90peergroup.png);
}
.nl-ten {
    background-image: url(../images/creativeonboarding/90softwaretraining.png);
}
.nl-eleven {
    background-image: url(../images/creativeonboarding/90servicelinetraining.png);
}

/*#endregion */



/*#region section6 */

.storycontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px; /**/
}

.sc-card {
    background-repeat: no-repeat;
    flex: 0 1 190px;
    margin: 15px;
    min-height: 250px;
    background-color:#e5f0fa;
    /*padding-top: 118px;*/
}

.scc-1 {
    background-color: #ca8b9b;
}
.scc-2 {
    background-color: #97803e;
}
.scc-3 {
    background-color: #673958;
}
.scc-4 {
    background-color: #d12e48;
}
.scc-5 {
    background-color: #382731;
}

.storypic {
    height: 99px;
    overflow: hidden;
}
.storytext{
    padding:14px;
}
    .storytext a {
        font-size: 1.9rem;
        line-height: 1.8rem;
        color:white !important;
    }
.headspaceimg {
    display: grid;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
}
/*#endregion */

/*#region section7 */

.linkedinlearnsection{
    display:grid;
    place-items:center;
    background-color: #887451;
    padding:10px;
    margin-bottom:20px;
}

/*#endregion */
/*#region section8 */
.prequal {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/*#endregion */
/*#region section9 */
.faqgroup {
    max-height: 80px;
    transition: max-height 0.3s;
}
    .faqgroup.mazarsshow {
        max-height: 700px;
        transition: max-height 0.3s;
    }
.questionexpander {
    color: #39393c;
    font-size:1.2rem;
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    background-color: #f2f2f2;
    padding: 14px 58px 14px 14px;
    margin-bottom: 0;
    background-image: url(../images/creativeonboarding/expanderplus.png);
    background-repeat: no-repeat;
    background-position: center right 14px;
}
    .questionexpander:hover {
        color: #144d75;
    }

.benefitgroup.mazarsshow > .questionexpander {
    background-image: url(../images/creativeonboarding/expanderminus.png);
}
div.answerexpander {
    display: none;
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0;
    padding: 14px;
    /*transition: max-height 0.3s;*/
}
.mazarsshow > div.answerexpander {
    background-color: white;
    display: block;
    min-height: auto;
    max-height: 700px;
    transition: max-height 0.3s;
}
/*#endregion */
/*#region section10 */
.pretech {
    padding: 20px 0;
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.s10-iphone {
    width: 789px;
    height: 1089px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/creativeonboarding/mazars-iphone-smaller.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 196px;
    margin-bottom: 20px;
}

.iphone-inner {
    display: grid;
    max-width: 358px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ii-icon{
    height: 100px
}
.iii-image {
    display: flex;
    justify-content: center;
}
.iii-image img {
    border-radius:9px;
    max-width:45px;

}
.iii-text {
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8rem;
    line-height: 1rem;
    padding-top: 11px;
}

.tooltip-inner {
    padding: 8px 8px;
    color: #fff;
    background-color: #007456;
    border-radius: 14px;
}

.tooltip.top {
    margin-top: -14px;
}
tooltip.in {
    opacity: .95;
    filter: alpha(opacity=95);
}

.tooltip.top .tooltip-arrow {
    bottom: -15px;
    border-width: 20px 8px 0;
    border-top-color: #007456;
}

/*#endregion */
/*#region modal stuff */
a.modallink {
    cursor: pointer;
}

.modal-dialog {
    margin-top: 165px;
}

.modal.fade.show {
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
}

.modal-header {
    padding-bottom: 18px;
}

.modal .modal-body {
    height: 43vh;
}
/*#endregion */

@media screen and (max-width:992px){
    .section-l, .sl-text, .section-r, .sr-text {
        display: block;
    }

    .sl-img{
        display:none;
    }

    .sr-img {
        display: block;
        min-height:400px;
    }
    .cob-title {
        font-size: 2rem;
    }
    h2.exectitle {
        font-size: 1.8rem;
    }

    .section-vid, .sv-cont {
        display: block;
    }

    .location {
        background-color: rgba(229, 240, 250, 0.8);
        background-image: url(../images/creativeonboarding/building-mob.png);
        background-repeat:no-repeat;
        background-size:cover;
    }

    .loc-txt {
        flex: 1 1 100%;
        padding: 30px;
    }

    .loc-img {
        display:none;
    }

    .s4-middle, .arrow2r, .arrow2l, .s4-image h2{
        display: none;
    }

    .s4-row {background-image:url(../images/creativeonboarding/lines.png);
        background-repeat: repeat-y;
        background-position: center;
        height: auto;
        max-width: 95%;
    }

    .s4-image {
        flex: 0 1 100%;
        min-height: 400px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center right;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 20px auto
    }

    .s4i-mob {
        margin: 0;
        color: white;
        font-size: 2rem;
        display: inline-block;
        padding: 8px;
        background-color: rgba(0, 0, 0, 0.7);
    }
        .s4i-mob h3{
            margin-top:0
        }

    .s10-iphone {
        width: 96%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        background-image: url(../images/creativeonboarding/mobilebg.png);
        padding-top: 30px;
        background-position:center center;
    }

    .iphone-inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ii-icon {
        height: 110px
    }
    .numbers-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .benefitgroup {
        max-height: 141px;
    }
}



@media screen and (max-width:768px){
   ul.ninetylist {
        padding-left: 0;
        margin-left: 0;
    }

        ul.ninetylist li {
            height: 80px;
        }
    .numbers-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}