.section-nbanner1 {
background:url(../images/nbanner-bg1.jpg) no-repeat center center;
background-size:cover;
padding:50px;
min-height:540px;
display:flex;
align-items:flex-start;
justify-content: space-between;
flex-direction:column;
gap:20px;
}

.section-nbanner1 .title {
color: #326352;
font-family: Montserrat;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-nbanner1 .bottom {
display:flex;
align-items:center;
gap:50px;
}

.block-all-banner-price {
border-radius: 15px;
border: 1px solid #4E9C84;
background: #FFF;
padding:8px;
text-align:center;
}

.section-nbanner1 .right {
flex:1;
display:flex;
align-items:center;
gap:33px;
}

.block-all-banner-price .price {
margin:0 0 8px 0;
padding:0px;
color: #000;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.block-all-banner-price .price span {
color: #4E9C84;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 0 6px;
}

.block-all-banner-price .btn {
display:flex;
align-items:center;
justify-content: center;
gap:12px;
text-decoration:none;
cursor:pointer;
padding:20px 32px;
border-radius: 10px;
background: #4E9C84;
color: #F7F7F7;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
transition: .5s;
}

.block-all-banner-price .btn:hover {
opacity:.9;
}

.section-nbanner1 .name {
border-radius: 10px;
background: rgba(255, 255, 255, 0.30);
padding:6px 20px;
color: #326352;
text-align: center;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-nbanner2 {
display:flex;
gap:58px;
}

.section-nbanner2 .col-left {
width:100%;
max-width:373px;
display:flex;
justify-content: space-between;
flex-direction:column;
gap:12px;
padding:0 0 0 10px;
}

.section-nbanner2 .col-right {
flex:1;
}

.section-nbanner2 .geo {
display:flex; 
align-items:center; 
gap:8px; 
color: #326352; 
font-family: Montserrat; 
font-size: 18px; 
font-style: normal; 
font-weight: 500; 
line-height: 12.65px; 
}

.section-nbanner2 .title {
color: #326352;
font-family: Montserrat;
font-size: 41px;
font-style: normal;
font-weight: 700;
line-height: normal;
flex:1;
}

.section-nbanner2 .title span {
display:block;
font-size: 54px;
}

.section-nbanner2 .parent {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 9px;
}

.section-nbanner2 .div2 {
grid-column-start: 1;
grid-row-start: 2;
}

.section-nbanner2 .div3 {
grid-column-start: 2;
grid-row-start: 1;
}

.section-nbanner2 .div4 {
grid-column-start: 2;
grid-row-start: 2;
}

.section-nbanner2 .div5 {
grid-row: span 2 / span 2;
grid-column-start: 3;
grid-row-start: 1;
}

.section-nbanner2 .div6 {
grid-column-start: 4;
grid-row-start: 1;
}

.section-nbanner2 .div7 {
grid-column-start: 4;
grid-row-start: 2;
}

.section-nbanner2 .div8 {
grid-column-start: 5;
grid-row-start: 1;
}

.section-nbanner2 .div9 {
grid-column-start: 5;
}

.section-nbanner2 .parent a {
position:relative;
font-size:0px;
line-height:0px;
border-radius: 174.102px;
background: linear-gradient(180deg, #CCFFF5 0%, #72B09B 100%);
display:flex;
align-items:flex-end;
justify-content: center;
text-decoration:none;
overflow:hidden;
}

.section-nbanner2 .parent img {
position:relative;
bottom:-10px;
transition: .5s;
}

.section-nbanner2 .parent a:hover img {
bottom:0px;
}

.section-nbanner2 .parent span {
display:block;
position:absolute;
bottom:28px;
left:24px;
right:23px;
z-index:3;
padding:5px 17px;
border-radius: 8.705px;
background: #FFF;
color: #407E69;
text-align: center;
font-family: Arial;
font-size: 13.928px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.block-all-banner-price.mobile {
display:none;
}

.section-nbanner3 {
background:url(../images/section-nbanner3-bg.jpg) no-repeat center bottom;
background-size:contain;
min-height:540px;
padding:50px;
}

.section-nbanner3 .head {
display:flex;
align-items:flex-start;
justify-content: space-between;
gap:20px;
}

.section-nbanner3 .title {
color: #326352;
font-family: Montserrat;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-nbanner3 .images {
display:none;
text-align:center;
}

.section-nbanner4 {
background:url(../images/section-nbanner4-bg.jpg) no-repeat right center;
background-size:cover;
padding:50px 9px 50px 1px;
min-height:540px;
display:flex;
align-items:flex-start;
justify-content: space-between;
flex-direction:column;
gap:20px;
}

.section-nbanner4 .title {
color: #326352;
font-family: Montserrat;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-nbanner4 .title span {
display:block;
font-size: 54px;
}

.section-nbanner4 .bottom {
display:flex;
align-items:flex-start;
gap:13px;
}

.section-nbanner4 .block-all-banner-price {
flex-shrink:0;
}

.section-nbanner4 .right {
flex:1;
display:flex;
align-items:flex-end;
gap:39px;
}

.section-nbanner4 .name {
position:relative;
padding:6px 20px;
border-radius: 10px;
background: #FFF;
color: #407E69;
text-align: center;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-nbanner4 .name:nth-child(2n) {
margin:0 0 68px 0;
}

.section-nbanner4 .images {
display:none;
text-align:center;
font-size:0px;
line-height:0px;
}

@media screen and (max-width:1400px) {

.section-nbanner2 {
gap:11px;
}

.section-nbanner2 .parent span {
font-size:10px;
}

.section-nbanner4 .right {
justify-content: space-between;
gap:5px;
}



}

@media screen and (max-width:1000px) {


.section-nbanner1 .bottom {
width:100%;
flex-direction:column-reverse;
}

.section-nbanner1 .right {
width:100%;
gap:24px;
}

.section-nbanner1 {
background:url(../images/nbanner-bg1-tablet.jpg) no-repeat center center;
padding:60px 40px;
}

.section-nbanner1 .title {
width:100%;
color: #72B09B;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-nbanner1 .title br {
display:none;
}

.block-all-banner-price {
width:100%;
display:flex;
align-items:center;
gap:12px;
padding:12px;
}

.block-all-banner-price .price {
font-size: 16px;
margin:0px;
}

.block-all-banner-price .price span {
font-size:20px;
}

.block-all-banner-price .btn {
flex:1;
padding:16px 24px;
font-size: 14px;
}

.section-nbanner1 .name {
flex:1;
}

.section-nbanner2 {
flex-direction:column;
padding:0 20px;
}

.section-nbanner2 .col-left {
max-width:none;
}

.section-nbanner2 .col-left .block-all-banner-price {
display:none;
}

.section-nbanner2 .title {
text-align:center;
font-size: 32px;
}

.section-nbanner2 .title span {
display:initial;
font-size: 44px;
margin:0 12px 0 0;
}

.block-all-banner-price.mobile {
display:flex;
}

.block-all-banner-price.mobile .btn {
flex:1;
}

.section-nbanner3 {
background:url(../images/section-nbanner3-bg-mobile.jpg) no-repeat center bottom;
background-size:cover;
padding:50px 40px;
}

.section-nbanner3 .head .block-all-banner-price {
display:none;
}

.section-nbanner3 .head {
display:block;
}

.section-nbanner3 .images {
display:block;
margin:0 0 56px 0;
font-size:0px;
line-height:0px;
}

.section-nbanner3 .title {
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0 0 34px 0;
}

.section-nbanner4 {
background:none;
padding:0px 40px;
display:block;
}

.section-nbanner4 .right {
display:none;
}

.section-nbanner4 .title {
font-size: 32px;
text-align:center;
margin:0px;
}

.section-nbanner4 .title span {
display:contents;
margin:0 12px 0 0;
font-size: 44px;
}

.section-nbanner4 .images {
display:block;
margin:0 -40px;
}


}

@media screen and (max-width:780px) {

.section-nbanner1 {
background:url(../images/nbanner-bg1-mobile.jpg) no-repeat center center;
background-size:contain;
padding:40px 20px;
}

.section-nbanner1 .title {
font-size:28px;
}

.section-nbanner1 .bottom {
gap:30px;
}

.block-all-banner-price {
flex-direction:column;
padding:8px;
}

.section-nbanner1 .right {
gap:12px;
}

.section-nbanner1 .name {
flex:none;
width:100%;
max-width:74px;
padding:4px 8px;
font-size: 12px;
}

.section-nbanner1 .name:first-child, .section-nbanner1 .name:last-child {
position:relative;
top:-42px;
}

.section-nbanner2 .title {
font-size:28px;
}

.section-nbanner2 .title span {
display:block;
font-size:36px;
margin:0px;
}

.section-nbanner2 .parent {
display: flex;
flex-wrap:wrap;
gap: 4px;
position:relative;
margin:0 174px 0 0;
width:160px;
}

.section-nbanner2 .parent a {
width: 78px;
height: 85.25px;
}

.section-nbanner2 .parent span {
bottom:10px;
left:12px;
right:12px;
padding:2px 7px;
font-size: 5.832px;
}

.section-nbanner2 .parent img {
max-width:80%;
}

.section-nbanner2 .parent a:nth-child(5) {
position:absolute;
top:0px;
bottom:0px;
right:-176px;
width:162px;
height:auto;
border-radius: 87.91px;
}

.section-nbanner2 .parent a:nth-child(5) span {
bottom:20px;
left:39px;
right:38px;
}

.section-nbanner2 .parent a:nth-child(5) img {
max-width:none;
bottom:-170px !important;
}

.section-nbanner3 {
padding:40px 20px 39px 20px;
min-height:650px;
background: url(../images/section-nbanner3-bg-mobile2.jpg) no-repeat center bottom;
background-size: cover;
display: flex;
justify-content: space-between;
flex-direction: column;
width:100%;
max-width:375px;
margin:0 auto;
}

.section-nbanner3 .title {
font-size: 28px;
margin:0px;
}

.section-nbanner3 .images {
display:none;
}

.section-nbanner4 {
min-height:inherit;
padding:40px 20px;
}

.section-nbanner4 .title {
font-size: 28px;
}

.section-nbanner4 .title span {
display:block;
font-size: 36px;
}

.section-nbanner4 .images {
margin:0px;
}

}