Current File : /home/mdkeenpw/www/wp-content/themes/logistik/assets/sass/update_1/_about.scss

.img-box1 {
    position: relative;

    .img1 {
        img {
            width: 690px;
            height: 585px;

            @include sm {
                width: 100%;
                height: 100%;
            }
        }
    }

    .img5 {
        position: relative;
        width: 500px;
        height: 500px;
        border-radius: 50%;
        z-index: 2;
        display: block;
        margin-left: auto;
        padding-top: 138px;
        @include lg {
            padding-top: 40px;  
            margin: auto;
        }
        @include vxs{
            width: 100%;
            height: 100%;
        }


        img {
            border-radius: 50%;
            text-align: right;
            border: 15px solid $white-color;
        }
    }

    .img6 {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 400px;
        height: 400px;
        border-radius: 50%;
        z-index: 0;
        @include vxs{
            width: 100%;
            height: 100%;
        }

        img {
            border-radius: 50%;
        }
    }

    .shape3 {
        content: "";
        position: absolute;
        left: 30px;
        bottom: -27%;
        z-index: -1;
        @include lg {
            bottom: 0; 
        }
    }

    .about-counter-wrapper {
        position: relative;
        background-color: $theme-color;
        min-width: 210px;
        width: 210px;
        height: 210px;
        border-radius: 50%;
        padding: 10px;
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 20%;
        top: 20%;
        @include xs{
            top: 10%; 
        }

        &:before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            background-color: $theme-color-2;
            border-radius: 50%;
            clip-path: path("M0.882406 101.83C1.00686 64.7002 25.2344 29.9768 59.0452 15.042C93.8101 -0.30767 135.296 6.78636 163.381 32.1755C176.947 44.4553 186.779 60.5517 191.675 78.1416C192.919 82.6635 193.832 87.3099 194.413 91.9563C194.703 94.4039 194.91 96.8516 195.035 99.2992C195.076 99.88 195.076 100.461 195.118 101.042C195.201 104.112 195.201 97.9302 195.118 101C195.076 102.369 194.993 103.697 194.91 105.066C194.247 114.566 192.131 123.983 188.729 132.861C175.412 167.75 142.099 192.144 104.97 194.882C102.647 195.048 100.323 195.131 98.0002 195.131C97.9587 195.131 97.9587 201.229 98.0002 201.229C116.752 201.188 135.13 195.753 150.894 185.589C166.161 175.716 178.399 161.486 186.116 145.058C194.081 128.049 196.321 109.048 194.869 90.4628C193.375 71.9187 186.655 54.1629 175.454 39.3111C152.637 9.06807 113.308 -4.99554 76.4277 3.26009C40.1278 11.3913 11.2123 40.8045 3.12262 76.98C1.42172 84.6548 0.840921 92.4126 0.799436 100.253C0.799436 101.498 0.757946 102.743 0.840918 104.029C0.840918 103.821 0.84092 102.286 0.882406 101.83Z");
        }
    }

    .about-counter {
        text-align: center;

        .counter-text {
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
            text-align: center;
            color: $white-color;
            margin-bottom: 0;
        }
    }
}