.nhb-page h2{margin-bottom: 40px; text-align: center;}
.nhb-page p, .nhb-page ul > li, .nhb-page dl > dt{margin-bottom: 20px; line-height: 1.625;}

.banner-main{position: relative; z-index: 1;}
.banner-main .banner-shape{position: absolute; right: 0; bottom: 0; z-index: -1; display: flex;}
.banner-main h4{font-size: 30px; font-weight: 500; margin-bottom: 15px;}
.banner-main h1{font-size: 52px;}
.banner-main .content-block{max-width:540px; margin-top: 75px;}
.banner-main .img-block{text-align: center;}

.strategy-success{position: relative; z-index: 1;}
.strategy-success .strategy-text-shape{position: absolute; left: 0; bottom: 0; width: 28%; z-index: -1;}
.strategy-success .row{align-items: center;}
.strategy-success:before{position: absolute; content: ""; height: 100%; width: 50%; right: 0; top: 0; background-color: #F9F1E5;}
.strategy-success h2{text-align: left;}
.strategy-success h4{font-size: 24px; margin-bottom: 40px;}
.strategy-success ul > li{padding: 0; display: flex; align-items: center; margin: 0; padding-bottom: 42px; z-index: 1;}
.strategy-success ul > li:last-child{padding-bottom: 0px;}
.strategy-success ul > li:before{display: none;}
.strategy-success ul > li:after{position: absolute; content: ""; width: 1px; height: 100%; background-color: #8C774D; left: 20px; top: 10px; z-index: -1;}
.strategy-success ul > li:last-child:after{display: none;}
.strategy-success ul > li > .icon{width: 39px; height: 39px; background-color: rgb(222 211 192); border: 1px solid #8C774D; border-radius: 5px; display: flex; justify-content: center; align-items: center;}
.strategy-success ul > li > p{width: calc(100% - 39px); padding-left: 35px; margin-bottom: 0;}
.strategy-success .right-block{padding-left: 86px;}

.approach-adopted{position: relative; z-index: 1;}
.approach-adopted::after{position: absolute; content: ""; height: 51%; width: 100%; background-color: #F9F1E5; border-top-left-radius: 95px; border-top-right-radius: 95px; left:0; bottom: 0; z-index: -1;}
.approach-adopted .dot-shape{position: absolute; left: -6px; top: 114px; z-index: -1;}
.approach-adopted h2{text-align: left;}
.approach-adopted .row.row-first{margin-bottom: 120px;}
.approach-adopted .inner-block{background-color: #fff; border: 1px solid #FFDB2D; border-radius: 31px; height: 100%;}
.approach-adopted .inner-block h4{width: calc(100% - 100px); font-size: 24px; margin: 0 auto; background-color: #FFDB2D; padding: 26px; border-radius: 31px; margin-top: -40px; margin-bottom: 40px; text-align: center;}
.approach-adopted .inner-block h6{font-size: 16px; padding: 40px 60px; padding-top: 0; margin-bottom: 40px; border-bottom: 1px solid #FFDB2D; line-height: 1.4;} 
.approach-adopted .inner-block h6:last-child{margin-bottom: 0; border-bottom: 0;} 

.platform-perform{padding-bottom: 0;}
.platform-perform .row{margin: 0;}
.platform-perform .row > .col-6{padding: 0;}
.platform-perform .img-block{background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%;}
.platform-perform .content-block{background-color: #F9F1E5;}
.platform-perform .content-block .icon{margin-bottom: 36px; display: flex; flex-wrap: wrap; align-items: center; column-gap: 28px;}
.platform-perform .content-block .icon > .logo-descr{font-size: 24px; font-weight: 700; margin-top: 10px;}
.platform-perform .content-block dl{display: flex; flex-wrap: wrap; gap:16px; margin-top: 40px;}
.platform-perform .content-block dl > dt{width: calc(50% - 8px); padding: 16px 20px; border:1px solid #000; border-radius: 8px; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0;}
.platform-perform .content-block dl > dt.background-white{background-color: #fff; font-weight: 700;}
.platform-perform .content-block dl > dt.background-yellow{background-color: #FFDB2D;}
.platform-perform .content-block dl > dt.background-blue{background-color: #5675E6; color: #fff;}
.platform-perform .row:nth-child(even) .content-block{padding-right: 48px!important;}
.platform-perform .row:nth-child(odd) > .col-6:first-child{order: 2;}
.platform-perform .row:nth-child(odd) .content-block{padding-left: 48px!important; background-color: #fff;}

.campaign-formats{position: relative; background-color: #1B1B1B; background-size: cover; background-position: center; background-repeat: repeat; text-align: center;}
.campaign-formats h2{color: #fff;}
.campaign-formats p{margin-bottom: 0; color: #fff;}

.result-achieved .inner-block{text-align: center;}
.result-achieved .inner-block > figure{margin-bottom: 17px;} 
.result-achieved .inner-block > h6{font-size: 16px;}

.road-ahead{text-align: center;}
.road-ahead dl{max-width: 950px; width: 100%; margin: 0 auto; text-align: left;}
.road-ahead dl > dt{position: relative; padding-left: 30px;}
.road-ahead dl > dt:before{position: absolute; content: ""; background-image: url(../images/nhb/list-icon.png); width: 16px; height: 16px; background-size: 100%; background-repeat: no-repeat; background-position: center; left: 0; top: 4px;}



@media (max-width:1480px){
    .platform-perform .row:nth-child(even) .content-block{padding-left: 20px;}
    .platform-perform .row:nth-child(odd) .content-block{padding-right: 20px;}
}

@media (max-width:1199px){
    .banner-main h1 {font-size: 44px;}
    .banner-main h4{font-size: 26px;}
    .approach-adopted .inner-block h4 { width: calc(100% - 60px); font-size: 21px; padding: 15px; border-radius: 20px; margin-top: -27px; margin-bottom: 30px;}
    .approach-adopted .inner-block h6{font-size: 16px; padding: 20px 30px; padding-top: 0; margin-bottom: 20px; font-weight: 600;}
    .platform-perform .row:nth-child(even) .content-block {padding-right: 20px !important;}
    .platform-perform .row:nth-child(odd) .content-block {padding-left: 20px !important;}
    .result-achieved .inner-block > h6 {font-size: 13px;}
    .approach-adopted .dot-shape{width: 50%;}
    .platform-perform .content-block .icon > .logo-descr{font-size: 20px;}
}

@media (max-width:1023px){
    .strategy-success .right-block{padding-left: 20px;}
    .platform-perform .content-block .icon{margin-bottom: 20px;}
    .approach-adopted-table {overflow-x: auto; padding-top: 27px;}
    .approach-adopted-table > .row{width: 983px;}
}


@media (max-width:991px){
    .banner-main h1 {font-size: 34px;}
    .banner-main .content-block{margin-top: 40px;}
}

@media (max-width:767px){
    .nhb-page h2{margin-bottom: 20px;}
    .banner-main .content-block{max-width: 100%; margin-top: 0; margin-bottom: 40px;}
    .strategy-success:before{width: 100%;}
    .strategy-success .right-block {padding-left: 0;}
    .strategy-success h4 { font-size: 18px; margin-bottom: 20px;}
    .strategy-success ul > li{padding-bottom: 25px;}
    .approach-adopted-table .row > .col-4{width: 33.33333333%;}
    .approach-adopted .row.row-first {margin-bottom: 40px;}
    .approach-adopted .dot-shape{display: none;}
    .result-achieved .row > .col-4{margin-bottom: 50px;}
    .result-achieved .row > .col-4:last-child{margin-bottom: 0px;}
    .result-achieved .inner-block > figure {margin-bottom: 5px;}
    .platform-perform .row:nth-child(odd) > .col-6:first-child{order: 1;}
    .platform-perform .row:nth-child(odd) > .col-6:last-child{order: 2;}
    .platform-perform .img-block{padding-bottom: 100%;}
    
}

@media (max-width:420px){
    .banner-main h4 {font-size: 22px;}
    .banner-main h1 {font-size: 30px;}
    .platform-perform .content-block dl > dt{padding: 8px;}
}