* {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
}

.header {
    background-color: #FFC9BA;
}

.navbar {
    width: 1110px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    position: relative;
    padding-bottom: 16px;
}

.navbar input {
    width: 327px;
    height: 48px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid;
}

.navbar input::placeholder {
    color: #212121;
    font-family: "Open Sans", sans-serif;
    width: 56px;
    height: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding-left: 16px;
    padding-top: 12px;
}

.inputlogo {
    position: absolute;
    top: 40px;
    left: 670px;
}

.navbarlogo {
    width: 92px;
    height: 32px;
}

.headeralt {
    display: flex;
    width: 1110px;
    margin: auto;
    padding-top: 103px;
}

.left {
    margin-right: 24px;
}

.left h2 {
    width: 373px;
    height: 96px;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.1px;
    padding-bottom: 16px;
}

.left p {
    width: 373px;
    height: 56px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 32px;
}

.explore {
    width: 200px;
    display: flex;
    justify-content: space-between;
}

.explore a {
    text-decoration: none;
    color: #212121;
    width: 204px;
}

.explore img {
   width: auto;
}

.right img {
    padding-top: 41px;
    margin-bottom: 136px;
}

.container {
    width: 1110px;
    margin: auto;
}

.section01 {
    padding-top: 56px;
    padding-bottom: 56px;
}

.section02 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
}

.left2 {
    background-color: #E6F0FF;
    width: 637px;
    height: 734px;
}

.right2 {
    background-color: #FAFAFB;
    width: 449px;
    height: 734px;
}

.left2 h3 {
    width: auto;
    height: 60px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    padding: 40px;
}

.right2 h3 {
    width: auto;
    height: 60px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    padding: 40px;
}

.section03 {
    margin-top: 48px;
}

.showroom {
    display: flex;
    justify-content: space-between;
    padding-bottom: 48px;
}

hr {
    color: #EAEAEA;
    margin-bottom: 24px;
    border: 1px solid;
}

.section03 h3 {
    width: 192px;
    height: 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 16px;
}

.pic1 img {
 padding-bottom: 12px;
}

.paragraph1 p {
    color: #807E7E;
    width: 315px;
    height: 21px;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    padding-bottom: 4px;
}

.paragraph2 {
    color: #212121;
    width: 316.67px;
    height: 28px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 8px;
}

.pic1 h3 {
    width: 60px;
    height: 28px;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
}

.section04 {
    display: flex;
    padding-bottom: 80px;
}

.right3 {
    background-color: #ECF1F8;
}

.left3 {
    background-color: #FAFAFB;
}

.leftmain {
    padding-top: 128px;
    padding-left: 97px;
    padding-right: 64px;
    padding-bottom: 211px;
}

.leftmain h2 {
    color: #212121;
    width: 287px;
    height: 74px;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    letter-spacing: -0.35px;
    padding-bottom: 8px;
}

.leftmain p {
    width: 287px;
    height: 48px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 40px;
}

.section05 {
    margin-top: 56px;
    padding-bottom: 32px;
}

.section05 h3 {
    width: 192px;
    height: 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 16px;
}

.showroom2 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
}

.articlestop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-top: 80px;
}

.articles {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
}

.left4 h3 {
    width: 148px;
    height: 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.article img {
    padding-bottom: 16px;
}

.article p {
    color: #807E7E;
    width: 259.5px;
    height: 21px;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
}

.article a {
    width: 259.5px;
    height: 28px;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-decoration: none;
    color: #212121;
}

.footer {
    width: 1110px;
    display: flex;
    margin: auto;
    padding-top: 72px;
    margin-bottom: 71px;
    justify-content: space-between;
}

ul {
    list-style-type: none;
}

.left5 img {
    padding-bottom: 24px;
}

.left5 p {
    color: #52647C;
    width: 496px;
    height: 72px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.right5 {
    width: 496px;
    height: 152px;
    display: flex;
    justify-content: space-between;
}

.linkgroup {
    width: 149px;
    height: 152;
}

.linkgroup h3 {
    width: 150px;
    height: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 8px;
}

.linkgroup li {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 8px;
}

li a {
    text-decoration: none;
    color: #807E7E;
}

.footerbottom {
    width: 1110px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
}

.left6 {
    width: 216px;
    height: 24px;
    display: flex;
    justify-content: space-between;
}

.right6 img {
    padding-top: 7px;
}