.header-section {
    background-color: #FFF;
    text-align: center;
    font-family: var(--font-title);

    &>.main-heading {
        font-size: 40px;
        /* margin: 0 0 15px 0; */
        color: #CC0000;
        font-weight: 600;
    }

    &>.sub-heading {
        font-size: 29px;
        /* font-weight: 540; */
        margin: 0px 0 20px 0;
        text-align: center;
    }

    &>.title {
        font-size: 26px;
        margin: 45px 0 2px 0;
        color: #CC0000;
        font-weight: 500;
        text-align: center;

    }

    &>.description {
        font-size: 19px;
        margin: 0;
        font-weight: 600;
        text-align: center;

    }
}

.value-system-body {
    width: 100%;
    height: 50vh;
    overflow: auto;
    transition: all 0.3s ease-in-out;

    /* width */
    &::-webkit-scrollbar {
        width: 20px;
        height: 7px;
    }

    /* Track */
    &::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    &::-webkit-scrollbar-thumb {
        background: rgb(90, 90, 90);
        border-radius: 10px;
    }

    /* Handle on hover */
    &::-webkit-scrollbar-thumb:hover {
        background: rgb(104, 104, 104);
    }
}

.h-70 {
    height: 70vh;
}

.h-100 {
    height: 100vh !important;
}

@keyframes blinkAnimation {
    0% {
        transform: scale(1.6);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.6);
    }
}

@keyframes blinkAnimation2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}


/*==============================================================================================
                                            Value System
==============================================================================================*/
.value-system-info {
    /* padding: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    height: 100%;
    user-select: none;
    background-color: w;
    min-width: 1100px;
    overflow: hidden;
    line-height: normal;

    /*===================================================
                        Visible Childrens
    ===================================================*/
    &>.visible-chields {
        transform: rotate(360deg);

        &>.child-cards {
            opacity: 1 !important;
            visibility: visible !important;
            width: 250px !important;
            height: 250px !important;
        }

        &>.main-card {
            outline: 1px solid #000;
            outline-offset: 5px;

            &::after {
                display: none;
            }
        }
    }

    /*===================================================
                    Value System Body
    ===================================================*/
    &>.value-system {
        position: relative;
        /* width: 130px;
        height: 130px; */
        width: 110px;
        height: 110px;

        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease-in-out;

        /*======================================
                Value System main Card
        ======================================*/
        &>.main-card {
            border: 1px solid #000;
            width: 110px;
            height: 110px;

            border-radius: 50%;
            position: absolute;
            background-color: #FFF;
            cursor: pointer;
            transition: all 0.3s ease-in-out;
            display: flex;
            justify-content: center;
            align-items: center;
            /* animation: blinkAnimation 1.2s infinite; */

            &::after {
                content: '';
                position: absolute;
                bottom: 10px;
                left: 0;
                right: 0;
                top: 0;
                margin: auto;
                width: 5px;
                height: 5px;
                background-color: rgb(255, 255, 255);
                border-radius: 50%;
                animation: blinkAnimation 1.2s infinite;
                outline: 1px solid rgb(255, 255, 255);
                outline-offset: 2px;
            }

            &:is(:hover, :focus) {
                background-color: #eff2f6;
                outline: 1px solid #000;
                outline-offset: 5px;
            }

            &>img {
                width: 70%;
            }
        }

        /*======================================
                Children Cards of main card
        ======================================*/
        &>.child-cards {
            width: 0;
            height: 0;
            position: absolute;
            border: 1px solid #000;
            border-radius: 50%;
            background: #FFF;
            z-index: -1;
            opacity: 0;
            visibility: hidden;
            transition: all 0.5s ease-in-out;
            cursor: pointer;

            &:is(:hover, :focus) {
                background-color: #eff2f6;
            }

            /*======================================
                        Children Cards body
            ======================================*/
            &>.child-body {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                position: relative;
                font-family: var(--font-title);

                /*=================== Text Section ===================*/
                &>.text-section {
                    width: 100%;
                    height: 100%;
                    display: grid;
                    place-content: center;
                    border-radius: 50%;
                    overflow: hidden;

                    &::after {
                        content: '';
                        position: absolute;
                        bottom: 32%;
                        left: 0;
                        right: 0;
                        margin: 0 auto;
                        width: 10px;
                        height: 10px;
                        background-color: green;
                        border-radius: 50%;
                        animation: blinkAnimation 1.2s infinite;
                        outline: 1px solid green;
                        outline-offset: 2px;
                    }

                    /*======= Heading =======*/
                    &>.heading {
                        font-size: 25px;
                        color: #cc0000;
                        font-weight: 600;
                        text-align: center;
                        margin-bottom: 0px;
                        margin-top: 0;
                        text-transform: uppercase;
                        &::after, &::before{
                            display: none;
                        }
                    }

                    /*======= Title =======*/
                    &>.title {
                        margin: 0;
                        font-size: 18px;
                        font-family: var(--font-title);
                        color: #000;
                        text-align: center;
                        font-weight: 600;
                    }
                }

                /*=================== Children Cards of vidyas card  ===================*/
                &>.childrens {
                    position: absolute;
                    width: 0;
                    height: 0;
                    opacity: 0;
                    transition: all 0.3s ease-in-out;
                    visibility: hidden;
                    /* transition: transform 0s; */
                    /* font-family: ITC-Bold; */
                    font-family: var(--font-title);

                    /*======= Card Body =======*/
                    &>.child-body {
                        border: 1px solid #c9c9c9;
                        width: 0;
                        height: 0;
                        border-radius: 50%;
                        position: absolute;
                        background-color: #FFF;
                        cursor: pointer;
                        transition: all 0.3s ease-in-out;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 15px;
                        position: relative;
                        animation: blinkAnimation2 1.2s infinite;

                        &:is(:hover, :focus) {
                            background-color: #eff2f6;
                        }

                        /*======= text =======*/
                        &>.text {
                            margin: 0 4px;
                            font-size: 16px;
                            font-weight: 600;
                            text-align: center;
                            overflow: hidden;
                            line-height: normal;
                        }

                        /*======= last Children =======*/
                        &>.last-childs {
                            position: absolute;
                            text-wrap: nowrap;
                            width: 0;
                            height: 0;
                            transition: all 0.3s ease-in-out;
                            opacity: 0;
                            visibility: hidden;
                            overflow: hidden;

                            &::after {
                                content: '';
                                /* width: 15px;
                                height: 15px; */
                                width: 5px;
                                height: 5px;

                                background-color: #3f3f3f;
                                display: block;
                                position: absolute;
                                top: 7px;
                                right: -18px;
                                border-radius: 50%;
                            }
                        }

                        &>.last-childs-1 {
                            right: 142%;
                            bottom: 31%;
                        }

                        &>.last-childs-2 {
                            right: 139%;
                            bottom: 59%;
                        }

                        &>.last-childs-3 {
                            right: 120%;
                            bottom: 87%;
                        }
                    }
                }

                /*=================== Visible Children Cards of vidyas card  ===================*/
                &>.visible-chields {
                    &>.child-body {
                        animation: none !important;

                        &>.last-childs {
                            width: max-content !important;
                            height: max-content !important;
                            opacity: 1;
                            overflow: visible;
                            visibility: visible;
                        }
                    }
                }

                &>.chield-1 {
                    bottom: 65%;
                    right: 105%;
                }

                &>.chield-2 {
                    bottom: 98%;
                    right: 76%;

                    .child-body {
                        &>.last-childs-1 {
                            right: 139%;
                            bottom: 59%;
                        }

                        &>.last-childs-2 {
                            right: 129%;
                            bottom: 85%;
                        }

                        &>.last-childs-3 {
                            right: 100%;
                            bottom: 110%;

                            &::after {
                                top: 6px;
                            }
                        }

                        &>.last-childs-4 {
                            right: 138%;
                            bottom: 31%;
                        }
                    }
                }

                &>.chield-3 {
                    bottom: 110%;

                    .child-body {
                        &>.last-childs-1 {
                            right: 102%;
                            bottom: 100%;
                        }

                        &>.last-childs-2 {
                            right: -4px;
                            bottom: 133%;

                            &::after {
                                top: 21px;
                                left: 0;
                                right: 0;
                                margin: 0 auto;
                            }
                        }

                        &>.last-childs-3 {
                            bottom: 102%;
                            left: 100%;

                            &::after {
                                left: -22px;
                            }
                        }
                    }
                }

                &>.chield-4 {
                    bottom: 98%;
                    left: 76%;

                    .child-body {
                        &>.last-childs-1 {
                            left: 139%;
                            bottom: 56%;

                            &::after {
                                left: -22px;
                            }
                        }

                        &>.last-childs-2 {
                            left: 129%;
                            bottom: 85%;

                            &::after {
                                left: -22px;
                            }
                        }

                        &>.last-childs-3 {
                            left: 100%;
                            bottom: 110%;

                            &::after {
                                left: -22px;
                                top: 7px;
                            }
                        }

                        &>.last-childs-4 {
                            left: 142%;
                            bottom: 31%;

                            &::after {
                                left: -22px;
                                top: 7px;
                            }
                        }
                    }
                }

                &>.chield-5 {
                    bottom: 65%;
                    left: 105%;

                    .child-body {
                        &>.last-childs-1 {
                            left: 131%;
                            bottom: 85%;

                            &::after {
                                left: -22px;
                            }
                        }

                        &>.last-childs-2 {
                            left: 143%;
                            bottom: 57%;

                            &::after {
                                left: -22px;
                            }
                        }

                        &>.last-childs-3 {
                            left: 145%;
                            bottom: 29%;

                            &::after {
                                left: -22px;
                                top: 7px;
                            }
                        }

                        &>.last-childs-4 {
                            left: 135%;
                            bottom: 2%;

                            &::after {
                                left: -22px;
                                top: 7px;
                            }
                        }
                    }
                }
            }
        }


        /*====================================================
                            Vidya Card
        ====================================================*/
        &>.vidya-cards {
            bottom: 50%;

            &>.visible-chields {

                &>.text-section::after {
                    display: none;
                }

                .childrens {
                    opacity: 1 !important;
                    width: 90px !important;
                    height: 90px !important;
                    visibility: visible !important;

                    &>.child-body {
                        width: 100% !important;
                        height: 100% !important;
                    }
                }
            }

            &>.child-body {
                &>.chield-1 {
                    .child-body {
                        &>.last-childs-4 {
                            right: 133%;
                            bottom: 3%;
                        }

                        &>.last-childs-5 {
                            right: 111%;
                            bottom: -23%;
                        }
                    }
                }
            }
        }

        /*====================================================
                            Sadvidya Card
        ====================================================*/
        &>.sadvidya-cards {
            right: 50%;
            /* top: 26%; */
            top: 10%;
            transform: rotate(245deg);

            &>.visible-chields {

                &>.text-section::after {
                    display: none;
                }

                .childrens {
                    opacity: 1 !important;
                    width: 90px !important;
                    height: 90px !important;
                    visibility: visible !important;
                    /* transition: transform 0s; */

                    &>.child-body {
                        width: 100% !important;
                        height: 100% !important;
                        transition: 0;
                    }
                }
            }

            &>.child-body {
                &>.childrens {
                    transform: rotate(115deg);
                }

                &>.chield-1 {
                    .child-body {
                        &>.last-childs-1 {
                            right: 135%;
                            bottom: 6%;
                        }

                        &>.last-childs-2 {
                            right: 109%;
                            bottom: -24%;
                        }

                        &>.last-childs-3 {
                            right: -14px;
                            bottom: -53%;

                            &::after {
                                top: -20px;
                                left: 0;
                                right: 0;
                                margin: 0 auto;
                            }
                        }
                    }
                }

                &>.chield-2 {
                    .child-body {
                        &>.last-childs-1 {
                            right: 131%;
                            bottom: 1%;
                        }

                        &>.last-childs-2 {
                            right: 142%;
                            bottom: 32%;
                        }

                        &>.last-childs-3 {
                            right: 139%;
                            bottom: 62%;

                            &::after {
                                top: 1px;
                            }
                        }
                    }
                }

                &>.chield-3 {
                    .child-body {
                        &>.last-childs-1 {
                            right: 134% !important;
                            bottom: 1%;
                        }

                        &>.last-childs-2 {
                            right: 142% !important;
                            bottom: 32%;

                            &::after {
                                top: 7px;
                                left: 105%;
                            }
                        }

                        &>.last-childs-3 {
                            bottom: 62%;
                            left: -175% !important;

                            &::after {
                                top: 7px;
                                left: 104%;
                            }
                        }

                        &>.last-childs-4 {
                            right: 106% !important;
                            bottom: -23%;

                            &::after {
                                top: 7px;
                                left: 108%;
                            }
                        }
                    }
                }

                &>.chield-4 {
                    .child-body {
                        &>.last-childs-1 {
                            left: -264% !important;
                            bottom: 1%;

                            &::after {
                                top: 7px;
                                left: 105%;
                            }
                        }

                        &>.last-childs-2 {
                            left: -153% !important;
                            bottom: 32%;

                            &::after {
                                top: 7px;
                                left: 105%;
                            }
                        }

                        &>.last-childs-3 {
                            bottom: 62%;
                            left: -186% !important;

                            &::after {
                                top: 7px;
                                left: 104%;
                            }
                        }

                        &>.last-childs-4 {
                            bottom: 89%;
                            left: -150% !important;

                            &::after {
                                top: 7px;
                                left: 104%;
                            }
                        }
                    }
                }

                &>.chield-5 {
                    .child-body {
                        &>.last-childs-1 {
                            left: -173% !important;
                            bottom: 29%;

                            &::after {
                                top: 7px;
                                left: 105%;
                            }
                        }

                        &>.last-childs-2 {
                            left: -183% !important;
                            bottom: 61%;

                            &::after {
                                top: 7px;
                                left: 105%;
                            }
                        }

                        &>.last-childs-3 {
                            bottom: 94%;
                            left: -165%;

                            &::after {
                                top: 1px;
                                left: 104%;
                            }
                        }
                    }
                }
            }

            &>.child-body {
                &>.text-section {
                    transform: rotate(115deg);
                }
            }
        }

        /*====================================================
                            Brahmavidya Card
        ====================================================*/
        &>.brahmavidya-cards {
            left: 50%;
            /* top: 26%; */
            top: 10%;
            transform: rotate(106deg);

            &>.visible-chields {

                &>.text-section::after {
                    display: none;
                }

                .childrens {
                    opacity: 1 !important;
                    width: 90px !important;
                    height: 90px !important;
                    visibility: visible !important;

                    &>.child-body {
                        width: 100% !important;
                        height: 100% !important;
                    }
                }
            }

            &>.child-body {
                &>.childrens {
                    transform: rotate(254deg);
                }

                &>.chield-1 {
                    .child-body {
                        &>.last-childs-1 {
                            right: -242%;
                            bottom: 29%;

                            &::after {
                                top: 7px;
                                right: 105%;
                            }
                        }

                        &>.last-childs-2 {
                            right: -110%;
                            bottom: 61%;

                            &::after {
                                top: 7px;
                                right: 109%;
                            }
                        }

                        &>.last-childs-3 {
                            right: -217%;
                            bottom: 94%;

                            &::after {
                                top: 7px;
                                right: 104%;
                            }
                        }
                    }
                }

                &>.chield-2 {
                    .child-body {
                        &>.last-childs-1 {
                            left: 135%;
                            bottom: 1%;

                            &::after {
                                left: -23px;
                            }
                        }

                        &>.last-childs-2 {
                            left: 142%;
                            bottom: 32%;

                            &::after {
                                left: -22px;
                            }
                        }

                        &>.last-childs-3 {
                            left: 139%;
                            bottom: 62%;

                            &::after {
                                top: 7px;
                                left: -20px;
                            }
                        }
                    }
                }

                &>.chield-3 {
                    .child-body {
                        &>.last-childs-1 {
                            left: 122%;
                            bottom: 7%;

                            &::after {
                                right: 105%;
                                top: 7px;
                            }
                        }

                        &>.last-childs-2 {
                            left: 145%;
                            bottom: 33%;

                            &::after {
                                top: 7px;
                                right: 94%;
                                left: -19%;
                            }
                        }

                        &>.last-childs-3 {
                            bottom: 62%;
                            right: -180%;
                            left: 137%;

                            &::after {
                                top: 7px;
                                right: 104%;
                            }
                        }
                    }
                }

                &>.chield-4 {
                    .child-body {
                        &>.last-childs-1 {
                            right: -171%;
                            bottom: 1%;
                            left: 136%;

                            &::after {
                                top: 7px;
                                right: 105%;
                            }
                        }

                        &>.last-childs-2 {
                            right: -184%;
                            bottom: 32%;
                            left: 147%;

                            &::after {
                                top: 7px;
                                right: 105%;
                            }
                        }

                        &>.last-childs-3 {
                            right: -180%;
                            bottom: 62%;
                            left: 143%;

                            &::after {
                                top: 7px;
                                right: 104%;
                            }
                        }
                    }
                }

                &>.chield-5 {
                    .child-body {
                        &>.last-childs-1 {
                            left: 135%;
                            bottom: 6%;
                        }

                        &>.last-childs-2 {
                            left: 109%;
                            bottom: -24%;
                        }

                        &>.last-childs-3 {
                            left: 57px;
                            bottom: -49%;

                            &::after {
                                top: 6px;
                                left: -112%;
                                right: 0;
                                margin: 0 auto;
                            }
                        }
                    }
                }

                &>.chield-6 {
                    bottom: 19%;
                    left: 111%;

                    .child-body {
                        &>.last-childs-1 {
                            left: 0%;
                            bottom: -48%;

                            &::after {
                                right: 106%;
                                top: 7px;
                            }
                        }

                        &>.last-childs-2 {
                            left: -3px;
                            bottom: -74%;

                            &::after {
                                left: -22px;
                                top: 7px;
                            }
                        }
                    }
                }
            }

            &>.child-body {
                &>.text-section {
                    transform: rotate(254deg);
                    margin-top: -11px;
                }
            }
        }
    }
}

@media screen and (max-width: 1280px) {
    .value-system-info {

        &>.visible-chields {
            &>.child-cards {
                width: 220px !important;
                height: 220px !important;
            }
        }

        &>.value-system {
            &>.main-card {
                width: 110px;
                height: 110px;
            }

            &>.vidya-cards,
            &>.sadvidya-cards,
            &>.brahmavidya-cards {
                &>.visible-chields {
                    &>.text-section {
                        &>.heading {
                            margin-top: 15px;
                            font-size: 20px;
                        }
                    }

                    .childrens {
                        width: 75px !important;
                        height: 75px !important;

                        &>.child-body {

                            &>.text {
                                font-size: 13px;
                            }

                            &>.last-childs {
                                font-size: 13px;

                                &::after {
                                    width: 5px;
                                    height: 5px;
                                    top: 0;
                                    bottom: 0;
                                    margin: auto 0;
                                    background-color: #3f3f3f;
                                }
                            }
                        }
                    }
                }
            }

            &>.vidya-cards {
                &>.child-body {
                    &>.chield-3 {
                        .child-body {
                            &>.last-childs-2 {
                                right: -6px;
                                bottom: 139%;

                                &::after {
                                    bottom: -39px;
                                    left: 0;
                                    right: 0;
                                    margin: auto auto;
                                }
                            }
                        }
                    }
                }
            }

            &>.sadvidya-cards {
                &>.child-body {
                    &>.chield-1 {
                        .child-body {
                            &>.last-childs-1 {
                                right: 135%;
                                bottom: 6%;
                            }

                            &>.last-childs-2 {
                                right: 109%;
                                bottom: -24%;
                            }

                            &>.last-childs-3 {
                                right: -14px;
                                bottom: -53%;

                                &::after {
                                    top: -20px;
                                    left: 0;
                                    right: 0;
                                    margin: 0 auto;
                                }
                            }
                        }
                    }

                    &>.chield-3 {
                        .child-body {
                            &>.last-childs-1 {
                                right: 131%;
                            }

                            &>.last-childs-2 {
                                right: 145%;
                            }

                            &>.last-childs-3 {
                                left: -96%;
                            }

                            &>.last-childs-4 {
                                right: 104%;
                            }
                        }
                    }

                    &>.chield-4 {
                        .child-body {
                            &>.last-childs-1 {
                                left: -154%;
                            }

                            &>.last-childs-2 {
                                left: -172%;
                            }

                            &>.last-childs-3 {
                                left: -214%;
                            }

                            &>.last-childs-4 {
                                left: -176%;
                            }
                        }
                    }

                    &>.chield-5 {
                        .child-body {
                            &>.last-childs-1 {
                                left: -194%;
                            }

                            &>.last-childs-2 {
                                left: -207%;
                            }
                        }
                    }
                }
            }

            &>.brahmavidya-cards {
                &>.child-body {
                    &>.chield-1 {
                        .child-body {
                            &>.last-childs-1 {
                                right: -248%;
                            }

                            &>.last-childs-2 {
                                right: -80px;
                            }
                        }
                    }

                    &>.chield-3 {
                        .child-body {
                            &>.last-childs-1 {
                                left: 126%;
                            }

                            &>.last-childs-2::after {
                                left: -8%;
                            }
                        }
                    }

                    &>.chield-5 {
                        .child-body {
                            &>.last-childs-3 {
                                left: 39px;
                                bottom: -38px;

                                &::after {
                                    top: -32px;
                                    left: -9px;
                                }
                            }
                        }
                    }

                    &>.chield-6 {
                        .child-body {
                            &>.last-childs-1 {
                                left: 17%;

                                &::after {
                                    top: 7px;
                                }
                            }

                            &>.last-childs-2 {
                                left: 17%;

                                &::after {
                                    top: 7px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .value-system-info {
        &>.visible-chields {
            &>.child-cards {
                width: 180px !important;
                height: 180px !important;
            }
        }

        &>.value-system {
            &>.main-card {
                width: 90px;
                height: 90px;

                &::after {
                    width: 3px;
                    height: 3px;
                }
            }

            &>.child-cards {
                &>.child-body {
                    &>.text-section {
                        &>.heading {
                            font-size: 18px;
                            margin-top: 0px;
                        }

                        &>.title {
                            font-size: 16px;
                        }

                        &::after {
                            width: 3px;
                            height: 3px;
                        }
                    }
                }

                &>.visible-chields {
                    .childrens {
                        width: 65px !important;
                        height: 65px !important;

                        &>.child-body {
                            &>.text {
                                font-size: 11px;
                            }
                        }
                    }
                }
            }

            &>.vidya-cards {
                &>.child-body {
                    &>.chield-1 {
                        .child-body {
                            &>.last-childs-1 {
                                right: 145%;
                                bottom: 44%;
                            }

                            &>.last-childs-2 {
                                right: 137%;
                                bottom: 74%;
                            }

                            &>.last-childs-3 {
                                bottom: 99%;
                            }

                            &>.last-childs-4 {
                                right: 140%;
                                bottom: 14%;
                            }

                            &>.last-childs-5 {
                                right: 121%;
                                bottom: -16%;
                            }
                        }
                    }

                    &>.chield-2 {
                        .child-body {
                            &>.last-childs-1 {
                                right: 90px;
                            }

                            &>.last-childs-3 {
                                &::after {
                                    top: 10px;
                                }
                            }

                            &>.last-childs-4 {
                                right: 144%;
                            }
                        }
                    }

                    &>.chield-3 {
                        .child-body {
                            &>.last-childs-2 {
                                right: -14px;
                            }
                        }
                    }

                    &>.chield-4 {
                        .child-body {
                            &>.last-childs-1 {
                                left: 147%;
                            }

                            &>.last-childs-2 {
                                left: 135%;
                                bottom: 81%;
                            }

                            &>.last-childs-3 {
                                left: 100%;
                                bottom: 105%;
                            }

                            &>.last-childs-4 {
                                left: 148%;
                                bottom: 30%;
                            }
                        }
                    }

                    &>.chield-5 {
                        .child-body {
                            &>.last-childs-1 {
                                left: 127%;
                                bottom: 92%;
                            }

                            &>.last-childs-2 {
                                left: 147%;
                                bottom: 61%;
                            }

                            &>.last-childs-3 {
                                left: 150%;
                                bottom: 31%;
                            }

                            &>.last-childs-4 {
                                left: 139%;
                            }
                        }
                    }
                }
            }

            &>.sadvidya-cards {
                &>.child-body {
                    &>.chield-3 {
                        .child-body {
                            &>.last-childs-2 {
                                right: 137% !important;
                            }

                            &>.last-childs-3 {
                                left: -194% !important;
                            }

                            &>.last-childs-4 {
                                right: 100% !important;
                            }
                        }
                    }

                    &>.chield-4 {
                        .child-body {
                            &>.last-childs-1 {
                                left: -299% !important;
                            }

                            &>.last-childs-2 {
                                left: -164% !important;
                            }

                            &>.last-childs-3 {
                                left: -205% !important;
                            }

                            &>.last-childs-4 {
                                left: -165% !important;
                            }
                        }
                    }

                    &>.chield-5 {
                        .child-body {
                            &>.last-childs-2 {
                                left: -200% !important;
                            }

                            &>.last-childs-1 {
                                left: -190% !important;
                            }
                        }
                    }
                }
            }

            &>.brahmavidya-cards {
                &>.child-body {
                    &>.chield-1 {
                        .child-body {
                            &>.last-childs-1 {
                                right: -285%;
                            }

                            &>.last-childs-2 {
                                right: -81px;
                            }

                            &>.last-childs-3 {
                                right: -257%;
                            }
                        }
                    }

                    &>.chield-2 {
                        .child-body {
                            &>.last-childs-1 {
                                left: 141%;
                            }

                            &>.last-childs-2::after {
                                left: -20px;
                            }
                        }
                    }

                    &>.chield-3 {
                        .child-body {
                            &>.last-childs-1 {
                                left: 124%;
                            }

                            &>.last-childs-2::after {
                                left: -7%;
                            }
                        }
                    }
                }
            }

            &>.sadvidya-cards,
            &>.brahmavidya-cards {
                top: 22%;
            }
        }

    }

    .header-section {
        &>.main-heading {
            font-size: 27px;
        }

        &>.sub-heading {
            font-size: 19px;
        }

        &>.title {
            font-size: 18px;
            margin: 35px 0 8px 0;
        }

        &>.description {
            font-size: 16px;
        }
    }
}