.service-wrapper {
    @include breakpoint (max-md){
        text-align: center;
        margin-bottom: -5px;
    }

    .service-left {
        .about-author {
            @include flex;
            gap: 30px;
            margin-top: 50px;
    
            @include breakpoint (max-xl){
                flex-wrap: wrap;
            }
    
            @include breakpoint (max-md){
               margin-top: 30px;
               text-align: center;
               justify-content: center;
            }
    
            @include breakpoint (max-sm){
                margin-top: 20px;
            }
    
            .author-icon {
                @include flex;
                gap: 20px;
    
                .icon {
                    width: 48px;
                    height: 48px;
                    line-height: 48px;
                    text-align: center;
                    background-color: $theme-color;
                    text-align: center;
                    color: $white;
                    border-radius: 50%;
                    position: relative;
    
                    &::before {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        right: 0;
                        bottom: 0;
                        width: 60px;
                        height: 60px;
                        border-radius: 50%;
                        border: 1px solid $theme-color;
                        content: "";
                        transform: translate(-50%,-50%);
                    }
                    
                }
    
                .content {
                    h5 {
                        font-weight: 600;
                        a {
                            color: $header-color;
                        }
                    }
    
                    span {
                        font-size: 14px;
                        font-weight: 600;
                        color: $header-color;
                        font-family: $heading-font;
                        margin-bottom: 5px;
                    }
                }
            }
        }
    }

    .service-right {
        .icon-items {
            @include flex;
            gap: 20px;
            margin-left: 120px;

            @include breakpoint (max-xl){
                margin-left: 30px;
            }   
            
            @include breakpoint (max-lg){
                margin-left: 100px;
            }   

            @include breakpoint (max-md){
                flex-wrap: wrap;
                margin-left: 0;
                justify-content: center;
                text-align: center;
            }

            &:not(:last-child){
                margin-bottom: 30px;

                @include breakpoint (max-sm){
                    margin-bottom: 20px;
                }    
            }

            .icon {
                width: 90px;
                height: 90px;
                line-height: 90px;
                text-align: center;
                border-radius: 8px;
                background: rgba(243, 159, 95, 0.20);
                font-size: 40px;
                color: $theme-color;

                &.color-2 {
                    background: rgba(88, 102, 235, 0.15);
                    color: #5866EB;
                }

                &.color-3 {
                    background: rgba(112, 166, 177, 0.15);
                    color: #70A6B1;
                }
            }

            .content {
                h5 {
                    margin-bottom: 5px;
                }
            }

            &.style-2 {
                margin-left: 0;
            }
        }
    }
}

.service-section {
    position: relative;

    .line-1 {
        position: absolute;
        bottom: 10%;
        left: 0;
        animation: rounded 5s linear infinite;

        @include breakpoint (max-xxxl){
            display: none;
        }
    }

    .line-2 {
        position: absolute;
        bottom: 10%;
        right: 0;

        @include breakpoint (max-xxxl){
            display: none;
        }
    }
}