/*=====================HERE DARK THEME COLOR IN DUMMY STATE==============*/
.theme-dark{
--sign-post-date: #666666;
--sign-category-bg: #000000;
--sign-category-font-color: #FFFFFF;
--other-sign-font-color: #FFFFFF;
--font-color-tertiary: #EDEDED;
}

.theme-light{
--sign-post-date: #666666;
--sign-category-bg: #000000;
--sign-category-font-color: #FFFFFF;
--other-sign-font-color: #000000;
--font-color-tertiary: #28313A;
}

/*======================COMMON STYLE==========================*/

/*================BREADCRUMB===============*/
.oi-breadcrumb{margin-bottom: 20px;}
.oi-breadcrumb span {
font-weight: normal;
color: #FF4BB3;
font-size: 16px;
line-height: 21px;
}

/*================ZODIAC SIGN HEADING SECTION===============*/
.oi-zodiac-sign-heading-section{
margin-bottom: 15px;
}

/*================COMMON HEADING STYLE==============*/
.zodiac-sign-heading{
font-size: 24px;
font-weight: 700;
line-height: 34px;
margin-bottom: 15px;
color: var(--font-color-primary);
}

.zodiac-sign-post-date{
font-weight: 700;
font-size: 16px;
line-height: 34px;
color: var(--sign-post-date);
}

/*================INTRO PARA===============*/

.intro-para {
margin-bottom: 32px;
}

.intro-para p {
font-weight: 400;
font-size: 16px;
line-height: 34px;
color: var(--font-color-tertiary);
}

.intro-para .info__read {
font-weight: 700;    
color: var(--font-color-tertiary);
cursor: pointer;
}

.hide {display: none;}


/*================ASTROLOGY LIST===============*/
.oi-mrg-astrology-list ul{}
.oi-mrg-astrology-list ul li{margin-bottom: 24px;}
.oi-mrg-astrology-list ul li:last-child{margin-bottom: 0px;}
.oi-mrg-astrology-list ul li a{padding: 8px 21px;display: block;position: relative; border: 1px solid #E7E7E7;font-size: 16px;font-weight: 400;line-height: 24px;border-radius: 5px;transition: 0.3s; 
color: var(--font-color-tertiary);
}
.oi-mrg-astrology-list ul li a::before{position: absolute;content: '';right: 10px;top: 13px;background: url(https://imagesvs.oneindia.com/images/mrg-astro-arrow-1738072175238.svg) 0 0 no-repeat;width: 10px;height: 16px;color: var(--font-color-tertiary);}
.oi-mrg-astrology-list ul li a:hover{ border: 1px solid #000;}

/*================LATEST UPDATES BLOCK - RIGHT SIDE===============*/
.oi-latest-updates-block{background: var(--bg-color-secondary);padding: 24px 16px;border-radius: 12px;}
.oi-latest-updates-block ul{}
.oi-latest-updates-block ul li{border-bottom: 1px solid var(--all-border-color);padding: 24px 0px;}
.oi-latest-updates-block ul li:first-child{padding-top: 0px;}
.oi-latest-updates-block ul{}
.oi-latest-updates-block ul li:last-child{border-bottom: none;padding-bottom: 0px;}
.oi-latest-updates-block .big-article-text{padding-bottom: 0px;font-size: 15px;line-height: 20px;font-weight: 700;color: var(--footer-list-color);}

/*================TODAY HOTOSCOPE STYLE STARTS HERE==============*/

/*================ZODIAC SIGN CATEGORIES DETAILS===============*/
.oi-zodiac-sign-categories-detail{
margin-bottom: 32px;
}

/*================ZODIAC SIGN CATEGORIES===============*/
.oi-zodiac-sign-categories{
background: var(--sign-category-bg);
border-radius: 10px;
padding: 18px;
display: flex;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
margin-bottom: 15px;
}

/*================CATEGORY===============*/
.oi-zodiac-sign-categories .category{
width: 119px;
height: 100%;
}

/*================CATEGORY - IMAGE===============*/
.oi-zodiac-sign-categories .category img{
width: 119px;
height: 119px;
border-radius: 9px;
}

/*================CATEGORY - PARA===============*/
.oi-zodiac-sign-categories .category p{
font-family: Noto Sans Tamil;
font-weight: 700;
font-size: 16px;
line-height: 34px;
text-align: center;
color: var(--sign-category-font-color);
}

/*================DESC NOTE===============*/
.oi-zodiac-sign-categories-detail .desc-note{
font-weight: 400;
font-size: 16px;
line-height: 34px;
color: var(--font-color-tertiary);
}

/*================TODAY HOTOSCOPE STYLE END HERE==============*/


/*
*
*
*
*/

/*================TODAY HOTOSCOPE DETAIL PAGE STYLE STARTS HERE==============*/

/*============ZODIAC SIGN TOGGLE WRAPPER=============*/
.oi-zodiac-sign-toggle-wrapper{
display:grid;
place-content: center;
margin-bottom: 32px;
}

/*============ZODIAC SIGN TOGGLE CONTAINER=============*/
.oi-zodiac-sign-toggle-container{
background: #020202;
border-radius: 10px;
width: 418px;
display: flex;
align-items: center;
height: 40px;
padding: 5px;
}

.toggle-option{
font-family: Noto Sans Tamil;
font-weight: 500;
font-size: 16px;
line-height: 34px;
padding: 5px;
width: 130px;
text-align: center;
border-radius: 6px;
}

.toggle-option a{
color: #FFFFFF;
}

.toggle-option.active-toggle-option{
background: #02F4FD;
}

.toggle-option.active-toggle-option a{
color: #013332;
}


/*============SELECTED ZODIAC IMAGE=============*/

.oi-selected-zodiac-image{
display: grid;
place-content: center;
margin-bottom: 32px;
}

.oi-selected-zodiac-image img{
width: 600px;
height: 338px;
border-radius: 12px;
}

/*============SELECTED ZODIAC SIGN DETAIL=============*/
.oi-selected-zodiac-sign-detail{
margin-bottom: 32px;
border-bottom: 1px solid #E7E7E7;
padding-bottom: 32px;
}

.oi-selected-zodiac-sign-detail .heading{
font-weight: 700;
font-size: 20px;
line-height: 34px;
color: var(--font-color-tertiary);
margin-bottom: 15px;
}

.oi-selected-zodiac-sign-detail .desc p{
font-weight: 400;
font-size: 16px;
line-height: 34px;
color: var(--font-color-tertiary);
padding-bottom: 10px;
}

.oi-selected-zodiac-sign-detail .desc p span{
font-weight: 700;
}

/*=================OTHER ZODIAC SIGN WRAPPER=================*/

.oi-other-zodiac-sign-wrapper{
margin-bottom: 32px;
}

.oi-other-zodiac-sign-container{
display: flex;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
}

.oi-other-zodiac-sign-container .zodiac-sign{
width: 119px;
height: 100%;
}

.oi-other-zodiac-sign-container .zodiac-sign img{
width: 100%;
height: 119px;
border-radius: 9px;
}

.oi-other-zodiac-sign-container .zodiac-sign p{
font-family: Noto Sans Tamil;
font-weight: 700;
font-size: 16px;
line-height: 34px;
text-align: center;
color: var(--other-sign-font-color);
}

/*================TODAY HOTOSCOPE DETAIL PAGE STYLE END HERE==============*/