body{
margin: 0px;
padding: 0px;
}
*{
box-sizing: border-box;
}
.overallWrapper{
width: 100%;
}
.poppins{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.flexCenter{
display: flex;
justify-content: center;
}
.flexSpaceBetween{
display: flex;
justify-content: space-between;
}
.secBigTxt{
font-size: 225%;
}
.greyTxt{
color: rgb(93, 93, 93);
}
.cardBorder{
border: 1px solid rgb(195, 213, 241);
border-radius: 14px;
}
.genWidth{
width: 90%;
}
.overallWrapper{
width: 100%;
height: auto;
}
.indexTopImgCarrier{
width: 100%;
}
.indexTopImg{
background-image: url(../images/topimg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 700px;
}
.indexTopImgOverlay{
background-color: #00000082;
height: 100%;
}
.headerWrap{
width: 100%;
}
.headerCarrier{
padding: 15px 0px;
}
.LogoWrap{
width: 10%;
    align-items: center;
    height: 65px;
}
.Logo{
background-image: url(../images/loa-logo.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: flex;
}
.menuNavWrap{
width: 65%;
align-items: center;
}
.mobileMenuWrap{
display: none;
}
.menuNavCarrier{
width: 100%;
font-size: 100%;
}
.menuNav{
text-decoration: none;
color: #fff;
font-size: 100%;
width: 18%;
align-items: center;
padding: 12px 0%;
border-radius: 24px;
}
/*mobile menu*/
.mobileBurger{
display: none;
}
.closeBtn{
display: none;
}
.mobileMenuWrap{
display: none;
}
/*mobile menu*/
#homeBtn{  
border-radius: 24px;
}
#AUBtn{

}
#OSBtn{

}
#CUBtn{

}
#BABtn{
background: none;
border: 1px solid #fff;
width: 20%;
font-size: 90%;
transition: all linear .3s;
}
#BABtn:hover{
background: #eee;
color: #000;
}
.indexTopImgTxtWrap{
color: #fff;
flex-direction: column;
align-items: center;
height: auto;
}
.indexTopImgTxt1{
text-align: center;
font-size: 360%;
margin-top: 106px;
width: 65%;
line-height: 58px;
}
.indexTopImgTxt2{
    text-align: center;
    font-size: 100%;
    margin: 30px 0px;
    width: 55%;
}
.DD{
width: 18%;
}
.getStartedBtnWrap{

}
.getstartedLink{
text-decoration: none;
    background: #fff;
    color: #000;
        padding: 5px 5px 5px 16px;
    border-radius: 33px;
    align-items: center;
}
.getstartedTxt{
    margin-right: 13px;
}
.getstartedIconWrap{
background: #000;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    align-items: center;
}
.getstartedIcon{
background-image: url(../images/rightup.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
    width: 100%;
    height: 24px;
}
.EITxtSection{
margin: 80px 0px;
}
.EITxtWrap{
width: 75%;
}
.EITxtBig{
text-align: center;
        margin: 0px 0px 15px 0px;
        line-height: 56px;
}
.EITxtSmall{
    text-align: center;
    font-size: 105%;
}
.indexPerksSection{
margin: 80px 0px;
}
.indexPerksGWrap{

}
.indexPerksLabel{
    width: 75%;
}
.indexPerksWrap{
    margin: 24px 0px;
}
.indexPerkCard{
width: 32%;
    padding: 15px;
    flex-direction: column;
    height: 430px;
}
.indexCardLabelWrap{

}
.perkIconWrap{
    background: #071839;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    align-items: center;
}
#perkH{
background-image: url(../images/home.svg);
}
#perkS{
background-image: url(../images/stack.svg);
}
#perkC{
background-image: url(../images/chair.svg);
}
.perkIcon{
background-size: contain;
background-repeat: no-repeat;
background-position: center;
    width: 100%;
    height: 21px;
}
.perkCardLabel{
font-size: 110%;
    margin: 14px 0px 0px 0px;
}
.indexCardDesc{

}
.perkTxt{
    margin: 0px 0px 14px 0px;
    font-size: 90%;
}
.learnMoreWrap{
align-items: center;
min-width: 50%;
text-decoration: none;
color: #000;
}
.learnMoreTxt{

}
.learnMoreIcon{
background-image: url(../images/rightupBlack.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 16%;
height: 30px;
}
.indexCardLastPart{

}
.ICLPTxt{
width: 60%;
}
.perkViewallBtn{
        text-decoration: none;
        background: #000;
        color: #fff;
        border-radius: 44px;
        font-size: 90%;
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 37px;
}
.latestProjectSection{
padding: 55px 0px;
}
.latestWrap{

}
.LatestLabelWrap{
margin: 0px 0px 45px 0px;
}
.latestLabel{
font-size: 90%;
}
.latestAdditional{
    font-size: 150%;
    width: 65%;
}
.latestProjectsWrap{

}
.latestProject{
width: 49%;
text-decoration: none;
}
.latestPImg{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
    height: 445px;
    border-radius: 14px;
}
#latestPImg1{
background-image: url(../images/p1.jpg);
}
#latestPImg2{
background-image: url(../images/p2.jpg);
}
.latestPImgOverlay{

}
.latestPLabel{
    font-size: 130%;
    color: #000;
    margin: 10px 0px;
}
.latestPDescp{
font-size: 95%;
}
.indexAboutSection{
    margin: 80px 0px;
}
.indexAboutWrap{

}
.indexAboutTxtWrap{
width: 50%;
}
.indexAboutTxt1{
        font-size: 175%;
}
.indexAboutTxt2{
margin: 20px 0px;
    width: 80%;
    font-size: 95%;
}
.indexAboutBtn{
        text-decoration: none;
        background: #000;
        color: #fff;
        font-size: 95%;
        padding: 12px 35px;
        border-radius: 24px;
}
.indexAboutImg{
background-image: url(../images/sk.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 49%;
height: 490px;
border-radius: 14px;
}
.indexAboutImgOverlay{

}
.companyLogoSection{
    margin: 90px 0px;
}
.companyLogosWrap{
    width: 75%;
}
.marg{
margin-bottom: 40px;
}
.CLWrap{

}
.companyLogo{
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 24%;
height: 50px;
}
#companyLogo1{
background-image: url(../images/beam.png);
}
#companyLogo2{
background-image: url(../images/gsk.png);
}
#companyLogo3{
background-image: url(../images/guinness.jpeg);
}
#companyLogo4{
background-image: url(../images/mainone.png);
}
#companyLogo5{
background-image: url(../images/nestle.png);
}
#companyLogo6{
background-image: url(../images/nigerian-breweries-plc.svg);
}
#companyLogo7{
background-image: url(../images/vitafoam.svg);
}
#companyLogo8{
background-image: url(../images/transocean.png);
}

.consultationSection{
background-image: url(../images/c.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
margin: 150px 0px 0px 0px;
}
.consultationOverlay{
width: 100%;
 color: #fff;
     height: 545px;
    align-items: center;
    background: #00000082;
}
.consultationWrap{

}
.consultTxt1{
font-size: 290%;
        width: 60%;
        line-height: 53px;
}
.consultTxt2{
        width: 60%;
        font-size: 110%;
        margin: 20px 0px;
}
.consultBtnWrap{
        min-width: 20%;
}
/*aboutPage*/
.pageTopImg{
background-image: url(../images/a.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
}
.pageImgOverlay{
background: #00000082;
    height: 435px;
}
.pageLabelWrap{
color: #fff;
flex-direction: column;
align-items: center;
margin: 75px 0px 0px 0px;
}
.pageLabel{
    font-size: 285%;
}
.pageLabelS{
font-size: 100%;
width: 55%;
text-align: center;
}
.introWrap{
margin: 70px 0px;
}
.intro{
font-size: 85%;
}
.introTxt{
    font-size: 125%;
    margin: 0px 0px 10px 0px;
}
.visionWrap{
background-image: url(../images/vision.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
}
.visionOverlay{
background: #00000082;
height: 400px;
color: #fff;
align-items: center;
}
.vision{
margin: 60px 0px;
}
.visionLabel{
font-size: 200%;
margin: 0px 0px 20px 0px;
}
.visionTxt{
font-size: 110%;
}
.aboutPageContent{
    margin: 75px 0px;
}
.ourPurposeWrap{

}
.purposeLabelWrap{
flex-direction: column;
        width: 49%;
}
.purposeLabel{

}
.PL1{

}
.PL2{
font-size: 90%;
}
.purposeImg{
background-image: url(../images/op.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 90%;
    height: 360px;
    border-radius: 10px;
}
.purposeCardWrap{
flex-direction: column;
        width: 49%;
}
.purposeCard{
padding: 15px;
flex-direction: column;
    height: 185px;
        margin-bottom: 12px;
}
.purposeIconWrap{
    background: #071839;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    align-items: center;
}
.purposeIcon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 22px;
}
#purposeIcon1{
background-image: url(../images/star.svg);
}
#purposeIcon2{
background-image: url(../images/set.svg);
}
#purposeIcon3{
background-image: url(../images/hamm.svg);
}
.purposeCardDetsWrap{

}
.PCTxt1{
font-size: 120%;
margin: 0px 0px 4px 0px;
}
.PCTxt2{
font-size: 90%;
}
.sustainTxtSec{

}
.sustainTxtWrap{
margin: 88px 0px;
}
.sustainLabel{

}
.sustainTxtInner{
width: 70%;
font-size: 90%;
}
.sustainTxt{
font-size: 150%;
}
.aboutContactBtnWrap{
    margin: 30px 0px 0px 0px;
}
.aboutContactBtn{
text-decoration: none;
    background: #000;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
}
/*aboutPage*/
/*ServicesPage*/
#serviceTopImg{
background-image: url(../images/ssss.webp);
}
.servicesContentWrap{
    margin: 85px 0px;
}
.servicesContent{

}
.serviceWorks{
    margin: 0px 0px 120px 0px;

}
.serviceWorkLabel{

}
.serviceWorkRow{
width: 100%;
}
.serviceWorkWrap{
width: 32%;
padding: 12px;
}
#serviceWIcon1{
background-image: url(../images/ss.svg);
}
#serviceWIcon2{
background-image: url(../images/home.svg);
}
#serviceWIcon3{
background-image: url(../images/homeo.svg);
}
.serviceWorkTxt{
font-size: 90%;
}
.servicesTopTxt{
text-align: center;
margin: 0px 0px 25px 0px;
}
.servicesSubtxt{
    font-size: 100%;
    margin: 0px 0px 20px 0px;
}
.servicesCardWrap{
    margin-bottom: 25px;
}
.serviceCard{
	flex-direction: column;
    width: 49%;
    padding: 20px;
        height: 450px;
}
.serviceIconLabelWrap{

}
#serviceIcon1{
    background-image: url(../images/home.svg);
}
#serviceIcon2{
    background-image: url(../images/stack.svg);
}
#serviceIcon3{
    background-image: url(../images/chair.svg);
}
#serviceIcon4{
    background-image: url(../images/hh.svg);
}
#serviceIcon5{
    background-image: url(../images/gg.svg);
}
#serviceIcon6{
    background-image: url(../images/vv.svg);
}
.serviceIconWrap{
    background: #071839;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    align-items: center;
}
.serviceIcon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 20px;
}
.serviceCardLabel{
font-size: 115%;
margin: 10px 0px 8px 0px;
}
.serviceCardTxt{
font-size: 90%;
line-height: 28px;
}

/*ServicesPage*/
/*projectsPage*/
#projectTopImg{
background-image: url(../images/ppp.webp);
}
.projectSection{
margin: 60px 0px;
}
.projectWrap{

}
.projectTopPart{
align-items: center;
}
.projectLabelImg{
background-image: url(../images/ppo.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 30%;
    height: 260px;
    border-radius: 14px;
}
.projectLabelTxt{
    font-size: 180%;
    width: 60%;
}
.projectBlock{
    margin: 75px 0px 30px 0px;
}
.projectName{
    margin: 0px 0px 20px 0px;
}
.project{
align-items: end;
}
.projectImgS{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 38%;
height: 300px;
    border-radius: 14px;
}
#projectSImg1{
background-image: url(../images/skyebank2.jpg);
}
.projectImgBWrap{
    width: 60%;
}
.projectDescp{
    font-size: 90%;
    margin: 0px 0px 10px 0px;
}
.projectImgB{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 520px;
    border-radius: 14px;
}
.projectBImg{

}
#projectBImg1{
background-image: url(../images/skyebank1.jpg);
}
#projectSImg2{
background-image: url(../images/firstBank2.jpg);
}
#projectBImg2{
background-image: url(../images/firstBank1.jpg);
}
#projectSImg3{
background-image: url(../images/sky2.jpg);
}
#projectBImg3{
background-image: url(../images/sky.jpg);
}
/*projectsPage*/
/*contactUsPage*/
.contactUsPageFormBlock{
width: 100%;
margin: 85px 0px;
}
.contactUsPageForm{

}
.contactInfoBlock{
    margin: 0px 0px 100px 0px;
}
.contactInfoBlockImg{
background-image: url(../images/cont.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 50%;
border-radius: 14px;
}
.contactInfoInputSection{
width: 48%;
}
.contactInfoTxt1{
    font-size: 120%;
    margin: 0px 0px 20px 0px;
}
.inputForm{

}
.inputFormTopDiv{
    margin: 0px 0px 20px 0px;
}
.inputNameTxt{
    font-size: 100%;
}
.topInput{
width: 100%;
    padding: 10px;
    font-size: 100%;
    border-radius: 10px;
    border: solid 1px #ccc;
}
.textAreaWrap{

}
.txtAreaInput{
width: 100%;
    padding: 10px;
    font-size: 100%;
        border-radius: 10px;
    border: solid 1px #ccc;
        resize: none;
    height: 200px;
}
.sendMssgBtnWrap{
align-items: center;
    margin: 10px 0px 0px 0px;
}
.sendMssgBtn{
    font-size: 100%;
    padding: 10px 12%;
    background: #000;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
}
.scheduleAndContactInfoBlock{
    background: #fff;
    border-radius: 14px;
    padding: 25px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
}
.scheduleAndContactInfoWrap{
width: 100%;
}
.scheduleAndContactInfoCarrier{
    width: 50%;
}
.contactInfoWrap{

}
.contactColumns{
display: flex;
align-items: center;
margin-bottom: 28px;
}
.contactColumnsIcon{
color: #071839;
font-size: 130%;
margin-right: 23px;
}
.contactColumnsInfo{
    color: #034833;
    line-height: 1.7;
    font-size: 105%;
}
.contactColumnsInfo span{
    color: #00000094;
    font-size: 80%;
}
.contactPageLine{
    width: 1px;
    background: #0000000f;
}
.scheduleInfoWrap{

}
.scheduleColumns{
margin-bottom: 28px;
    line-height: 1.7;
}
.scheduleDays{
font-size: 94%;
    color: #00000094;
}
.scheduleTime{
color: #034833;
}
.scheduleTime span{
color: #83CD20;
margin-right: 10px;
}
.scheduleAndContactImgCarrier{
    width: 45%;
    background-image: url(../images/vision.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 14px;
}
iframe{
width: 100%;
}
/*contactUsPage*/

/*footer*/
.flex{
display: flex;
}
.justify-content-SB{
justify-content: space-between;
}
.justify-content-C{
justify-content: center;
}
.width-D85-T90-M90{
width: 90%;/*D85 for desktop, T90 for tablet, M90 for mobile*/
}
.footerSection{
background: #000;
width: 100%;
}
.footerWrap{
padding: 40px 0px;
}
.footerSec{
color: #fff;
width: 20%;
}
.footerLogoWrap{
width: 55%;
}
.footerLogo{
background-image: url(../images/loa-logo.svg);
background-position: left;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 65px;
display: flex;
}

.footerSocialsWrap{
width: 65%;
    margin: 12px 0px 0px 0px;
}
.footerSocialsWrapM{
display: none;    
}
.footerSocials{
text-decoration: none;
    color: #fff;
    font-size: 120%;
}
.footerLinksLabel{
font-size: 110%;
    margin: 0px 0px 20px 0px;
}
.footerLinksWrap{
flex-direction: column;
}
.footerLinks{
text-decoration: none;
    color: #fff;
    font-size: 85%;
    margin: 0px 0px 10px 0px;
}
/*footer*/