.trinity-page h2{margin-bottom: 25px;}
.trinity-page p{line-height: 1.6; margin-bottom: 20px;}

.trinity-banner{position: relative; padding-bottom: 220px; padding-top: 100px; z-index: 1;}
.trinity-banner .img-block{position: absolute; right: 0; bottom: 0; width: 54.25%; display: flex; justify-content: flex-end; z-index: -1;}
.trinity-banner .content-block{max-width: 850px;}

.about-trinity .row{align-items: center;}
.about-trinity .img-block{text-align: center;}
.about-trinity .content-block p:last-of-type{margin-bottom: 0;}

.trinity-challenge{position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.trinity-challenge .content-block{max-width: 1150px;width: 100%;text-align: center;margin: 0 auto;}

.mavlers-delivered-value{position: relative; background-color: #222222; z-index: 1;}
.mavlers-delivered-value .value-shape-block{position: absolute;right: 0;bottom: 50px;width: 59%;z-index: -1;text-align: right;}
.mavlers-delivered-value h2, .mavlers-delivered-value p{color: #fff;}
.mavlers-delivered-value .main-block{max-width: 785px; width: 100%; }
.mavlers-delivered-value .content-block{margin-bottom: 50px;}
.mavlers-delivered-value .inner-block {text-align: center;}
.mavlers-delivered-value .inner-block > figure{width: 180px; height: 180px; background-color: #ffda30; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 30px;}
.mavlers-delivered-value .inner-block > p:first-of-type{margin-bottom: 5px;}
.mavlers-delivered-value .inner-block > p.text-yellow{color: #ffda30;}

.trinity-details{margin-bottom: 120px;}
.trinity-details h2{text-align: center;}
.trinity-details h4{font-size: 28px; margin-bottom: 30px;}
.trinity-details .detail-block1{margin-bottom: 90px;}
.trinity-details .detail-block1 h4{text-align: center;}
.trinity-details .detail-block1 ul{position: relative; padding: 40px 0;}
.trinity-details .detail-block1 ul:before{position: absolute; content: ""; width: 4px; height: 100%; background-color: #ffdb2d; left: 0; top: 0;}
.trinity-details .detail-block1 ul > li{padding-left: 25px;margin-bottom: 25px;line-height: 1.6;}
.trinity-details .detail-block1 ul > li:last-child{margin-bottom: 0;}
.trinity-details .detail-block1 ul > li:before{width: 21px; height: 21px; background-color: #fff; border: 4px solid #ffdb2d; left: -9px; top: 0;}

.trinity-details .detail-block2{margin-bottom: 90px;}
.trinity-details .detail-block2 .inner-title{max-width: 1080px; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 60px;}
.trinity-details .detail-block2 .inner-block > figure{position: relative;}
.trinity-details .detail-block2 .inner-block > figure > a{display: inline-block;}
.trinity-details .detail-block2 .inner-block .zoom-icon{position: absolute;width: 72px;height: 72px;border-radius: 100%;background-color: #000;display: -ms-flexbox;display: flex;display: -webkit-flex;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;-ms-flex-align: center; left: 50%;top: 50%;transform: translate(-50%, -50%); transition: all ease-in-out 0.3s;}
.trinity-details .detail-block2 .inner-block > figure > a:hover .zoom-icon{transform: translate(-50%, -50%) scale(1.1);}

.trinity-details .detail-block3{position: relative; margin-bottom: 90px;}
.trinity-details .detail-block3 .col-6{position: static;}
.trinity-details .detail-block3 .img-block{position: absolute; left: -30px; width: 51%; bottom: 20px;}
.trinity-details .detail-block3 .content-block ul > li{margin-bottom: 20px; padding-left: 22px;}
.trinity-details .detail-block3 .content-block ul > li:before{height: 11px; width: 11px; top: 5px; background-color: #ffda30;}

.trinity-details .detail-block4 {margin-bottom: -190px;}
.trinity-details .detail-block4 .trinity-quote{position: relative; width: 100%; background-color: #ffda30; border-radius: 180px; text-align: center; padding: 70px 150px;}
.trinity-details .detail-block4 .trinity-quote:before{position: absolute; content: ""; background-image: url(../images/trinity/quote-mark-left.png); width: 46px; height: 41px; background-size: 100%; background-position: center; background-repeat: no-repeat; left: 145px;top: -22px;}
.trinity-details .detail-block4 .trinity-quote:after{position: absolute; content: ""; background-image: url(../images/trinity/quote-mark-right.png); width: 46px; height: 41px; background-size: 100%; background-position: center; background-repeat: no-repeat; right: 145px; bottom: -22px;}
.trinity-details .detail-block4 .trinity-quote > p{font-size: 27px;}
.trinity-details .detail-block4 .trinity-quote > h5{font-size: 27px;font-weight: 900;border-bottom: 10px solid #fff;display: inline-block;line-height: 1.1;}

.trinity-journey{} 
.trinity-journey h2{text-align: center; margin-bottom: 50px;}
.trinity-journey .journey-block{text-align: center; max-width: 1310px;width: 100%;margin: 0 auto;}
.trinity-journey .journey-block .row{position: relative; margin: 0;gap: 148px;}
.trinity-journey .journey-block .row:after{position: absolute; content: ""; background-image: url(../images/trinity/trinity-journey-direction-shape.png); width: 1452px; height: 197px; left: -81px;bottom: -18px;}
.trinity-journey .journey-block .inner-block{width: 338px; height: 338px; background-color: #f4f4f4; border-radius: 100%; padding: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.trinity-journey .journey-block .inner-block > figure{display: flex; align-items: center; justify-content: center; height: 107px; margin-bottom: 25px;}
.trinity-journey .journey-block .inner-block > h3{ margin-bottom: 10px;font-size: 41px;display: inline-block;line-height: 0.9;border-bottom: 8px solid #ffda30;}
.trinity-journey .journey-block .inner-block > p{margin-bottom: 0;}

.scope-of-work{position: relative; z-index: 1;}
.scope-of-work .section-title{text-align: center; margin-bottom: 80px;}
.scope-of-work .img-block{position: absolute;left: 0;bottom: 0;display: flex;padding: 0;width: 36%;}
.scope-of-work .content-block{max-width: 940px;width: 100%;margin-left: auto;margin-right: 106px;}
.scope-of-work .content-block > p{position: relative; padding-left: 15px;}
.scope-of-work .content-block > p:before{position: absolute;content: "";width: 9px;height: calc(100% - 7px);background-color: #ffda30;border-radius: 10px;left: 0;top: 3px;}
.scope-of-work .content-block > p:nth-child(2){margin-left: 45px;}
.scope-of-work .content-block > p:nth-child(3){margin-left: 90px;}
.scope-of-work .content-block > p:nth-child(4){margin-left: 135px;}
.scope-of-work .content-block > p:nth-child(5){margin-left: 180px;}
.scope-of-work .content-block > p:nth-child(6){margin-left: 225px;}

.road-ahead{}
.road-ahead .content-block{max-width: 1215px; width: 100%; margin: 0 auto; text-align: center;}

@media (max-width:1420px){
    .trinity-journey .journey-block{max-width: 1080px;}
    .trinity-journey .journey-block .row{gap:117px;}
    .trinity-journey .journey-block .inner-block{width: 280px; height: 280px;}
    .trinity-journey .journey-block .row:after {width: 1185px;height: 168px;left: -64px;bottom: -18px;background-size: 100%;background-repeat: no-repeat;}
}

@media (max-width:1366px){
    .trinity-banner .content-block {max-width: 600px;}
    .trinity-details h4{font-size: 22px;}
    
    .scope-of-work .content-block{max-width: 850px; margin-right: 0;}
}

@media (max-width:1199px){
    .trinity-details .detail-block3 .img-block {left: -110px;width: 58%;}
    
    .trinity-journey .journey-block {max-width: 940px;}
    .trinity-journey .journey-block .row {gap: 110px;}
    .trinity-journey .journey-block .inner-block {width: 240px;height: 240px;}
    .trinity-journey .journey-block .row:after {width: 1044px;height: 141px;left: -59px;bottom: -12px;}
    
}

@media (max-width:1023px){
    .trinity-details h4{font-size: 20px;}
    .trinity-details .detail-block4 .trinity-quote{padding: 40px 80px;}
    .trinity-details .detail-block4 .trinity-quote > p,.trinity-details .detail-block4 .trinity-quote > h5{font-size: 22px;}
}

@media (max-width:991px){
    .trinity-banner{padding-bottom: 170px;padding-top: 50px;}
    .trinity-banner .content-block {max-width: 510px;}
    
    .trinity-details .detail-block2 .row{row-gap:30px;}
    .trinity-details .detail-block2 .row > .col-3{width: 50%; text-align: center;}
    
    .trinity-details .detail-block3 .content-block{margin-bottom: 40px;}
    .trinity-details .detail-block3 .col-6{position: relative; width: 100%;}
    .trinity-details .detail-block3 .col-6:first-child{order: 2;}
    .trinity-details .detail-block3 .img-block{position: static; width: 100%;}
    
    .trinity-details .detail-block4 .trinity-quote > p,.trinity-details .detail-block4 .trinity-quote > h5{font-size: 18px;}
    .trinity-details .detail-block4 .trinity-quote > h5{border-bottom-width: 5px;}
    
    .trinity-journey .journey-block .row {gap: 20px;justify-content: center;}
    .trinity-journey .journey-block .row:after{display: none;}
    .trinity-journey .journey-block .inner-block {width: 220px;height: 220px;padding: 53px;}
    
    .scope-of-work .section-title{margin-bottom: 50px;}
    .scope-of-work .content-block{max-width: 700px;}
}

@media (max-width:767px){
    .about-trinity .img-block{margin-bottom: 40px;}
    .mavlers-delivered-value .value-shape-block{display: none;}
    .mavlers-delivered-value .row > .col-6:first-child{margin-bottom: 40px;}
    .trinity-details h4{font-size: 18px;}
    
    .trinity-details {margin-bottom: 180px;}
    .trinity-details .detail-block1,.trinity-details .detail-block2{margin-bottom: 60px;}
    .trinity-details .detail-block4 .trinity-quote{border-radius: 30px; padding: 40px;}
    .trinity-details .detail-block4 .trinity-quote:before{left: 60px;}
    .trinity-details .detail-block4 .trinity-quote:after{right: 60px;}
    
    .scope-of-work .content-block{max-width: 100%;}
    .scope-of-work .img-block{display: none;}
    .scope-of-work .content-block > p{padding-left: 12px;}
    .scope-of-work .content-block > p:before{width: 5px;}
    .scope-of-work .content-block > p:nth-child(2),.scope-of-work .content-block > p:nth-child(3),.scope-of-work .content-block > p:nth-child(4),.scope-of-work .content-block > p:nth-child(5),.scope-of-work .content-block > p:nth-child(6){margin-left: 0;}
}

@media (max-width:520px){
    .trinity-details .detail-block2 .row > .col-3{width: 100%;}
}