*{
    margin:0;
    padding:0;
}
body{
    background: white;
}
main{
    width:100%;
    max-width:1440px;
    min-height: 100vh;
    margin-left:auto;
    margin-right:auto;
}
header{
    display:flex;
    justify-content: space-between;
    min-height:100vh;
    align-items: center;
    flex-direction: column;
    width:100%;
    max-width: 1440px;
}
.menuNav{
    display:flex;
    justify-content: space-around;
    align-items: center;
    width:100%;
    min-height:77px;
    font-size: 17px;
    flex-wrap:wrap;
}
header > .menuNav > span{
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 43px;
}
.menuNav > nav > ul{
    min-width:400px;
}
.menuNav > nav > ul > li{
    display:inline-block;
    margin-right:3%;
}
.menuNav > nav > ul > li > a{
    color:black;
}
.menuNav > button{
    width:100%;
    max-width:231px;
    min-height:68px;
    background: white;
    border-radius: 17px;
    font-size: 23px;
}
.menuNav > nav > span{
    display:none;
}
@media(max-width:700px){
    .menuNav > nav > ul{
        display:none;
    }
    .menuNav > nav > span{
        display:block;
        width:33px;
        height:3px;
        background: #b9ff77;
    }
    .menuNav > nav > span:nth-child(3){
        margin-top:7px;
        margin-bottom:7px;
    }
}

.center{
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    max-width:1300px;
    min-height: 515px;
    flex-wrap: wrap;
}
.center > div{
    min-height:531px;
    display:flex;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: column;
}
.center > div > h1{
    width:100%;
    max-width:531px;
    font-size: 53px;
}
.center > div > p{
    width:100%;
    max-width:498px;
    font-size:20px;
}
@media(max-width:700px){

}
.center > img{
    width:100%;
    max-width:601px;
}
.center > div > button{
    width:100%;
    max-width:264px;
    min-height:68px;
    border-radius:17px;
    background:black;
    color:white;
    font-size:30px;
}
header > marquee > strong{
    display:flex;
    font-size: 33px;
}

/* Article */
article{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    max-width:1440px;
    flex-direction: column;
}
.ooK{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    max-width:1300px;
    margin-top:3%;
    margin-bottom:3%;
    min-height:51px;
}
.ooK > h2{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:30px;
    background: #b9ff77;
    /* width:100%; */
    min-width:178px;
    min-height:51px;
    border-radius:7px;
}
.ooK > p{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 580px;
    min-height:51px;
    margin-left:3%;
    z-index: 3;
}
/* @media(min-width:350px){
    .ooK{
        width:calc(100% - 7%);
    }
} */
.boxWithBlocks{
    display:flex;
    justify-content: center;
    align-items: center;
    max-width:1440px;
    width:100%;
    flex-wrap: wrap;
}
.boxWithBlocks > div{
    max-width:600px;
    width:100%;
    min-height:310px;
    background-color: #F3F3F3;
    display:flex;
    justify-content:space-around;
    align-items: center;
    border-radius: 27px;
    border: 1px solid gray;
    box-shadow: 0px 3px;
    margin-right:3%;
    margin-bottom:3%;
    flex-wrap:wrap;
}
.boxWithBlocks > div:nth-child(2), .boxWithBlocks > div:nth-child(4), .boxWithBlocks > div:nth-child(6){
    margin-right:0;
}
@media(max-width:1205px){
    .boxWithBlocks > div{
        margin-right:0;
    }
}
.boxWithBlocks > div:nth-child(3){
    background-color: black;
}
.boxWithBlocks > div:nth-child(3) > div{
    background-color: black;
}
.boxWithBlocks > div:nth-child(3) > div > button{
    color:black;
    background-color: white;
}
.boxWithBlocks > div:nth-child(3) > div > button:hover{
    background-color: #b9ff77;
}
.boxWithBlocks > div:nth-child(3) > div > button::before{
    color:white;
}
.boxWithBlocks > div:nth-child(2){
    background-color:#b9ff77;
}
.boxWithBlocks > div:nth-child(2) > div{
    background-color:#b9ff77;
}
.boxWithBlocks > div:nth-child(2) > div > button{
    color:#b9ff77;
}
.boxWithBlocks > div:nth-child(2) > div > button:hover{
    background-color: #b9ff77;
    color:black;
}
.boxWithBlocks > div:nth-child(2) > div > h3 mark{
    background-color: #F3F3F3;
}
/* .boxWithBlocks > div:nth-child(2) > div > button::before{
    color:black;
} */
.boxWithBlocks > div:nth-child(5){
    background-color:#b9ff77;
}
.boxWithBlocks > div:nth-child(5) > div{
    background-color:#b9ff77;
}
.boxWithBlocks > div:nth-child(5) > div > button{
    color:#b9ff77;
}
.boxWithBlocks > div:nth-child(5) > div > button:hover{
    background-color: #b9ff77;
    color:black;
}
.boxWithBlocks > div:nth-child(5) > div > h3 mark{
    background-color: #F3F3F3;
}
.boxWithBlocks > div:nth-child(6){
    background-color: black;
}
.boxWithBlocks > div:nth-child(6) > div{
    background-color: black;
}
.boxWithBlocks > div:nth-child(6) > div > button{
    color:black;
    background-color: white;
}
.boxWithBlocks > div:nth-child(6) > div > button:hover{
    background-color: #b9ff77;
}
.boxWithBlocks > div:nth-child(6) > div > button::before{
    color:white;
}
.boxWithBlocks > div > div{
    max-width:210px;
    min-height:210px;
    background-color: #F3F3F3;
    border-radius:17px;
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.boxWithBlocks > div > div > h3{
    /* background: #b9ff77; */
    font-size:20px;
    /* width: 210px; */
    display: inline;
}
.boxWithBlocks > div > div > h3 > mark{
    background-color: #b9ff77;
    padding:3%;
    border-radius: 7px;
}
.boxWithBlocks > div > div > button{
    border-radius:50%;
    width:41px;
    height:41px;
    font-size: 33px;
    color:#b9ff77;
    background-color: black;
    transform:rotate(-30deg);
    position: relative;
}
.boxWithBlocks > div > div > button:hover{
    background-color: rgba(39, 39, 39, 0.7);
}
.boxWithBlocks > div > div > button:before{
    content: "Learn More";
    display:inline-block;
    position: absolute;
    color: black;
    transform: rotate(30deg);
    min-width:250px;
    top:49px;
    left:-35px;
    font-size: 18px;
}
.letsMake{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    max-width:1300px;
    min-height:347px;
    background-color: #F3F3F3;
    border-radius: 37px;
    overflow: hidden;
    flex-wrap: wrap;
}
.letsMake > div{
    width:100%;
    max-width:500px;
    min-height:227px;
    margin-left:3%;
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
@media(max-width:370px){
    .letsMake > div{
        margin-left:0;
        margin-top:15px;
    }
}
.letsMake > div > button{
    width:100%;
    max-width:288px;
    height:68px;
    border-radius: 17px;
    color:white;
    background: black;
    font-size:20px;
}
.letsMake > div:nth-child(2) > img{
    width:100%;
    max-width: 359px;
    overflow: hidden;
    position: absolute;
}
.letsMake > div:nth-child(2){
    width:100%;
    max-width: 359px;
    min-height:227px;
    /* right:15%; */
    display:flex;
    justify-content: center;
    align-items: center;
}
.blackBox{
    width:100%;
    max-width:1300px;
    min-height:327px;
    background-color: #191A23;
    border-radius: 27px;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
}
.blackBox > div{
    width:286px;
    height:163px;
    margin-top:-33px;
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
@media(max-width:1000px){
    .blackBox > div{
        margin-top:33px;
        margin-bottom:33px;
    }
}
.blackBox > div > p{
    color:white;
    font-size: 14px;
}
.blackBox > div > button{
    background: none;
    border:none;
    color:#b9ff77;
    font-size: 20px;
    margin-top: 27px;
}
.blackBox > div > button::after{
    content: "➜";
    display:inline-block;
    transform: rotate(-30deg);
    color:#b9ff77;
    margin-left:5px;
}
.line{
    display:block;
    height:187px;
    width:2px;
    background-color: grey;
    margin-left:3%;
    margin-right:3%;
}
/* // Consultation class here!!!!!!!!!!!!!!!!!!!!!! */
.consultation{
    max-width:1300px;
    width:calc(100% - 4px);
    min-height:279px;
    border-radius: 27px;
    box-shadow:#191A23 0 3px;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #b9ff77;
    border:1px solid grey;

    margin-top: 3%;
}
.consultation > div > h3{
    font-size: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    /* flex-wrap:wrap; */
}
.consultation > div > h3 > div > span{
    font-size: 43px;
    margin-right:3%;
}
.consultation > div > h3 > div{
    font-size: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.consultation > div{
    width:100%;
    max-width:1114px;
    min-height:149px;
    display:flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: baseline;
}
.consultation > div > hr{
    width:100%;
}
#circle{
    width:58px;
    height:58px;
    background-color: #F3F3F3;
    border-radius: 50%;
    border: 1px solid black;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 53px;
}
.consultationClose{
    height: 159px;
    background-color: #F3F3F3;

    max-width:1300px;
    width:calc(100% - 4px);
    border-radius: 27px;
    box-shadow:#191A23 0 3px;
    display:flex;
    justify-content: center;
    align-items: center;
    border:1px solid grey;
    margin-top: 3%;
}
.consultationClose > div > h3{
    font-size: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    /* flex-wrap:wrap; */
}
@media(max-width:350px){
    .consultation > div > h3{
        flex-wrap:wrap;
    }
    .consultationClose > div > h3{
        flex-wrap: wrap;
    }
}
.consultationClose > div > h3 > div > span{
    font-size: 43px;
    margin-right:3%;
}
.consultationClose > div > h3 > div{
    font-size: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
}
.consultationClose > div{
    width:100%;
    max-width:1114px;
    min-height:149px;
    display:flex;
    justify-content: center;
    flex-direction: column;
    align-items: baseline;
}
.consultationClose > div > hr{
    width:100%;
    display:none;
}
.consultationClose > div > p{
    display:none;
}

.team{
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    max-width:1300px;
    min-height:725px;
    flex-wrap: wrap;
}
.team > div{
    width:100%;
    max-width:387px;
    min-height:330px;
    border-radius: 27px;
    border:2px solid gray;
    box-shadow: 0 3px black;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:3%;
}
/* .team > div:nth-child(3), .team > div:nth-child(6){
    margin:0;
} */
 @media(max-width:800px){
    .team{
        justify-content: center;
    }
 }
.team > div > div{
    background-color: #F3F3F3;
    width:317px;
    min-height:250px;

}
.team > span{
    margin-top:3%;
    margin-bottom:3%;
    width:100%;
    max-width:1300px;
    display:flex;
    justify-content: flex-end;
    align-items: center;
}
.team > span > button{
    width:269px;
    height:68px;
    border-radius: 17px;
    background-color: #191A23;
    color:#F3F3F3;
    font-size:20px;
}
.testimonials{
    width:100%;
    max-width:1300px;
    min-height:625px;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #191A23;
    border-radius: 27px;
    overflow: hidden;
    flex-direction: column;
}
.testimonials > h2{
    width:100%;
    text-align: center;
    color:white;
    text-shadow:2px 2px black;
}
.testimonials > div{
    display:flex;
    justify-content: flex-start;
    /* align-items: center; */
    flex-direction: column;
    width:100%;
    max-width:1918px;
    min-height:473px;
    /* overflow: hidden; */
    margin:3%;
}
#sigCommentsBlock{
    width:100%;
}
.contactUs{
    width:100%;
    max-width:1300px;
    min-height:733px;
    background-color: #F3F3F3;
    border-radius: 27px;
    display:flex;

}
.contactUs > div{
    width:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.contactUs > div > div{
    width:100%;
    display:flex;
    justify-content: center;
    align-items: center;
}
.contactUs > div > div > div{
    width:557px;
    height:633px;
}

.contactUs > div > div > div > button{
    width:100%;
    max-width:556px;
    height:68px;
    background-color: #191A23;
    color:white;
    border-radius: 27px;
    font-size: 20px;
}
.contactUs > div > div:nth-child(2){
    width:100%;
    display:flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    /* overflow: hidden; */
    max-width: 500px;
    z-index: 999;
}
/* .contactUs > div:nth-child(1) > div:nth-child(2) */
.contactUs > div > div:nth-child(2) > img{
    position: absolute;
    left:120px;
    overflow: hidden;
    display:flex;
    justify-content: end;
}
main > div{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    max-width:1440px;
    flex-direction: column;
}
footer{
    width:100%;
    max-width:1300px;
    min-height:514px;
    border-radius: 27px 27px 0 0;
    background-color: #191A23;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:7%;
}
footer > div{
    width:100%;
    max-width:1121px;
    min-height:434px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
footer > div > nav{
    display:flex;
    justify-content: space-between;
    align-items: center;
    max-width:1121px;
    height:30px;
}
footer > div > nav > ul{
    color:white;
    width:100%;
    max-width:500px;
} 
footer > div > nav > ul > li{
    display:inline-block;
    margin-right: 3%;
}
footer > div > nav > ul > li > a{
    color:white;
}
.menuFooter{
    display:flex;
    flex-direction: column;
}
@media(min-width:700px){
    .menuFooter{
        display:none;
    }
}
@media(max-width:700px){
    footer > div > nav > ul{
        display:none;
    }
    /* body > main:nth-child(1) > div:nth-child(3) > footer > div > nav > ul > span */
    .menuFooter > span{
        display:block;
        width:37px;
        height:3px;
        background-color:#b9ff77;
    }
    .menuFooter > span:nth-child(2){
        margin-top:7px;
        margin-bottom:7px;
    }
}
footer > div > nav > div{
    color:white;
    display:flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 110px;
}
footer > div > div:nth-child(2){
    color:white;
}
footer > div > div:nth-child(2) > div > button{
    width:127px;
    height:30px;
    color:#191A23;
    background-color: #b9ff77;
    border-radius: 7px;
    margin-bottom:3%;
}
/* body > main:nth-child(1) > div:nth-child(3) > footer > div > div:nth-child(2) > div > button */
footer > div > div:nth-child(2) > div{
    width:100%;
    max-width:332px;
    height:185px;
}
footer > div > hr{
    width:100%;
    max-width:1120px;
    background-color: grey;
}
footer > div > section{
    /* margin-top:7%; */
    width:100%;
    max-width:1120px;
    min-height:78px;
    border-top: 2px solid gray;
    color:white;
    display:flex;
    justify-content: baseline;
    align-items: end;
}


/* MENU  */
.openMenu{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height: 0;
    background-color: #b9ff77c7;
    position: fixed;
    top:0;
    transition: ease-out 1s ;
    font-size:0;
    flex-direction:column;
    z-index: 3;
    opacity: 0;
}
/* .closeMenu{
    height:0;
} */
.openMenu > h3 > a{
    color:#191A23;
}

/* mFooter */
.mFooter{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height: 0;
    background-color: #b9ff77c7;
    position: fixed;
    bottom:0;
    transition: ease-out 1s ;
    font-size:0;
    flex-direction:column;
    z-index: 3;
    opacity: 0;
    transition: ease-out 1s ;
}