/*
header{background-color: #ffda30;}
header:hover{background-color: #fff;}
*/
.newgen-page p{line-height: 1.65;}

.banner{position: relative;}
.banner .content-block{width: 56%;}
/*.banner .content-block > h1{margin-bottom: 70px;}*/
.banner .content-block > h4{font-weight: 400;}
.banner .content-block > h4 > span{position: relative; font-weight: 700; display: inline-block;}
.banner .content-block > h4 > span:after{position: absolute; content: ""; width: 100%; height: 8px; background-color: #fff; left: 0; bottom: -4px;}
.banner .img-block{position: absolute; right: 0; bottom: 0; padding: 0; width: 38%; text-align: right; display: flex; justify-content: flex-end;}
.banner .img-block > figure{display: flex;}

.about-newgen .row{align-items: center;}
.about-newgen .img-block{text-align: center;}
.about-newgen .content-block > h2{margin-bottom: 20px;}

.niche-market-dilemma .section-title{text-align: center; margin-bottom: 40px;}
.niche-market-dilemma .section-title > h2{margin-bottom: 35px;}
.niche-market-dilemma .desk-img{text-align: center;}
.niche-market-dilemma .mob-block{display: none;}

.newgen-journey{margin-top: 80px; margin-bottom: 25px;}
.about-newgen .relevant-content-block{position: relative; padding: 55px; border-radius: 12px; background-color: #f4f4f4; z-index: 1;}
.about-newgen .relevant-content-block:after{position: absolute; content: ""; width: 100%; height: 100%; background-color: #f4f4f4; left: 0; top: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; width: 200%; z-index: -1;}
.about-newgen .relevant-content-block > h4{font-size: 28px;}
.about-newgen .relevant-content-block > p{margin-bottom: 20px;}

.relevant-table{width: 100%;}
.relevant-table table{width: 100%; margin: 0; border-collapse: inherit;}
.relevant-table table thead th{ border-radius: 0;background-color: #FFDB2D;color: #000;border-top: 1px solid #000;border-left: 1px solid #000;padding: 15px 25px;vertical-align: middle; text-align: center; font-size: 18px; border-bottom: 1px solid #000;}
.relevant-table table thead th:first-child {border-top-left-radius: 18px;}
.relevant-table table thead th:last-child {border-top-right-radius: 18px;border-right: 1px solid #000;}
.relevant-table table tbody td{border: 1px solid #000; padding: 15px 25px; text-align: center; font-size: 18px;}
.relevant-table table tbody td:first-child{border-top: 0; border-right: 0;}
.relevant-table table tbody td:last-child{border-top: 0;}
.relevant-table table tbody tr:last-child td{}
.relevant-table table tbody tr:last-child td:first-child{border-bottom-left-radius: 18px;}
.relevant-table table tbody tr:last-child td:last-child{border-bottom-right-radius: 18px;}

.improvement-metrics h4{font-size: 28px; margin-bottom: 30px;}
.improvement-metrics .relevant-table{position: relative;}
.improvement-metrics .relevant-table:after{position: absolute; content: ""; height: 92px; width: 92px; border: 6px solid #f68b29; border-radius: 100%; left: -40px; bottom: -40px; z-index: -1;}
.improvement-metrics .relevant-table table tbody tr td:first-child{background-color: #FFDB2D;color: #000; font-size: 18px; font-weight: bold;}
.improvement-metrics .relevant-table table tbody tr:first-child td:first-child{border-top-left-radius: 18px;}
.improvement-metrics .relevant-table table tbody tr:first-child td:last-child{border-top-right-radius: 18px;}
.improvement-metrics .relevant-table table tbody td{border-right: 0; border-top: 0; width: 20%;}
.improvement-metrics .relevant-table table tbody td:last-child{border-right: 1px solid #000;}
.improvement-metrics .relevant-table table tbody tr:first-child td{border-top: 1px solid #000; font-weight: bold;}

.quality-backlinks{}
.quality-backlinks .section-title{text-align: center; margin-bottom: 60px;}
.quality-backlinks .section-title > h2{margin-bottom: 35px;}
.quality-backlinks .backlink-title{width: 250px; text-align: center}
.quality-backlinks .backlink-title > h4{font-size: 28px;}
.quality-backlinks .backlinks-success{width: calc(100% - 250px);}
.quality-backlinks .backlinks-success > ul{position: relative; display: flex; padding-left: 70px; padding-top: 45px;}
.quality-backlinks .backlinks-success > ul:before{position: absolute; content: ""; width: 100%; height: 7px; background-color: #ffdb2d; left: 0; top: 0;}
.quality-backlinks .backlinks-success > ul > li{position: relative; width: 25%; padding: 0; padding-right: 55px;}
.quality-backlinks .backlinks-success > ul > li:before{position: absolute; content: ""; width: 32px; height: 32px; background-color: #fff; border: 7px solid #ffdb2d; top: -58px; left: 0;}

.multi-faceted-strategy{}
.multi-faceted-strategy .section-title{text-align: center; margin-bottom: 60px;}
.multi-faceted-strategy .section-title > h2{margin-bottom: 35px;}
.multi-faceted-strategy .row{margin-right: -55px; margin-left: -55px;}
.multi-faceted-strategy .row > *{padding-left: 55px; padding-right: 55px;}
.multi-faceted-strategy .inner-block{position: relative; padding-top: 80px; padding-right: 20px; padding-bottom: 20px; height: 100%; z-index: 1;}
.multi-faceted-strategy .content-block{padding: 40px; background-color: #fff; border-radius: 25px; height: 100%; box-shadow: 6px 6px 11px rgba(0 0 0 / 25%);}
.multi-faceted-strategy .content-block > h4{font-size: 24px; margin-bottom: 20px;}
.multi-faceted-strategy .number-block{position: absolute; width: 174px; height: 100%; background-color: #ffdb2d; right: 0; top: 0; bottom: 0; border-radius: 40px; padding: 25px; text-align: center; z-index: -1;}
.multi-faceted-strategy .number-block > h5{font-size: 26px; color: #ceae28;}

.link-building-efforts h2{text-align: center; margin-bottom: 40px;}
.link-building-efforts .row{align-items: center;}
.link-building-efforts .img-block{text-align: center;}
.link-building-efforts .content-block ul > li{padding-left: 35px; margin-bottom: 30px;}
.link-building-efforts .content-block ul > li:last-child{margin-bottom: 0;}
.link-building-efforts .content-block ul > li:after{position: absolute; content: ""; background-image: url(../images/newgen/listing-arrow.png); width: 25px; height: 21px; background-size: 100%; background-repeat: no-repeat; background-position: center; left: 0; top: 4px;}
.link-building-efforts .content-block ul > li:before{display: none;}
.link-building-efforts .content-block ul > li > h4{font-size: 24px; margin-bottom: 10px;}

.key-differentiators{position: relative; z-index: 1;}
.key-differentiators h2{text-align: center; margin-bottom: 70px;}
.key-differentiators .shape{position: absolute; right: 61%; bottom: 0;}
.differentiators-block{padding-left: 11%;}
.key-differentiators .key-block{display: flex; align-items: center;}
.key-differentiators .key-block > .img-block{position: relative; width: 237px; height: 237px; background-color: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.key-differentiators .key-block > .img-block:after{ position: absolute;content: "";width: calc(100% + 30px);height: calc(100% + 30px);left: -15px;top: -15px;border: 5px solid #ffdb2d;border-radius: 100%;}
.key-differentiators .key-block .content-block{width: calc(100% - 237px); padding-left: 60px;}
.key-differentiators .key-block .content-block > h4{font-size: 24px; margin-bottom: 12px;}

.key-differentiators .key-block2{padding-left: 190px;margin-top: 30px;}
.key-differentiators .key-block2 > .img-block{width: 165px; height: 165px; }
.key-differentiators .key-block2 .content-block{width: calc(100% - 165px);}

@media (max-width:1366px){
    .multi-faceted-strategy .row{margin-left: -20px; margin-right: -20px;}
    .multi-faceted-strategy .row > * {padding-left: 20px;padding-right: 20px;}
    
    .differentiators-block {padding-left: 5%;}
}

@media (max-width:1199px){
    
    .differentiators-block{padding-left: 15px;}
}

@media (max-width:1023px){
    .key-differentiators .shape{display: none;}
}

@media (max-width:991px){
    .banner .content-block > h1 {margin-bottom: 40px;}
    
    .about-newgen .relevant-content-block{padding: 30px;}
    .about-newgen .relevant-content-block > h4 {font-size: 20px;}
    
    .quality-backlinks .backlink-title{width: 200px;}
    .quality-backlinks .backlink-title > h4 {font-size: 22px;}
    .quality-backlinks .backlinks-success {width: calc(100% - 200px);}
    .quality-backlinks .backlinks-success > ul{padding-left: 40px;}
    .quality-backlinks .backlinks-success > ul > li{padding-right: 12px;}
    
    .quality-backlinks .section-title{margin-bottom: 40px;}
    .quality-backlinks .mob-scroll{overflow-x: auto;}
    .quality-backlinks .mob-scroll > .row{padding-top: 15px;width: 950px;padding-bottom: 15px;}
    
    .multi-faceted-strategy .row {margin-right: -10px;margin-left: -10px;}
    .multi-faceted-strategy .row > * {padding-left: 10px;padding-right: 10px;}
    .multi-faceted-strategy .inner-block{ padding-top: 60px;padding-right: 10px;padding-bottom: 10px;}
    .multi-faceted-strategy .content-block{padding: 20px;}
    .multi-faceted-strategy .content-block > h4{font-size: 19px;}
    
    .link-building-efforts .content-block ul > li > h4{font-size: 20px;}
    .link-building-efforts .content-block ul > li:after{top: 2px;}
    
    .key-differentiators .key-block > .img-block{width: 180px; height: 180px; padding: 25px;}
    .key-differentiators .key-block .content-block {width: calc(100% - 180px)}
    .key-differentiators .key-block2 > .img-block {width: 165px;height: 165px;}
    .key-differentiators .key-block2 .content-block {width: calc(100% - 165px);}
    
}

@media (max-width:767px){
    .banner{padding-bottom: 0;}
    .banner .img-block{position: static; max-width: 360px; width: 100%; margin: 0 auto;}
    .banner .content-block{width: 100%; margin-bottom: 40px;}
    .banner .content-block > h1 {margin-bottom: 20px;}
    
    .about-newgen .row > .col-5{order: 2;}
    .about-newgen .img-block{margin-top: 40px;}
    
    .newgen-journey{margin-top: 50px;}
    .newgen-journey h2{margin-bottom: 20px;}
    
    .relevant-table table thead th,.relevant-table table tbody td{padding: 10px; font-size: 16px;}
    
    .improvement-metrics h4{font-size: 20px;}
    .improvement-metrics .relevant-table table tbody tr td:first-child{font-size: 16px;}
    
    .niche-market-dilemma .desk-img{display: none;}
    .niche-market-dilemma .mob-block{display: block; text-align: center;}
    .niche-market-dilemma .mob-block h3{margin-bottom: 40px;}
    .niche-market-dilemma .mob-block .row{margin: 0; gap:20px;}
    .niche-market-dilemma .mob-block .backlink-block{width: calc(50% - 10px); padding: 20px; background-color: #fff; border-radius: 12px;}
    .niche-market-dilemma .mob-block .backlink-block > figure{display: flex;width: 130px;height: 130px;border: 2px solid #ffdb2d;border-radius: 100%;justify-content: center;align-items: center;padding: 22px;margin: 0 auto;margin-bottom: 20px;}
    
    .multi-faceted-strategy .section-title{margin-bottom: 40px;}
    .multi-faceted-strategy .section-title > h2 {margin-bottom: 20px;}
    .multi-faceted-strategy .inner-block{padding-top: 40px;}
    .multi-faceted-strategy .number-block{width: 100%; padding: 10px; background-color: transparent; text-align: left; padding-left: 30px;}
    
    .link-building-efforts .img-block{margin-bottom: 40px;}
    
    .key-differentiators h2{margin-bottom: 50px;}
    .key-differentiators .key-block > .img-block {width: 120px;height: 120px;padding: 15px;}
    .key-differentiators .key-block > .img-block:after{width: calc(100% + 20px);height: calc(100% + 20px);left: -10px;top: -10px;border: 2px solid #ffdb2d;}
    .key-differentiators .key-block .content-block {width: calc(100% - 120px); padding-left: 35px;}
    .key-differentiators .key-block .content-block > h4 {font-size: 20px;margin-bottom: 12px;}
    .key-differentiators .key-block2 {padding-left: 0;margin-top: 50px;}
}

@media (max-width:480px){
    .key-differentiators .key-block{align-items: flex-start; flex-direction: column;}
    .key-differentiators .key-block .content-block {width: 100%;padding-left: 0;}
    .key-differentiators .key-block > .img-block{margin-bottom: 30px;}
}

@media (max-width:359px){
    .relevant-table table thead th, .relevant-table table tbody td{font-size: 12px;}
    .improvement-metrics .relevant-table table tbody tr td:first-child{font-size: 12px;}
}