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;
}
.bgColorGreen{
background-color: #83cd20;
}
.secBigTxt{
font-size: 260%;
}
.greyTxt{
color: rgb(93, 93, 93);
}
.cardBorder{
border: 1px solid rgb(195, 213, 241);
border-radius: 14px;
}
.genWidth{
width: 85%;
}
.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: 28px 0px;
}
.LogoWrap{
width: 15%;
    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: 60%;
align-items: center;
}

.menuNavCarrier{
width: 100%;
font-size: 120%;
}
.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: 410%;
    margin-top: 120px;
    width: 50%;
    line-height: 74px;
}
.indexTopImgTxt2{
    text-align: center;
    font-size: 100%;
    margin: 30px 0px;
    width: 30%;
}
.DD{
width: 15%;
}
.getStartedBtnWrap{

}
.getstartedLink{
text-decoration: none;
    background: #fff;
    color: #000;
    padding: 10px;
    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: 50%;
}
.EITxtBig{
    text-align: center;
    margin: 0px 0px 24px 0px;
}
.EITxtSmall{
    text-align: center;
    font-size: 105%;
}
.indexPerksSection{
margin: 80px 0px;
}
.indexPerksGWrap{

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

}
.perkIconWrap{
    background: #071839;
    width: 50px;
    height: 50px;
    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: 30px;
}
.perkCardLabel{
font-size: 140%;
    margin: 14px 0px 0px 0px;
}
.indexCardDesc{

}
.perkTxt{
    margin: 0px 0px 14px 0px;
}
.learnMoreWrap{
align-items: center;
width: 32%;
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: 40%;
}
.perkViewallBtn{
text-decoration: none;
    background: #000;
    color: #fff;
    border-radius: 44px;
    font-size: 110%;
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
}
.latestProjectSection{
padding: 55px 0px;
}
.latestWrap{

}
.LatestLabelWrap{
margin: 0px 0px 45px 0px;
}
.latestLabel{

}
.latestAdditional{
    font-size: 200%;
    width: 60%;
}
.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: 150%;
    color: #000;
    margin: 10px 0px;
}
.latestPDescp{
font-size: 110%;
}
.indexAboutSection{
    margin: 80px 0px;
}
.indexAboutWrap{

}
.indexAboutTxtWrap{
width: 50%;
}
.indexAboutTxt1{

}
.indexAboutTxt2{
margin: 20px 0px;
    width: 80%;
    font-size: 95%;
}
.indexAboutBtn{
    text-decoration: none;
    background: #000;
    color: #fff;
    font-size: 110%;
    padding: 10px 35px;
    border-radius: 24px;
}
.indexAboutImg{
background-image: url(../images/sk.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 50%;
height: 600px;
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: 650px;
    align-items: center;
    background: #00000082;
}
.consultationWrap{

}
.consultTxt1{
font-size: 400%;
    width: 50%;
    line-height: 62px;
}
.consultTxt2{
width: 40%;
    font-size: 120%;
    margin: 20px 0px;
}
.consultBtnWrap{
width: 15%;
}
/*aboutPage*/
.pageTopImg{
background-image: url(../images/a.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
}
.pageImgOverlay{
background: #00000082;
    height: 490px;
}
.pageLabelWrap{
color: #fff;
flex-direction: column;
align-items: center;
margin: 70px 0px 0px 0px;
}
.pageLabel{
    font-size: 450%;
}
.pageLabelS{
font-size: 130%;
width: 40%;
text-align: center;
}
.introWrap{
margin: 70px 0px;
}
.intro{

}
.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: 500px;
color: #fff;
align-items: center;
}
.vision{
margin: 60px 0px;
}
.visionLabel{
font-size: 260%;
margin: 0px 0px 20px 0px;
}
.visionTxt{
font-size: 140%;
}
.aboutPageContent{
    margin: 75px 0px;
}
.ourPurposeWrap{

}
.purposeLabelWrap{
flex-direction: column;

}
.purposeLabel{

}
.PL1{

}
.PL2{

}
.purposeImg{
background-image: url(../images/op.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 80%;
    height: 375px;
    border-radius: 10px;
}
.purposeCardWrap{
flex-direction: column;
}
.purposeCard{
padding: 18px;
flex-direction: column;
    height: 185px;
    margin-bottom: 12px;
}
.purposeIconWrap{
    background: #071839;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    align-items: center;
}
.purposeIcon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 28px;
}
#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: 130%;
margin: 0px 0px 4px 0px;
}
.PCTxt2{

}
.sustainTxtSec{

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

}
.sustainTxtInner{
width: 70%;
}
.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: 104%;
}
.servicesTopTxt{
text-align: center;
margin: 0px 0px 25px 0px;
}
.servicesSubtxt{
    font-size: 120%;
    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: 50px;
    height: 50px;
    border-radius: 100%;
    align-items: center;
}
.serviceIcon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 28px;
}
.serviceCardLabel{
font-size: 150%;
margin: 10px 0px 0px 0px;
}
.serviceCardTxt{
font-size: 110%;
    line-height: 35px;
}

/*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: 300px;
    border-radius: 14px;
}
.projectLabelTxt{
    font-size: 225%;
    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: 350px;
    border-radius: 14px;
}
#projectSImg1{
background-image: url(../images/skyebank2.jpg);
}
.projectImgBWrap{
    width: 60%;
}
.projectDescp{
    font-size: 110%;
    margin: 0px 0px 10px 0px;
}
.projectImgB{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 600px;
    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: 140%;
    margin: 0px 0px 20px 0px;
}
.inputForm{

}
.inputFormTopDiv{
    margin: 0px 0px 20px 0px;
}
.inputNameTxt{
    font-size: 110%;
}
.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: 30px;
    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: 140%;
margin-right: 23px;
}
.contactColumnsInfo{
    color: #034833;
    line-height: 1.7;
    font-size: 115%;
}
.contactColumnsInfo span{
    color: #00000094;
    font-size: 75%;
}
.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: 40%;
    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: 85%;/*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: 45%;
}
.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: 45%;
    margin: 12px 0px 0px 0px;
}
.footerSocialsWrapM{
display: none;    
}
.footerSocials{
text-decoration: none;
    color: #fff;
    font-size: 120%;
}
.footerLinksLabel{
font-size: 130%;
    margin: 0px 0px 20px 0px;
}
.footerLinksWrap{
flex-direction: column;
}
.footerLinks{
text-decoration: none;
    color: #fff;
    font-size: 95%;
    margin: 0px 0px 10px 0px;
}
/*footer*/