.bp-element-accordion {
    &.layout-1 {
        .item {
            border: 1px solid #e1e1e1;
            margin-bottom: 25px;

        .question {
            font-weight: 400;
            font-size: 18px;
            line-height: 1.555555;
            color: #292929;
            min-height: 74px;
            display: flex;
            align-items: center;
            padding: 10px 20px 10px 45px;
            position: relative;

            cursor: pointer;

            &::before {
                content: '\f125';
                font-family: Ionicons;
                font-size: 14px;
                color: #a6a6a6;
                line-height: 1;
                position: absolute;
                top: calc(50% - 7px);
                left: 22px;
              right: auto;
                transition: all 0.3s;
            }
        }

        .answer {
            font-weight: 300;
            font-size: 18px;
            line-height: 1.555555;
            color: #7c7c7c;
            border-top: 1px solid #e1e1e1;
            padding: 22px 20px 21px 45px;
        }

            &.active-dropdown {
                .question {
                    &::before {
                        transform: rotateZ(90deg);
                    }
                }
            }
        }
    }

    &.layout-3 {
        .wrap-element {
            .item {
                position: relative;
                z-index: 0;
                margin-bottom: 20px;
                border-radius: 10px;
                background: #fff;
                box-shadow: 6px 8px 20px 0px rgba(0, 0, 0, 0.1);
                padding: 0px 30px;
                transition: all .2s;

                &::before {
                    content: '';
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: #2d7fd5;
                    background: -webkit-linear-gradient(left, #2d7fd5, #43c5d5);
                    background: -o-linear-gradient(left, #2d7fd5, #43c5d5);
                    background: -moz-linear-gradient(left, #2d7fd5, #43c5d5);
                    background: linear-gradient(left, #2d7fd5, #43c5d5);
                    border-radius: inherit;
                    position: absolute;
                    z-index: -1;
                    top: 0;
                    left: 0;
                    opacity: 0;
                    transition: all .2s;
                }

                .question {
                    font-weight: 500;
                    font-size: 18px;
                    line-height: 1.444444;
                    color: #333;
                    word-break: break-word;
                    padding: 27px 30px 27px 0;
                    position: relative;
                    cursor: pointer;

                    &::after {
                        content: '\f123';
                        font-family: Ionicons;
                        font-size: 13px;
                        color: inherit;
                        line-height: 1;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 0;
                    }
                }

                .answer {
                    font-family: Roboto;
                    font-weight: 300;
                    font-size: 16px;
                    line-height: 1.625;
                    color: #fff;
                    word-break: break-word;
                    padding-bottom: 37px;
                }

                &.active-dropdown {
                    box-shadow: 6px 8px 20px 0px rgba(0, 0, 0, 0);

                    &::before {
                        opacity: 1;
                    }

                    .question {
                        color: #fff;
                        padding-bottom: 18px;

                        &::after {
                            content: '\f126';
                        }
                    }
                }
            }
        }
    }

    .tabs {
        .nav {
            margin-left: 0;
            margin-bottom: 40px;
            a {
                color: #666;
                font-size: 18px;
                font-weight: 600;
                border: 1px solid rgba(204,204,204,.4);
                text-transform: uppercase;
                line-height: 50px;
                height: 50px;
                padding: 0 39px;
                display: inline-block;
                &:hover,
                &.active {
                    color: #fff;
                    border-color: #e9003f;
                    background-color: #e9003f;
                }

            }
            .nav-item:not(:first-child) {
                margin-left: 20px;
            }
        }

        .tab-content {
            .item {
                border-bottom: 1px solid rgba(204,204,204,.4);

                &.active-dropdown,
                &:hover {
                    .question i {
                        color: #e9003f;
                    }
                }
                .question {
                    font-size: 18px;
                    font-weight: 600;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    padding: 21px 20px 21px 0;
                    position: relative;
                    cursor: pointer;
                    i {
                      margin-right: 50px;
                      font-size: 32px;
                    }
                    .acc-icon {
                        margin-right: 78px;
                        font-family: Times;
                        font-size: 21px;
                        font-weight: bold;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: 1.31;
                        letter-spacing: 0.6px;
                        text-align: center;
                        color: #e9003f;
                        &:before {

                        }
                    }
                }
                .answer {
                    font-size: 16px;
                    font-weight: normal;
                    text-align: left;
                    color: #999999;
                    padding: 0 20px 21px 82px;
                }

                &.active-dropdown {
                    .question {
                        &::before {
                            transform: rotateZ(90deg);
                        }
                    }
                }
            }
        }
    }

    &.kindergarten-layout-1 {
        .wrap-element {
            .accordion-item {
                border: 2px solid;
                border-radius: 10px;
                padding: 0 25px;
                margin-bottom: 5px;

                .question {
                    font-family: Sniglet;
                    font-weight: 400;
                    font-size: 18px;
                    line-height: 1.5;
                    color: #56509f;
                    min-height: 51px;
                    display: flex;
                    align-items: center;
                    padding: 10px 35px 10px 35px;
                    position: relative;
                    cursor: pointer;
                    transition: all .2s;

                    i {
                        font-size: 20px;
                        line-height: 1;
                        position: absolute;
                        position: absolute;
                        top: 50%;
                        left: 0px;
                        transform: translateY(-50%);
                    }

                    &::after {
                        content: '\f48a';
                        font-family: Ionicons;
                        font-size: 20px;
                        color: #56509f;
                        line-height: 1;
                        position: absolute;
                        top: 50%;
                        right: 0px;
                        transform: translateY(-50%);
                    }
                }

                .answer {
                    font-weight: 300;
                    font-size: 16px;
                    line-height: 1.625;
                    color: #797979;
                    border-top: 1px solid #e5e5e5;
                    padding: 18px 0;
                }

                &.active-dropdown {
                    .question {
                        &::after {
                            content: '\f463';
                        }
                    }
                }

                &.color-1 {
                    border-color: #ff6682;

                    .question {
                        i {
                            color: #ff6682;
                        }

                        &:hover {
                            color: #ff6682;
                        }
                    }
                }

                &.color-2 {
                    border-color: #95cc47;

                    .question {
                        i {
                            color: #95cc47;
                        }

                        &:hover {
                            color: #95cc47;
                        }
                    }
                }

                &.color-3 {
                    border-color: #bd66ff;

                    .question {
                        i {
                            color: #bd66ff;
                        }

                        &:hover {
                            color: #bd66ff;
                        }
                    }
                }

                &.color-4 {
                    border-color: #ffaf40;

                    .question {
                        i {
                            color: #ffaf40;
                        }

                        &:hover {
                            color: #ffaf40;
                        }
                    }
                }

                &.color-5 {
                    border-color: #00aeef;

                    .question {
                        i {
                            color: #00aeef;
                        }

                        &:hover {
                            color: #00aeef;
                        }
                    }
                }

                &.color-6 {
                    border-color: #f68685;

                    .question {
                      i {
                        color: #f68685;
                      }

                      &:hover {
                        color: #f68685;
                      }
                    }
                }

                &.color-7 {
                  border-color: #00b1c4;

                  .question {
                    i {
                      color: #00b1c4;
                    }

                    &:hover {
                      color: #00b1c4;
                    }
                  }
                }

                &.hidden-icon {
                    border: none;
                    border-radius: 5px;
                    box-shadow: 0px 5px 10px 0px rgba(105,105,105,0.08);
                    padding: 3px 25px;
                    margin-bottom: 27px;
                    .question {
                        font-family: inherit;
                        line-height: 1.5;
                        color: #2a2a2a;
                        min-height: unset;
                        padding: 15px 35px 15px 0;
                        &:hover {
                            color: #ffbc42;
                            &:after {
                                color: #ffbc42;
                            }
                        }
                    }
                    .answer {
                        display: block;
                        line-height: 1.75;
                        color: #828282;
                        border-top: 1px solid #ebebeb;
                        padding: 22px 0 29px 0;
                        font-family: poppins;
                    }

                    &.active-dropdown {
                        .question {
                            color: #ffbc42;
                            &:after {
                                color: #ffbc42;
                            }
                        }
                    }

                }
            }
        }
    }
}