.breadcrumb-container{justify-content:center;align-items:center}
#cms-h1{text-align:center}
.service-outer-container{width:100%;margin:auto}
.service-photo{width:100%}
.service-photo picture{display:block;position:relative;width:100%;padding-bottom:50%;overflow:hidden}
.related-projects-list picture{display:block;position:relative;width:100%;padding-bottom:100%;overflow:hidden}
.info-inner-container{width:100%}
.service-text{width:100%;background:var(--bl);color:var(--w)}
.service-order{font-weight:var(--bold)}
.service-name{font-weight:var(--light);position:relative}
.share-box-container{gap:20px;align-items: center;}
.share-box{gap:20px;align-items:center}
.share-box > li > a svg{transition: all .4s ease;}
.share-title{display:inline-flex;gap:10px;padding:10px 20px;background:var(--bl);color:var(--w);border-radius:5px;font-size:22px;font-weight:var(--reg);width:fit-content;align-items:center}
.desc{font-weight:var(--reg);line-height:1.66;color:var(--b2)}
.desc ul{margin:0;padding:0;list-style:none}
.desc ul > li{margin-left:15px;padding-left:30px;position:relative}
.desc ul > li:before{content:'';position:absolute;left:-12px;top:7px;margin:auto 0;background-size:contain;background-repeat:no-repeat;background-image:url(../img/check.svg);width:28px;height:24px}
.related-projects-outer-container{margin:0 auto;width:100%;flex-direction:column;text-align:center}
.related-title{border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;font-weight:var(--bold);letter-spacing:9px;color:var(--b2)}
.related-projects-list{width:100%}
.related-projects-list > li picture{width:100%;padding-bottom:100%;overflow:hidden}
@media ( min-width: 1200px ) {
    .breadcrumb-outer-container{padding:0 20px}
    .breadcrumb-wrapper{margin-top:2.083vw}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size:clamp(1.375rem,1.1667rem + 0.2778vw,1.5rem)}
    #cms-h1{margin-top:15px;font-size:clamp(3.125rem,2.0833rem + 1.3889vw,3.75rem)}
    .service-outer-container{max-width:1300px;margin-top:2.604vw;padding:0 3.125vw}
    .info-inner-container{margin-top:1.563vw;align-items:flex-start}
    .left-container{width:24%}
    .right-container{width:73%;margin-left:3%}
    .service-text{flex-direction:column;justify-content:center;align-items:center;padding:3.646vw 4.167vw}
    .service-order{font-size:clamp(3.75rem,1.6667rem + 2.7778vw,5rem)}
    .service-name{font-size:clamp(2.125rem,1.7083rem + 0.5556vw,2.375rem);padding-top:20px;margin-top:5px}
    .service-name:before{content:'';position:absolute;height:1px;background:#DADADA;left:0;right:0;margin:auto;top:0;width:100%}
    .share-box-container{margin-top:30px}
    .desc{font-size:clamp(1.25rem,0.8333rem + 0.5556vw,1.5rem)}
    .related-projects-outer-container{margin-top:70px}
    .related-title{padding:20px 0;font-size:clamp(1.625rem,1.2083rem + 0.5556vw,1.875rem)}
    .related-projects-list{margin-top:20px;column-gap:2%;row-gap:20px}
    .related-projects-list > li{width:32%}
    #footer{margin-top:60px}
    .share-box > li > a:hover svg {transform: scale(1.15);}
}
@media ( max-width: 1199px ) {
    #footer{margin-top:60px}
    .breadcrumb-outer-container{padding:0 20px}
    .breadcrumb-wrapper{margin-top:20px}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size:clamp(1.25rem,1.0297rem + 0.4608vw,1.375rem)}
    #cms-h1{margin-top:15px;font-size:clamp(2.5rem,1.3983rem + 2.3041vw,3.125rem)}
}
@media (min-width: 765px) and (max-width:1199px) {
    .service-outer-container{max-width:calc(100% - 30px);padding:0 15px;margin-top:25px}
    .info-inner-container{margin:30px auto 0;flex-direction: column;align-items: center;justify-content: center;}
    .left-container{width:24%}
    .right-container{width:100%;margin-top: 30px;}
    .service-text{flex-direction:column;justify-content:center;align-items:center;padding:3.418vw 3.906vw}
    .service-order{font-size:clamp(3.75rem,2.6483rem + 2.3041vw,4.375rem)}
    .service-name{font-size:clamp(1.875rem,1.4343rem + 0.9217vw,2.125rem);margin-top:5px;padding-top:20px}
    .desc{font-size:clamp(1.25rem,1.0297rem + 0.4608vw,1.375rem)}
    .share-box-container{margin-top:30px}
    .related-projects-outer-container{margin-top:30px}
    .related-title{padding:20px 0;font-size:clamp(1.5625rem,1.0117rem + 1.1521vw,1.875rem)}
    .related-projects-list{margin-top:20px;column-gap:2%;row-gap:20px}
    .related-projects-list > li{width:32%}
    .service-name:before{content:'';position:absolute;left:0;right:0;margin:auto;width:100%;height:1px;background:var(--w);top:0}
}
@media ( max-width: 764px ) {
    #cms-h1{margin-top:15px;font-size:clamp(2.5rem,1.3983rem + 2.3041vw,3.125rem)}
    .service-outer-container{margin-top:25px}
    .left-container{width:100%}
    .service-text{justify-content:center;align-items:center;padding:20px 0}
    .service-order{font-size:clamp(1.875rem,1.2565rem + 2.6042vw,2.5rem)}
    .service-name{font-size:clamp(1.375rem,1.2513rem + 0.5208vw,1.5rem);margin-left:20px;padding-left:20px}
    .service-name:before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:var(--w)}
    .right-container{max-width:calc(100% - 20px);margin:20px auto 0;padding:0 10px}
    .desc{font-size:clamp(1.25rem,1.1263rem + 0.5208vw,1.375rem)}
    .share-box-container{margin-top:30px;flex-direction:column;justify-content:center;align-items:center}
    .related-projects-outer-container{max-width:calc(100% - 20px);margin:40px auto 0;padding:0 10px}
    .related-title{padding:20px;font-size:clamp(1.5625rem,1.2533rem + 1.3021vw,1.875rem)}
    .related-projects-list{row-gap:20px;column-gap:2%;margin-top:20px}
    .related-projects-list > li{width:49%}
}