// Administative section and single items

.administration-section {
    position: relative;

    .admin-shape {
        position: absolute;
        top: -90px;
        right: 35px;
    }

    .admin-shape-02 {
        position: absolute;
        left: 13%;
        top: -17%;
    }

    &.home-six {
        margin-top: 120px;
    }
}

.administration-single-items {
    &.style-01 {
        margin-left: 50px;
    }

    &.about-two {
        .administrative-bg {
            border-radius: 0px;
            min-height: 690px;
        }

        .content {
            .title {
                margin-bottom: 27px;
            }

            p {
                font-size: 16px;
                line-height: 1.6;
                font-weight: 400;
                color: #6B6B6B;
            }
        }

        .list-items {
            ul {
                li {
                    color: var(--heading-color);
                    display: inline-block;

                    +li {
                        border-top: 1px solid rgba(204, 204, 204, 0.4);
                    }
                }
            }
        }

        .btn-wrapper {
            &.administration {
                background: #fff;
                padding: 65px 55px 25px 55px;
                filter: drop-shadow(-5px -5px 30px rgba(0, 0, 0, 0.16));
                left: 10%;
                top: 72%;
            }

            p {
                margin-top: 64px;
                text-align: center;
                margin-left: 5px;
                text-transform: uppercase;
                margin-bottom: 0;
                margin-top: 60px;
                font-size: 20px;
                line-height: 1;
                font-family: var(--heading-font);
                font-weight: 700;
                color: var(--heading-color);
            }
        }
    }

    .administrative-bg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 617px;
        border-radius: 10px;
    }

    .content {
        .title {
            font-size: 40px;
            line-height: 48px;
            font-family: var(--heading-font);
            font-weight: 700;
            color: var(--heading-color);
            margin-bottom: 15px;
        }

        p {
            font-size: 18px;
            line-height: 28px;
            font-family: var(--body-font);
            font-weight: 500;
            color: #4E4E56;
            margin-bottom: 30px;
        }
    }

    .administration-quotes {
        background: #F9F9FF;
        padding: 20px 35px;
        border-left: 5px solid var(--main-color-one);
        position: relative;
        margin-bottom: 25px;

        .title {
            font-size: 20px;
            line-height: 30px;
            font-family: var(--body-font);
            font-weight: 500;
            max-width: 445px;
            margin-bottom: 0;
        }

        .icon {
            position: absolute;
            top: 40%;
            right: 9%;
            transform: translateY(-40%);
        }
    }

    .list-items {
        ul {
            list-style: none;
            padding-left: 0;

            li {
                font-size: 16px;
                line-height: 28px;
                font-family: var(--body-font);
                font-weight: 400;
                color: #505050;
                margin-bottom: 15px;
                padding-left: 40px;
                padding-top: 15px;
                // display: inline-block;
                position: relative;

                &::after {
                    content: '\f00c';
                    font-family: "fontawesome";
                    font-weight: 900;
                    position: absolute;
                    left: 0;
                    top: 15px;
                    width: 24px;
                    height: 24px;
                    line-height: 24px;
                    text-align: center;
                    background: #fff;
                    border-radius: 50%;
                    color: var(--main-color-one);
                    margin-right: 20px;
                    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
                }

                +li {
                    border-top: 1px solid #CCCCCC;
                }

                i {
                    width: 24px;
                    height: 24px;
                    line-height: 24px;
                    text-align: center;
                    background: #fff;
                    border-radius: 50%;
                    color: var(--main-color-one);
                    margin-right: 20px;
                    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
                }
            }
        }
    }

    .feedback {
        display: flex;
        margin-top: 24px;

        .feedback-single {
            margin-right: 42px;
            position: relative;

            &::after {
                content: '';
                position: absolute;
                width: 100%;
                height: 70%;
                border-right: 1px dashed #CCCCCC;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }

            &:last-child {
                margin-right: 0;

                &::after {
                    content: none;
                }
            }

            span {
                font-size: 40px;
                line-height: 48px;
                font-family: var(--heading-font);
                font-weight: 700;
                color: var(--main-color-one);
            }

            p {
                font-size: 16px;
                line-height: 23px;
                font-family: var(--body-font);
                font-weight: 400;
                color: var(--heading-color);
                max-width: 170px;
            }
        }
    }

    .icon-box-wrap {
        display: flex;
        align-items: center;
        margin-bottom: 30px;

        .icon-box {
            display: flex;
            align-items: center;

            +.icon-box {
                margin-left: 30px;
            }

            .icon {
                width: 60px;
                height: 60px;
                line-height: 55px;
                text-align: center;
                border: 1px solid rgba(4, 7, 46, 0.2);
                font-size: 30px;
                color: var(--main-color-one);
                transition: .3s all ease;

                &:hover {
                    background: var(--main-color-one);
                    border: 1px solid var(--main-color-one);
                    color: $white;
                }
            }

            .content {
                margin-left: 15px;

                p {
                    font-size: 18px;
                    line-height: 1.6;
                    font-weight: 500;
                    color: var(--heading-color);
                    margin-bottom: 0;
                }
            }
        }
    }

    .campaigns-no {
        display: flex;
        align-items: center;

        .content {
            background: rgba(221, 19, 26, 0.05);
            padding: 15px 20px 20px;
            margin-right: 30px;

            .number {
                font-size: 40px;
                line-height: 1.2;
                font-weight: 700;
                color: var(--main-color-one);
            }

            p {
                font-size: 16px;
                line-height: 1.5;
                font-weight: 400;
                color: var(--heading-color);
                margin-bottom: 0;
            }
        }
    }
}