// about area start
.image-wrapper-main-about{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mt-dec-135{
    margin-top: -135px;
}

.rts-about-area-1{
    position: relative;
    z-index: 52;
}
.grid-lines-wrapper{
    width: 67%;
    position: absolute;
    margin: auto;
    z-index: -1;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    .grid-lines{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        .grid-line{
            height: 100%;
            width: 1px;
            background: #EEEEEE;
        }
    }
}


.rts-about-area-1{
    position: relative;
    z-index: 10;
}
.text-split-wrap-about{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 160px;
    @media #{$sm-layout} {
        margin-top: 100px;
    }
    h2{
        font-weight: 800;
        font-size: 100px;
        line-height: 110px;
        color: #141414;
        text-transform: uppercase;
        min-width: max-content;
        @media #{$sm-layout} {
            font-size: 60px;
        }
    }
}

.about-three-thumbnail-left{
    img{
        filter: grayscale(1);
    }
}

.parallax-about,
.parallax-case{
    figure {
        position: relative;
        margin: 0;
    }
    .pli-image-hover-zoom{
        transition: all 1s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    }
    img{
        // height: 30vw;
        // width: 100%;
        // height: 33vw;
        object-fit: cover;
        object-position: 50% 50%;
        transform: scale(1.2);
        transform-origin: 50% 100%;
        width: 100%;
        height: auto;
        height: auto;
        // overflow-clip-margin: content-box;
        // overflow: clip;
    }
}

.thumbnail-about-4{
    padding-right: 20px;
    @media #{$sm-layout} {
        padding-right: 0;
    }
}

.rts-about-area-4.parallax-about{
    img{
        width: 100% !important;
    }
}

.rts-about-area{
    .pli-image{
        max-width: max-content;
    }
}

.click-down-bottom{
    width: 40px;
    height: 80px;
    border-radius: 20px;
    border: 1px solid #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    svg{
        margin-top: -10px;
        position: relative;
        animation: jump-1 5s linear infinite;
    }
}
@keyframes jump-1 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    40% {
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }



// draft
.inner-page.about{
    .title-faq-4 .title{
        color: #fff !important;
    }
    .title-faq-4 .pre{
        color: #fff;
    }
    .four-accordion-area-faq .accordion-item .accordion-header button{
        color: #fff;
    }
    .four-accordion-area-faq{
        border-top: 1px solid #1D1D1D;
    }
    .four-accordion-area-faq .accordion-item::after {
        background: #1D1D1D;
    }
    .four-accordion-area-faq .accordion-item {
        border-bottom: 1px solid #1D1D1D;
    }
    .accordion-body{
        p{
            color: #74787C;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            text-transform: uppercase;
        }
    }
    .four-accordion-area-faq .accordion-item .accordion-header button::before {
        border: 1px solid #2B2B2B;
        color: #2B2B2B;
    }
}


.rts-video-area-about{
    background-image: url(../images/about/11.jpg);
    height: 700px;
    background-attachment: fixed;
}


.read-more-area-service-seven{
    transition: .3s;
    &:hover{
        color: #fff;
    }
}