section#choose_services_data .choose_services_col_box {
	padding: 10px;
}

.choose_services_row {
	width: initial;
	max-width: unset ;
}

.zodiac-list-horizont section h2{
	color: var(--sp-primary);
}

section#choose_services_data .choose_services_col_box [href='#predictions_data'] .astro_logo > img,
section#choose_services_data .choose_services_col_box [href='#choghadiya-mahurat'] .astro_logo > img,
section#choose_services_data .choose_services_col_box [href='#hura-mahurats'] .astro_logo > img,
section#choose_services_data .choose_services_col_box [href='#sade-sati-kundli'] .astro_logo > img,
section#choose_services_data .choose_services_col_box [href='#gem-rudhraksh'] .astro_logo > img {
	-webkit-mask: url('../images/zodiac/all/horoscope.png') no-repeat center;
	mask: url('../images/zodiac/all/horoscope.png') no-repeat center;	
	-webkit-mask-size: contain;
	mask-size: contain;
}

section#choose_services_data .choose_services_col_box [href='#service-kundli'] .astro_logo > img {
	-webkit-mask: url('../images/zodiac/all/kundli.png') no-repeat center;
	mask: url('../images/zodiac/all/kundli.png') no-repeat center;	
	-webkit-mask-size: contain;
	mask-size: contain;
}

section#choose_services_data .choose_services_col_box [href='#service-matching'] .astro_logo > img {
	-webkit-mask: url('../images/zodiac/all/matching.png') no-repeat center;
	mask: url('../images/zodiac/all/matching.png') no-repeat center;	
	-webkit-mask-size: contain;
	mask-size: contain;
}

section#choose_services_data .choose_services_col_box [href='#panchang_sec_data'] .astro_logo > img,
section#choose_services_data .choose_services_col_box [href='#moon_calendar_data'] .astro_logo > img,
section#choose_services_data .choose_services_col_box [href='#panchang-monthly'] .astro_logo > img {
	-webkit-mask: url('../images/zodiac/all/panchang.png') no-repeat center;
	mask: url('../images/zodiac/all/panchang.png') no-repeat center;	
	-webkit-mask-size: contain;
	mask-size: contain;
}

section#choose_services_data .choose_services_col_box [href='#service-retro'] .astro_logo > img {
	-webkit-mask: url('../images/zodiac/all/retro.png') no-repeat center;
	mask: url('../images/zodiac/all/retro.png') no-repeat center;	
	-webkit-mask-size: contain;
	mask-size: contain;
}

section#choose_services_data .choose_services_col_box [href='#numberology_sec_data'] .astro_logo > img {
	-webkit-mask: url('../images/zodiac/all/numerology.png') no-repeat center;
	mask: url('../images/zodiac/all/numerology.png') no-repeat center;	
	-webkit-mask-size: contain;
	mask-size: contain;
}

section#choose_services_data .choose_services_col_box .astro_logo > img {
	width: 100%;
	background-color: var(--sp-primary); 
}

.choose_services_box_content .choose_services_row .choose_services_col_box .astro_logo_content h3 {
	color: var(--sp-primary); 
}

section.choose_services .choose_services_box_content .choose_services_col_box.active {
	border-color: var(--sp-primary);
	    box-shadow: 0px 12px 24px -12px color-mix(in srgb, var(--sp-primary) 70%, transparent);
}

/* ===============
	Prediction 
================ */ 
.astro_box {
    margin-bottom: 15px;
}

.zodic_sign .choose_services_row {
	padding: 0;
}

section#predictions_data .zodic_sign .choose_services_row {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
	gap:0;
	grid-gap:0;
}

section#predictions_data .zodic_sign .choose_services_row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: 15px;
}

.predictions_sec .choose_services_row .zodics_sign_tab {
	width: 100%;
}

@media (min-width: 576px) {
	section#predictions_data .zodic_sign .choose_services_row > * {
		width: 50%; 
	}
}

@media (min-width: 768px) {
	section#predictions_data .zodic_sign .choose_services_row > * {
		width: 25%; 
	}
}

@media (min-width: 992px) {
	section#predictions_data .zodic_sign .choose_services_row > * {
		width: 16.666667%; 
	}
}

.zodic_sign .zodics_sign_tab.active {
	background-color: var(--sp-primary);
}

.zodic_sign .zodics_sign_tab a .zodics_icon img:first-child, .zodic_sign .zodics_sign_tab.active a .zodics_icon::before {
	visibility: hidden;
}

.zodic_sign .zodics_sign_tab a .zodics_icon {
    position: relative;
}

.zodic_sign .zodics_sign_tab a .zodics_icon::before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--sp-primary);
    transform: translateX(-50%);
    left: 50%;
}

.zodic_sign .zodics_sign_tab a[data-title="aries"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/aries.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/aries.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="taurus"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/taurus.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/taurus.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="gemini"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/gemini.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/gemini.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="cancer"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/cancer.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/cancer.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="leo"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/leo.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/leo.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="virgo"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/virgo.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/virgo.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="libra"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/libra.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/libra.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="scorpio"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/scorpio.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/scorpio.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="sagittarius"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/sagittarius.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/sagittarius.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="capricorn"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/capricorn.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/capricorn.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="aquarius"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/aquarius.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/aquarius.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zodic_sign .zodics_sign_tab a[data-title="pisces"] .zodics_icon::before {
    -webkit-mask: url(../images/zodiac/prediction/pisces.svg) no-repeat center;
    mask: url(../images/zodiac/prediction/pisces.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.astro_content_menu li.active a {
    border-color: var(--sp-primary);
    background-color: color-mix(in srgb, #ffffff 50%, transparent);
    color: var(--sp-primary);
}

.kundli_vedic.bdr-gray1.bg-grey1.bg-sky-blue {
	background-color: color-mix(in srgb, var(--sp-primary) 20% , transparent) !important;
	border: 1px solid var(--sp-primary) !important;
}

.vedicastro_tab_button a, .vedicastro_tab_button a.active, .indian_maching.vedicastro_tab_button a:hover, .kundli_vedic_form input[type="submit"] {
    background: var(--sp-primary) !important;
    border: 1px solid var(--sp-primary) !important; 
    color: #ffffff !important;
}

@media (max-width: 575px) {
    section.choose_services .choose_services_col-3 .choose_services_col_box {
        max-width: unset;
        margin: 0px auto 39px;
    }
}

table tbody > tr:nth-child(odd) > td {
	background-color: transparent !important;
}