﻿.kundli-answers {
  
    position: relative;
}
.pt-12 {
    padding-top: 12rem;
}
.cursor-pointer{
    cursor : pointer;
}
.h-fit-content{
    height : fit-content !important;
}
.btn-light-blue {
    background-color: #25ccf7;
    color: white;
    padding: 8px 30px !important;
    border: 2px solid #25ccf7;
    font-size: 18px;
    font-weight: 500;
    font-family: "Poppins";
    line-height: 1;
}
    .btn-light-blue:hover, .btn-light-blue:active {
        background-color: #0f263a;
        border-color: #0f263a;
        color: white;
    }
    .kundli-answers .nav-pills {
        padding: 12px;
        background: #0f263a;
        border-radius: 10px;
    }

        .kundli-answers .nav-pills li {
            padding: 0px 5px;
        }

    .kundli-answers .nav-link {
        white-space : nowrap;
        font-size : 16px;
        position: relative;
        background-color: whitesmoke;
        color: #0f263a;
    }

        .kundli-answers .nav-link.active {
            background-color: #FF850B;
            color: #fff;
        }

    .kundli-answers .tab-content {
        position: relative;
    }

        .kundli-answers .tab-content .kundli-head h3 {
            font-size: 20px;
            font-weight: 500;
            font-family: "Poppins";
            text-align: center;
            padding: 2px 0px;
            position: relative;
            width: fit-content;
            margin: 0px auto 13px;
        }
            .kundli-answers .tab-content .kundli-head h3::before{
                content : "";
                position : absolute;
                width : 80%;
                left : 10%;
                height : 2px;
                background-color :#FF850B;
                top : 100%;

            }
            .kundli-answers .tab-content .kundli-head p {
                text-align: justify;
                color: #3c3939;
                word-spacing: 3px;
                font-size: 15px;
                margin-bottom: 20px;
            }

        .kundli-answers .tab-content .kundli-body {
            padding: 0px;
            border: 1px solid #0f263a;
            border-radius: 10px;
            box-shadow: 0px 0px 2px 2px rgba(129, 115, 115, 0.0784313725);
            overflow: hidden;
        }

            .kundli-answers .tab-content .kundli-body table {
                margin-bottom: 0px;
                background-color: #ff850b3d;
            }

                .kundli-answers .tab-content .kundli-body table thead {
                    border-bottom: 1px solid #0f263a;
                }

                    .kundli-answers .tab-content .kundli-body table thead th, .kundli-answers .tab-content .kundli-body table tbody th {
                        text-transform: capitalize;
                        font-size: 16px;
                        font-weight: 600;
                    }

                .kundli-answers .tab-content .kundli-body table tbody tr:nth-child(2n) {
                    /*background-color: rgba(0, 90, 255, 0.031372549);*/
                }

                .kundli-answers .tab-content .kundli-body table tbody tr:last-child {
                    border-bottom-color: transparent !important;
                }
                .kundli-answers .tab-content .kundli-body table thead tr {
                    border-color: #0f263a;
                }
                /*.kundli-answers .tab-content .kundli-body table tbody tr {
                    border-color: #0f263a;
                    border-style: solid;
                    border-width: 1px;
                }*/

                    .kundli-answers .tab-content .kundli-body table tbody tr td {
                        text-transform: capitalize;
                        font-size: 14px;
                        padding-left: 20px;
                    }
                        .kundli-answers .tab-content .kundli-body table tbody tr td ul {
                            list-style : disc;
                        }
                        .kundli-answers .tab-content .kundli-body table tbody tr td ul li{
                            margin-bottom : 5px;    
                        }

.kundli-answer-boxes .chart-image {
    width: fit-content;
    display: inline-block;
    margin:0px auto 30px;
    overflow-x : auto;
}
    .kundli-answer-boxes .chart-image .c-img{
        overflow-x : auto;
    }
    .kundli-answer-boxes .chart-image h5 {
        background-color: #0f263a;
        width: 100%;
        padding: 8px 6px;
        text-align: center;
        border-radius: 6px;
        font-size: 16px;
        color: #fff;
        font-family: 'Poppins';
        font-weight: 600;
    }
    .kundli-answer-boxes .chart-image svg {
        background: #ffffba;
    }
    .kundli-answer-boxes .chart-image svg text{
        opacity : 0.9 !important;
    }
    @media (max-width: 768px) {
        .kundli-answers table thead th {
        min-width: 120px;
    }
}


tr.hide-table-padding td {
    padding: 0;
}

.expand-button {
    position: relative;
}

.accordion-toggle .expand-button:after {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translate(0, -50%);
    content: '-';
}

.accordion-toggle.collapsed .expand-button:after {
    content: '+';
}


.toggle-tr{
    cursor : pointer;
}

    .toggle-tr span.absolute-icon {
        position: absolute;
        right: 15px;
    }
.kundli-head p {
    font-size: 15px;
    text-align: justify;
    margin-bottom: 14px;
    color: #3e3e3e;
}
.kundli-head h3 {
    font-family: "Poppins",sans-serif;
    font-size: 22px;
    color: #0f263a;
    font-weight: 600;
    margin-bottom: 12px;
    text-align: center;
}
.kundli-body {
    padding: 0px;
    border: 1px solid #0f263a;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 2px rgba(129,115,115,0.0784313725);
    overflow: hidden;
}
    .kundli-body table{
        margin-bottom : 0px !important;
        overflow : auto;
    }
        .kundli-body table thead {
            border-bottom: 1px solid #25ccf7;
        }
            .kundli-body table thead th {
                /*background-color: rgba(37,204,247,.1215686275);*/
                background-color: #FF850B;
                font-family: "Poppins",sans-serif;
                font-size: 15px;
                color: #0f263a;
                font-weight: 600;
            }
    .kundli-body table tr td {
        /*white-space: nowrap;*/
        position: relative;
        text-align: left;
    }
.kundli-body table tr td .absolute-icon {
    position: absolute;
    right: 15px;
}

#varshpal-accordion-one .accordion-item, #varshpal-accordion-two .accordion-item {
    padding: 0px !important;
    border: 1px solid #0f263a !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 2px 2px rgba(129,115,115,0.0784313725) !important;
    overflow: hidden !important;
}
    #varshpal-accordion-one .accordion-item .accordion-header button, #varshpal-accordion-two .accordion-item .accordion-header button {
        background-color: #FF850B !important;
        color: #0f263a !important;
        padding: 11px 15px !important;
    }


        #varshpal-accordion-one .accordion-item .accordion-header button .text h3, #varshpal-accordion-two .accordion-item .accordion-header button .text h3 {
            font-family: "Poppins",sans-serif !important;
            font-size: 17px !important;
            color: #0f263a !important;
            font-weight: 600 !important;
        }
        #varshpal-accordion-one .accordion-item .accordion-header button .user-badge, #varshpal-accordion-two .accordion-item .accordion-header button .user-badge {
            background-color: #0f263a;
            color: #fff;
            padding: 2px 10px;
            border-radius: 15px;
            margin-left: 15px;
        }
            #varshpal-accordion-one .accordion-item .accordion-header button .user-badge p, #varshpal-accordion-two .accordion-item .accordion-header button .user-badge p {
                font-size: 13px;
                color: #fff;
            }

@media (max-width : 768px) {
    .kundli-body table tr td .absolute-icon {
        margin-left: auto;
        float: right;
        position: absolute;
        display: contents;
    }
}
@media(max-width : 991px){
    .kundli-answers .nav-pills {
        flex-wrap: inherit;
        padding: 8px 8px;
        background: #0f263a;
        border-radius: 10px;
        overflow: auto;
    }
}


/*subtab*/
#pills-tab-sub, #pills-tab-sub-ascendant, #pills-tab-sub-remedies, #pills-tab-sub-dosha, #pills-dasha-sub-parts #pills-sub-dasha-tab {
    background-color: transparent;
}
    #pills-tab-sub .nav-link {
        color: #0f263a;
        font-weight: 600;
        font-family: "poppins";
        border-bottom: 3px solid #e5e5e5;
        background-color: transparent;
    }
        #pills-tab-sub .nav-link.active {
            border-bottom: 3px solid #FF850B;
            background-color: transparent;
            color: #0f263a;
        }
#pills-tab-sub-ascendant, #pills-tab-sub-remedies, #pills-tab-sub-dosha, #pills-dasha-sub-parts #pills-sub-dasha-tab {
    padding-left: 0px;
    width: fit-content;
}
    #pills-tab-sub-ascendant .nav-link, #pills-tab-sub-remedies .nav-link, #pills-tab-sub-dosha .nav-link, #pills-dasha-sub-parts #pills-sub-dasha-tab .nav-link {
        border: 1px solid #0f263a;
        background-color: #fff;
        color: #0f263a;
        width: fit-content;
        border-radius: 21px;
    }
        #pills-tab-sub-ascendant .nav-link.active, #pills-tab-sub-remedies .nav-link.active, #pills-tab-sub-dosha .nav-link.active, #pills-dasha-sub-parts #pills-sub-dasha-tab .nav-link.active {
            background-color: #0f263a;
            color: #fff;
        }

        @media(max-width : 991px){
            #pills-tab-sub-ascendant, #pills-tab-sub-remedies, #pills-tab-sub-dosha, #pills-dasha-sub-parts #pills-sub-dasha-tab {
                width: 100%;
            }
        }


      /*  chart bordeer colors*/
.chart-image svg line {
    stroke: #FF850B !important;
}

.tables.table-responsive .table.table-bordered.caption-top thead, .tables.table-responsive .table.table-bordered.caption-top tfoot, .table.table-bordered.caption-top tbody tr.border-top {
    background-color: #ff850b3d;
}
.tables.table-responsive .table.table-bordered.caption-top thead tr th{
    background-color : transparent;
}
.kundli-answers .tables{
    border : 1px solid #0f263a;
}
    .kundli-answers .tables table caption {
        border-bottom: 1px solid #0f263a;
    }