* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Fellix';
}

.w-100 {
    width: 100vw;
}

img {
    pointer-events: none;
}

.biz-kimiz {
    position: relative;

    .first {
        position: absolute;
        top: 12vw;
        left: 6vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #fff;
            position: relative;
            width: fit-content;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #fff;
            margin-top: 4vw;
            text-align: justify;
            width: 23vw;
        }
    }

    .second {
        position: absolute;
        top: 43vw;
        left: 6vw;

        .desc {
            font-size: 1.3vw;
            text-align: justify;
            width: 33vw;
            color: #565656;

            p {
                margin-bottom: 2vw;
            }
        }
    }

    .last {
        position: absolute;
        top: 8vw;
        left: 48vw;

        .desc {
            font-size: 1.3vw;
            text-align: justify;
            width: 45vw;
            color: #565656;
        }
    }


}

.uretim-gucumuz {
    position: relative;

    .first {
        position: absolute;
        top: 5vw;
        left: 6vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #fff;
            position: relative;
            width: fit-content;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #fff;
            margin-top: 4vw;
            text-align: justify;
            width: 33vw;

            p {
                margin-bottom: 2vw;
            }

            b {
                font-size: 1.6vw;
            }
        }
    }
}

.yuksek-standart {
    position: relative;

    .first {
        position: absolute;
        top: 0vw;
        left: 10vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 33vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }

    .second {
        position: absolute;
        top: 0vw;
        right: 10vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 33vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.ilke {
    position: relative;

    .first {
        position: absolute;
        top: 14vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #fff;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #fff;
            margin-top: 4vw;
            text-align: justify;
            width: 39vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.sektor {
    position: relative;

    .first {
        position: absolute;
        top: 6vw;
        left: 10vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 33vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }

    .second {
        position: absolute;
        top: 6vw;
        right: 10vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 33vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.neden {
    position: relative;

    .first {
        position: absolute;
        top: 10vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #fff;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #fff;
            margin-top: 4vw;
            text-align: justify;
            width: 34vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }

    .second {
        position: absolute;
        top: 38vw;
        left: 4vw;

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 34vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.garantili {
    position: relative;

    .first {
        position: absolute;
        top: 14vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 39vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.yenilenmis {
    position: relative;

    .first {
        position: absolute;
        top: 14vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 39vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.netsoft {
    position: relative;

    .first {
        position: absolute;
        top: 14vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 31vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.akademi {
    position: relative;

    .first {
        position: absolute;
        top: 14vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #fff;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #fff;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #fff;
            margin-top: 4vw;
            text-align: justify;
            width: 33vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.modern {
    position: relative;

    .first {
        position: absolute;
        top: 6vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 46vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.kapsamli {
    position: relative;

    .first {
        position: absolute;
        top: 12vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #fff;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #fff;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #fff;
            margin-top: 4vw;
            text-align: justify;
            width: 33vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.profesyonel {
    position: relative;

    .first {
        position: absolute;
        top: 6vw;
        left: 4vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 6vw;
                height: 5px;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 4vw;
            text-align: justify;
            width: 31vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}

.store-service {
    position: relative;

    .first {
        position: absolute;
        top: 4vw;
        left: 7vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: -7vw;
                width: 6vw;
                height: 3vw;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 1vw;
            text-align: justify;
            width: 87vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}
.store {
    position: relative;

    .first {
        position: absolute;
        top: 4vw;
        left: 7vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: -7vw;
                width: 6vw;
                height: 3vw;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 1vw;
            text-align: justify;
            width: 87vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}
.express {
    position: relative;

    .first {
        position: absolute;
        top: 4vw;
        left: 7vw;

        .title {
            font-weight: bold;
            font-size: 2.5vw;
            color: #919090;
            position: relative;
            width: fit-content;
            text-transform: uppercase;


            &::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: -7vw;
                width: 6vw;
                height: 3vw;
                background: #919090;
            }
        }

        .desc {
            font-size: 1.3vw;
            color: #919090;
            margin-top: 1vw;
            text-align: justify;
            width: 87vw;

            p {
                margin-bottom: 2vw;
                position: relative;

                img {
                    width: 3vw;
                    position: absolute;
                    top: 0;
                    left: -4vw;
                }
            }

            b {
                font-size: 2vw;
                display: block;
                margin-bottom: 2vw;
            }
        }
    }
}