.aboutus{
    border-radius: 0 0 85px 85px;
    background: url(../../assets/img/aboutusbg.svg) no-repeat 86.71% clamp(2rem,6.875vw,132px),linear-gradient(to bottom,var(--footer-design),var(--footer-design)) no-repeat bottom center/100% 352px;
    padding: 123px 0 34px;
}

.aboutus .text{
    width: 933px;
}

.aboutus .btitle{
    margin: 114px auto 88px;
}

.aboutus .owl-carousel{
    margin-bottom: -26px;
}

.aboutus .owl-carousel::after{
    content: '';
    display: block;
    display: -webkit-block;
    width: 78%;
    height: 4px;
    border-radius: 5px;
    background-color: var(--white);
    margin: -1rem auto 0;
}

.aboutus .owl-carousel .owl-stage-outer{
    margin: -12px;
    padding: 12px;
}

.aboutus .owl-carousel .item::after{
    content: '';
    display: block;
    display: -webkit-block;
    width: 4px;
    height: 99px;
    border-radius: 5px;
    background-color: var(--white);
    margin: 0 auto;
}

.aboutus .owl-carousel .icon{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    max-width: 100%;
    width: 252px;
    aspect-ratio: 1/1;
    outline: 12px solid var(--main);
    -moz-outline: 12px solid var(--main);
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: 0 6px 8px 12px #00000052;
    margin: 0 auto 4rem;
}

.aboutus .owl-carousel .icon::before,
.aboutus .owl-carousel .icon::after{
    content: '';
    position: absolute;
    aspect-ratio: 1/1;
    border-radius: 50%;
}

.aboutus .owl-carousel .icon::before{
    width: calc(100% - 26px);
    background-color: #F4F4F4;
}

.aboutus .owl-carousel .icon img{
    position: relative;
    width: fit-content;
    max-width: 80%;
}

.aboutus .owl-carousel .title{
    text-align: center;
    text-transform: uppercase;
    font-family: var(--beng);
    color: var(--white);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.39;
}

.dr7{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    min-height: 667px;
    margin-top: 55px;
}

.dr7 .row{
    grid-gap: 2rem 0;
}

.dr7 .sectitle{
    color: var(--black);
    font-weight: 700;
}

.dr7 .sectitle strong{
    color: var(--footer-design);
    font-weight: inherit;
}

.dr7 .sectitle p:last-child{
    color: transparent;
    -webkit-text-stroke: 2px var(--footer-design);
}

.dr7 .sectitle::after{
    content: url(../../assets/img/arrows-right.svg);
    width: unset;
    height: unset;
    border-radius: unset;
    background-color: unset;
    margin-left: unset;
}

.dr7 .img{
    position: absolute;
    inset: auto 0 0 auto;
    width: 55.703125vw;
    height: 100%;
}

.dr7 .img::after{
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 37%;
    height: 100%;
    /* aspect-ratio: 1/1.51772; */
    background-color: var(--main);
    clip-path: polygon(8.40909% 0,100% 0,37.27272% 100%,0 100%,59.54545% 13.04347%,0 13.04347%);
    -webkit-clip-path: polygon(8.40909% 0,100% 0,37.27272% 100%,0 100%,59.54545% 13.04347%,0 13.04347%);
}

.dr7 .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top left;
    -o-object-position: top left;
    clip-path: polygon(25.40119% 0,100% 0,100% 100%,0 100%);
    -webkit-clip-path: polygon(25.40119% 0,100% 0,100% 100%,0 100%);
}

@media(max-width:992px){
    .ban{
        padding: 11rem 0 2rem;
    }
    .aboutus{
        background-size: 0,100% 352px;
    }
    .aboutus,
    .dr7{
        padding: 2rem 0;
    }
    .aboutus .btitle{
        margin: 2rem 0 3rem;
    }
    .aboutus .dbtn{
        text-align: center;
    }
    .dr7{
        min-height: unset;
        margin-top: 0;
    }
    .dr7 .img{
        position: relative;
        width: 100%;
    }
}

@media(max-width:768px){
    .dr7 .sectitle{
        text-align: center;
        margin: 0 auto;
    }
}

@media(max-width:425px){
    .aboutus{
        border-radius: 0 0 40px 40px;
    }
}