/*architecture-about*/
.skateboard-about h1 { font-size: 40px; line-height: 60px;  }
.skateboard-about .about-image { width: 100%; position: relative; height: 430px; }
.skateboard-about .about-image-01 { background-size: cover; display: table-cell; width: 30%;  height: 440px; margin-top: 20px; position: absolute; right: 0; transition: all 1s cubic-bezier(.165,.84,.44,1);background-size: cover;background-position: center; }
.skateboard-about .about-image-02 {background-size: cover; display: table-cell; width: 70%; height: 480px; position: absolute; left: 0; transition: all 1s cubic-bezier(.165,.84,.44,1);background-size: cover;background-position: center; }
.skateboard-about .about-image .about-image-01:hover { width: 70%; height: 480px; margin-top: 0; }
.skateboard-about .about-image .about-image-01:hover + .about-image-02 { width: 30%; height: 440px; margin-top: 20px; }
.skateboard-about .bg-top-before:before  { top: 80px; z-index: 9; }
.sustain-banner{
    max-width: 100%;
    max-height: 100%;
}
.sustain-banner img{
    max-width: 100%;
    height: 100%;
}
.service-blog {  padding-right: 25px; margin-bottom: 100px; }
.service-blog p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; }
.service-blog b {position: absolute; z-index: 0; top: -35px; font-family: 'Poppins', sans-serif; right: 0; font-size:300px; color: #dde1eb; line-height: normal; opacity: 0.3;}
.service-blog ul { border-right: 6px solid var(--bs-mega-blue); padding-right: 20px; position: relative; }
.service-blog li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; }
.service-blog.left b { left: 0; right: inherit;}
.service-blog.left ul{ border-left:6px solid var(--bs-mega-blue); border-right:0 none;padding-left:20px;padding-right:0; }
/*************************************
           our-service objects
**************************************/
.our-service { position: relative; padding-bottom: 280px; z-index: 1; }
.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; }
.objects-left .objects-1 { position: absolute; left: -1px !important; top: 0; }
.objects-left .objects-2 { position: absolute; left: 50px; bottom: 170px; }
.objects-left .objects-3 { position: absolute; left: 50%; bottom: 150px; margin-left: -150px; }
.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; }
.objects-right .objects-4 { position: absolute; right: 0px; top: 0; }
.objects-right .objects-5 { position: absolute; right: 0px; bottom: 170px; }
.objects-right .objects-bottom { position: absolute; right: 0px; bottom: 0; }
.custom-parralex{
    background:url("../images/megaimages/sustain/sustainable-apparel-manufacturer.jpg");
}
.why-choose .feature-text .feature-icon span{width: 55px !important;display: flex !important;justify-content: center  !important;align-items: start !important;}
.why-choose .feature-text .feature-icon span img{width: 100%  !important;}
.service-blog{
    margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
    .reverse-new{
        flex-direction: column-reverse !important;
    }
}