*{
    margin: 0;
    padding: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.site{
    background-color: white;
}

.navigation{
    width: 100%;
    height: 164px;
    position: relative;
}

.sitename{
    position: absolute;
    left: 80px;
    top: 67px;
}

.items{
    position: absolute;
    left: 870px;
    top: 56px;
    width: 390px;
    height: 52px;
}

.page1{
    position: absolute;
    left: 0px;
    top: 11px;
    text-decoration: none;
    color: black;
}

.page2{
    position: absolute;
    left: 97px;
    top: 11px;
    text-decoration: none;
    color: black;
}

.page3{
    position: absolute;
    left: 194px;
    top: 11px;
    text-decoration: none;
    color: black;
}

.button{
    position: absolute;
    left: 291px;
    top: 0px;
    width: 99px;
    height: 52px;
    background-color: black;
    border-radius: 8px;
    transition: ease-in-out 0.3s;
}

.button:hover{
    background-color: rgb(91, 91, 91);
}

.button:active{
    background-color: rgb(160, 160, 160);
    transform: scale(1.3);
}

.button12{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    text-decoration: none;
    color: white;
}

.title{
    position: relative;
    left: 79px;
    top: 112px;
}

.landingtitle{
    top: 0px;
    left: 0px;
}

.sublanding{
    position: absolute;
    top: 101px;
    left: 0px;
    width: 100%;
    height: 72px;
}

.button1{
    position: absolute;
    left: 0px;
    top: 213px;
    background-color: black;
    width: 141px;
    height: 76px;
    border-radius: 8px;
    transition: ease-in-out 0.3s;
}

.button1:hover{
    background-color: rgb(91, 91, 91);
}

.button1:active{
    background-color: rgb(160, 160, 160);
    transform: scale(1.3);
}

.buttontext67{
    align-items: center;
    justify-content: center;
    height: 76px;
    display: flex;
    text-decoration: none;
    color: white;
    font-size: 24px;
}

.heroimg{
    position: absolute;
    top: 581px;
    left: 80px;
    width: 800px;
    height: 640px;
}

.sectionheading{
    position: absolute;
    top: 1371px;
    left: 80px;
    font-size: 40px;
}

.cards{
    position: relative;
    top: 1277px;
    left: 80px;
    width: 100%;
    height: 441px;
}

.imgcard1{
    position: absolute;
    width: 305px;
    height: 305px;
}

.card1text{
    position: absolute;
    top: 329px;
}

.card1text h3{
    font-size: 18px;
}

.card1text p{
    font-size: 18px;
}

.card2{
    position: absolute;
    left: 337px;
}

.imgcard2{
    position: absolute;
    width: 305px;
    height: 305px;
}

.card2text{
    position: absolute;
    top: 329px;
    width: 381px;
    height: 112px;
}

.card2text h3{
    font-size: 18px;
}

.card2text p{
    font-size: 18px;
}

.card3{
    position: absolute;
    left: 674px;
}

.imgcard3{
    position: absolute;
    width: 305px;
    height: 305px;
}

.card3text{
    position: absolute;
    top: 329px;
    width: 381px;
    height: 112px;
}

.card3text h3{
    font-size: 18px;
}

.card3text p{
    font-size: 18px;
}

.sectionheading1{
    position: relative;
    top: 1398px;
    left: 80px;
    font-size: 40px;
}

.text{
    position: relative;
    top: 1454px;
    left: 80px;
    width: 516px;
    height: 480px;
}

.text1{
    font-size: 20px;
}

.subhead1{
    margin-bottom: 16px;
}

.subhead2{
    margin-bottom: 16px;
    margin-top: 64px;
}

.subhead3{
    margin-bottom: 16px;
    margin-top: 64px;
}

.text2{
    font-size: 20px;
}

.text3{
    font-size: 20px;
}

.imagepng67{
    position: absolute;
    top: 2050px;
    left: 736px;
    width: 504px;
    height: 504px;
}

.buttonws{
    position: relative;
    top: 1331px;
    left: 79px;
    width: 396px;
    height: 60px;
    gap: 16px;
}

.buttonws1{
    width: 125px;
    height: 60px;
    border-radius: 8px;
    background-color: black;
    color: white;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: ease-in-out 0.3s;
    position: absolute;
}

.buttonws1:hover{
    background-color: rgb(91, 91, 91);
}

.buttonws1:active{
    background-color: rgb(160, 160, 160);
    transform: scale(1.3);
}

.buttontext67{
    text-decoration: none;
    color: white;
    font-size: 18px;
}

.buttonws2{
    position: absolute;
    left: 141px;
    background-color: #E6E6E6;
    width: 255px;
    height: 60px;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: ease-in-out 0.3s;
    margin-bottom: 20px;
}

.buttonws2 a{
    color: black;
}

.buttonws2:hover{
    background-color: #b7b7b7;
}

.buttonws2:active{
    background-color: #818181;
    transform: scale(1.3);
}

.sec1234{
    top: 2682px;
    position: absolute;
    left: 80px;
}

.comments{
    position: relative;
    top: 1573px;
    left: 80px;
    width: 100%;
    height: 198px;
}

.customer1{
    position: absolute;
    width: 305.33px;
    height: 168px;
    background-color: white;
    border-radius: 8px;
    border: 0.5px solid black;
    top: 0px;
}

.comment1{
    position: absolute;
    top: 32px;
    left: 60px;
}

.avatar1{
    position: absolute;
    top: 116;
    left: 32;
}

.ava1{
    position: absolute;
    top: 80px;
    left: 60px;
    width: 35px;
    height: 35px;
}

.avaframe1{
    position: absolute;
    left: 111px;
    top: 78px;
    width: 88px;
    height: 50px;
}

.customer2{
    position: absolute;
    width: 305.33px;
    height: 168px;
    background-color: white;
    border-radius: 8px;
    border: 0.5px solid black;
    top: 0px;
    left: 400px;
}

.comment2{
    position: absolute;
    top: 32px;
    left: 60px;
}

.avatar2{
    position: absolute;
    top: 116;
    left: 32;
}

.ava2{
    position: absolute;
    top: 80px;
    left: 60px;
    width: 35px;
    height: 35px;
}

.avaframe2{
    position: absolute;
    left: 111px;
    top: 78px;
    width: 88px;
    height: 50px;
}

.customer3{
    position: absolute;
    width: 305.33px;
    height: 168px;
    background-color: white;
    border-radius: 8px;
    border: 0.5px solid black;
    top: 0px;
    left: 800px;
}

.comment3{
    position: absolute;
    top: 32px;
    left: 60px;
}

.avatar3{
    position: absolute;
    top: 116;
    left: 32;
}

.ava3{
    position: absolute;
    top: 80px;
    left: 60px;
    width: 35px;
    height: 35px;
}

.avaframe3{
    position: absolute;
    left: 111px;
    top: 78px;
    width: 88px;
    height: 50px;
}

.sectionslast{
    position: relative;
    top: 1711px;
    background-color: #F7F7F7;
    width: 100%;
    height: 236px;
}

.seclast{
    position: absolute;
    top: 105px;
    left: 80px;
}

.buttonlast{
    position: absolute;
    top: 95px;
    left: 774px;
    width: 437px;
    height: 76px;
}

.buttonlast1{
    background-color: black;
    width: 131px;
    height: 66px;
    border-radius: 8px;
    color: white;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 20px;
    transition: ease-in-out 0.3s;
}

.buttonlast1:hover{
    background-color: rgb(91, 91, 91);
}

.buttonlast1:active{
    background-color: rgb(130, 130, 130);
    transform: scale(1.3);
}

.buttonlast2{
    left: 165px;
    top: 0px;
    position: absolute;
    width: 271px;
    height: 66px;
    background-color: #E6E6E6;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 20px;
    transition: ease-in-out 0.3s;
}

.buttonlast2:hover{
    background-color: #bababa;
}

.buttonlast2:active{
    background-color: #7b7b7b;
    transform: scale(1.3);
}

.navfooter{
    position: relative;
    top: 1747px;
    background-color: white;
    height: 264px;
    width: 100%;
}

.lastname67{
    top: 52px;
    left: 80px;
    position: absolute;
    font-size: 22px;
}

.socialicons{
    top: 176px;
    position: absolute;
    left: 80px;
    width: 184px;
    height: 40px;
}

.icon1{
    width: 40px;
    height: 40px;
}

.icon2{
    width: 40px;
    height: 40px;
}

.icon3{
    width: 40px;
    height: 40px;
}

.icon4{
    width: 40px;
    height: 40px;
}

.items1{
    width: 187px;
    height: 168px;
    position: absolute;
    top: 48px;
    left: 736px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.items2{
    width: 187px;
    height: 168px;
    position: absolute;
    top: 48px;
    left: 915px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.items3{
    width: 187px;
    height: 168px;
    position: absolute;
    top: 48px;
    left: 1103px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}