/*===========RESET CSS=============*/
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}


/*===============GENERAL STYLES============*/
body{
font-family: Arial, Helvetica, sans-serif;
}
/* .wrapper{
width: 100%;
} */

a{
text-decoration: none;
}
/*===============================RESET PREVIOUS CLASS START===================*/
.oi-left{width: 650px;float: left;}
.oi-right{width: 300px;float: right;}
.oi-article-container{margin-top: 40px;}
/*=========OI-BREADCRUMB==========*/

.oi-breadcrumb {
    font-size:16px;
    color:#8F99A3;
    line-height:24px;
    font-weight:normal;
    margin-bottom:12px;
}
.oi-breadcrumb a {
    color:#8F99A3;
}
.oi-breadcrumb span {
    font-weight:bold;
    color:#FF4BB3;
    font-size:16px;
    line-height:21px;
}
/*=========AD============*/
.oi-adblock {
    background:none;
}
.oi-adimg {
    padding-bottom:0;
}
/*===========QUIZ HEADING=========*/
.oi-quiz-heading {
    font-size:24px;
    font-weight:400;
    line-height:23.59px;
    color:#FAE63C!important;
}
.dots {
    text-align:left!important;
}
.dot.active {
    background:#C2C2C2!important;
}
/*=============TRENDING WRAPPER==========*/
.oi-trending-wrapper {
    margin-bottom:36px !important;
}
/*====================================END=================================================*/

/*QUOTES THEME STYLE*/
.theme-light {
    /*=====BACKGROUND COLORS=====*/
--bg-clipboard:#F6F6F6;
    --bg-close:#333;
    --bg-tooltip:#333;
    --bg-view-btn:#0A0E12;
    /*=====FONT COLORS=====*/
--font-color-quotes:#4B4B4B;
    /*#606060*/
--font-color-tooltip:#FFF;
    --font-color-viewbtn:#FFF;
    /*=====BORDER COLORS=====*/
--quotes-border:#D2D2D2;
    --border-tooltip:#333;
    --view-btn-border:#0A0E12;
    /*=====COMMON COLOR======*/
--title-color:#013332;
    /*==========QUOTES ICONS===========*/
--blue-star:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/blue-star.svg);
    --quotes:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/quote.svg);
    --copy:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/quotes-copy.svg);
    --quotes-tick-mark:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/quotes-tick-mark.svg);
    --upload:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/quotes-upload.svg);
    --quotes-facebook:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/quotes-facebook-icon.svg);
    --quotes-instagram:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/quotes-instagram-icon.svg);
    --quotes-whatsapp:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/quotes-whatsapp-icon.svg);
    --quotes-twitter:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/quotes-x-icon.svg);
    --quotes-share:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/share-icon-quotes.svg);
    /* --quotes-close:url(../images/lightmode/header-close.svg);
    */
}
.theme-dark {
    /*=====BACKGROUND COLORS=====*/
--bg-clipboard:#28313A;
    --bg-close:#EDEDED;
    --bg-tooltip:#333;
    --bg-view-btn:#06ADB2;
    /*=====FONT COLORS=====*/
--font-color-quotes:#FFFFFF;
    --font-color-tooltip:#FFF;
    --font-color-viewbtn:#FFF;
    /*=====BORDER COLORS=====*/
--quotes-border:#28313A;
    --border-tooltip:#333;
    --view-btn-border:#06ADB2;
    /*=====COMMON COLOR======*/
--title-color:#ffffff;
    /*==========QUOTES ICONS===========*/
--blue-star:url(https://imagesvs.oneindia.com/db-common/images/quotes/lightmode/blue-star.svg);
    --quotes:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/quote.svg);
    --copy:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/quotes-copy.svg);
    --quotes-tick-mark:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/quotes-tick-mark.svg);
    --upload:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/quotes-upload.svg);
    --quotes-facebook:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/quotes-facebook-icon.svg);
    --quotes-instagram:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/quotes-instagram-icon.svg);
    --quotes-whatsapp:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/quotes-whatsapp-icon.svg);
    --quotes-twitter:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/quotes-x-icon.svg);
    --quotes-share:url(https://imagesvs.oneindia.com/db-common/images/quotes/darkmode/share-icon-quotes.svg);
    /* --quotes-share:url(../images/darkmode/quotes-share-icon.svg);
    */
}
/*===========INFO===============*/
.info {
    margin-bottom:32px;
}
.blue-star {
    background:var(--blue-star) no-repeat 0 0;
    padding:8px 8px 0 12px;
}
.info .oi-main-heading {
    margin-bottom:10px;
    color:var(--title-color)!important;
    font-size:24px;
    /*background:url(https://imagesvs.oneindia.com/db-common/images/quotes/oi-logo-circle-updated.svg) no-repeat 0 0;*/
}
.info p {
    font-size:16px;
    font-weight:400;
    line-height:24px;
    text-align:left;
    color:var(--font-color-quotes);
    /*padding:10px 0;*/
}
.info .hero-image {
    width:650px;
    height:380px;
    border-radius:12px;
    margin-top:10px;
}
/*=====================QUOTE SUBHEADING=================*/

.cal-today-sel-flex {display: flex;align-items: self-start;justify-content: space-between;margin-bottom: 32px;}
.cal-sel-flex{flex: 0 0 48%;}
.cal-today-selblock{display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.cal-today-selblock div{flex: 0 0 29%;}
.cal-today-selblock div select{width: 100%;outline: none;padding: 12px 8px;border: 1px solid var(--select-dropdown-border);border-radius: 6px; background: var(--bg-color-primary);color: var(--font-color-tertiary); -moz-appearance:none;-webkit-appearance:none;appearance:none;background-image: var(--sel-dropdown-arrow);background-repeat: no-repeat;background-position-x: 93%;background-position-y: 11px;}
.oi-cal-selted-date-block{background: var(--lottery-statbg-color);border-radius: 30px;padding: 4px 6px;display: flex;align-items: center;justify-content: space-between;}
.oi-cal-arrow-circle{cursor: pointer; width: 36px;height: 36px;border-radius: 50%;position: relative;background: var(--cal-arrow-circle-bg);}
.lt-arrow::after{position: absolute;content: '';top: 19%;left: 29%;transform: rotate(180deg);background: var(--sel-dropdown-sidearrow) no-repeat;width: 15px;height: 20px;}
.rt-arrow::after{position: absolute;content: '';top: 23%;left: 29%;transform: rotate(0deg);background: var(--sel-dropdown-sidearrow) no-repeat;width: 15px;height: 20px;}
.oi-cal-md-seltext {font-size: 13px;line-height: 20px;font-weight: 400;color: var(--font-color-tertiary);}

.oi-cal-selday-content{border: 1px solid var(--select-dropdown-border);margin-bottom: 38px;border-radius: 12px;}
.cal-selday-head{padding: 10px 18px;display: flex;align-items: center;justify-content: space-around;}
.cal-selday-date {font-family: "Fraunces", serif;font-size: 72px;font-weight: 700;line-height: 108px;color: var(--font-color-primary);font-optical-sizing: auto;font-style: normal;font-variation-settings:"SOFT" 0,"WONK" 0;}
.cal-selday-thumb{width: 120px;height: 120px;border-radius: 50%;overflow: hidden;}
.cal-selday-thumb img {width: 100%;}
.oi-cal-selday-morehead{background: var(--selday-morehead-bg);padding: 8px;display: flex;align-items: center;justify-content: space-between;}
.oi-cal-selday-morehead div{flex: 0 0 30%;border-right: 0.8px solid #0A0E121A;position: relative;top: 6px;height: 80px; text-align: center;font-size: 32px;line-height: 24px;font-weight: 400;}
.oi-cal-selday-morehead div:last-child{border-right: none;}
.oi-cal-selday-morehead div span{display: block;font-size: 18px;font-weight: 600;color: var(--selday-morehead-color);line-height: 35px;}
.oi-cal-selday-dtls .cal-selday-dtls-lt{float: left;width: 71%;}
.oi-cal-selday-dtls .cal-selday-dtls-rt{float: right;width: 28%;}
.cal-selday-more-inner-tabel table{width: 100%;border-collapse: collapse;height: 74px;}
.cal-selday-more-inner-tabel table th{padding: 4px 10px;text-align: left;background: #F8F3B4;color: #141A20;font-size: 15px;font-weight: 400;border-right: 0.5px solid var(--select-dropdown-border);line-height: 22px;}
.cal-selday-more-inner-tabel table th:nth-child(2){border-right: none;}
.cal-selday-more-inner-tabel table td:nth-child(2){border-right: none;}
.cal-selday-more-inner-tabel table td{padding: 7px 10px;text-align: left;color: var(--selday-primary-color);font-size: 15px;line-height: 22px;font-weight: 400;border-right: 0.5px solid var(--select-dropdown-border);}
.cal-selday-dtls-rt{border-left: 0.5px solid var(--select-dropdown-border);}
.cal-selday-dtls-rt .cal-selday-dtls-rt-head{background: #F34A4A;color: #EDEDED;font-size: 14px; font-weight: bold; padding: 4px 5px;line-height: 22px;}
.cal-selday-dtls-rt-list{padding: 5px;}
.cal-selday-dtls-rt .cal-selday-dtls-rt-list ul li{font-size: 15px;font-weight: 400;line-height: 22px;color: var(--selday-primary-color);padding-bottom: 8px;}
.cal-selday-dtls-rt-list ul li:last-child{padding-bottom: 0px;}
.oi-cal-selday-dtls-footer{border-top: 0.5px solid var(--select-dropdown-border);}
.cal-selday-dat-dtls{}
.cal-selday-dat-dtls ul{}
.cal-selday-dat-dtls ul li{display: inline-block; padding-left: 27px !important;padding-left: 18px; font-size: 13px;color: var(--selday-primary-color);font-weight: 400;line-height: 20px;padding: 7px 10px;}
.amavasya,.pournami,.god,.star{position: relative;}
.pournami::before{background: var(--ellips-img) no-repeat;width: 16px;height: 17px;position: absolute;content: '';left: 10px;top: 12px;}
.amavasya::before{background: var(--amav-img) no-repeat;width: 16px;height: 17px;position: absolute;content: '';left: 10px;top: 12px;}
.god::before{background: var(--ganesh-img) no-repeat;width: 16px;height: 17px;position: absolute;content: '';left: 10px;top: 12px;}
.star::before{background: var(--star-img) no-repeat;width: 16px;height: 17px;position: absolute;content: '';left: 10px;top: 12px;}

.oi-dailycal-head{font-size: 22px;font-weight: 700;line-height: 27px;text-align: left;padding: 4px 8px 32px 8px;color: var(--font-color-primary);background: url(../images/icons/oi-logo-circle-updated.svg) no-repeat 0 0;font-family: Times, Arial, Helvetica, sans-serif;}
.oi-dailycal-today-table table{width: 100%;border-collapse: collapse;}
.oi-dailycal-today-table table tr td{padding: 14px 8px;color: var(--selday-primary-color);font-size: 16px;line-height: 22px;}
.oi-dailycal-today-table table tr:last-child{border-bottom: none;}
.oi-dailycal-today-table table tr{border-bottom: 1px solid var(--select-dropdown-border);}
.oi-dailycal-today-table{border-radius: 12px;border: 1px solid var(--select-dropdown-border);}
.oi-dailycal-today-table table tr td:first-child{font-weight: 400;}
.oi-dailycal-inner-block{margin-bottom: 38px;}

.imp-days-table{overflow-x: auto;}
.imp-days-table table th{background: var(--lottery-statbg-color);padding: 12px 8px;color: var(--lottery-primary-color);font-size: 17px;font-weight: 700;line-height: 28px;text-align: left;}
.imp-days-table table td{font-size: 16px !important;line-height: 28px !important;}

.cal-specialday-block{display: flex;align-items: center;justify-content: space-between;padding: 15px 24px;border: 1px solid var(--select-dropdown-border);border-radius: 12px;margin-bottom: 16px;}
.cal-specialday-text{color: var(--lottery-primary-color);font-size: 17px;font-weight: 700;line-height: 22.4px;}
.cal-specialday-arrowbtn{width: 32px;height: 18px;background: var(--specialday-arrowbtn-bg);border-radius: 8px;position: relative;cursor: pointer;}
.cal-specialday-arrowbtn::before{content: '';left: -2px;top: -2px;right: -2px;bottom: -2px;border: 1px solid var(--specialday-arrowbtn-bg);border-top-left-radius: 8px;border-bottom-left-radius: 8px;border-top-right-radius: 7px;border-bottom-right-radius: 9px;position: absolute;z-index: -1;border-right: none;}
.cal-specialday-arrowbtn::after{position: absolute;content: '';right: -3px;top: -2px;border-top: 1px solid var(--specialday-arrowbtn-bg);border-right: 1px solid var(--specialday-arrowbtn-bg);height: 23px;width: 20px;border-radius: 7px;border-bottom-right-radius: 9px;border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
.oi-cal-specialday-block-list{margin-bottom: 38px;}
.specialday-arrowdown{position: absolute;}
.specialday-arrowdown::before{border: solid var(--specialday-arrowdown);border-width: 0 1px 1px 0;display: inline-block;padding: 2px;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;right: -19px;top: 5px;content: '';}
.specialday-dropdown-list ul li{padding: 10px 25px; margin-bottom: 12px;border-bottom: 1px solid var(--select-dropdown-border); display: flex;align-items: center;justify-content: space-between;color: var(--selday-primary-color);font-size: 14px;line-height: 19px;font-weight: 400;}
.specialday-dropdown-list ul li div:first-child{width: 150px;display: flex;align-items: center;}
.specialday-dropdown-list ul li div .specialday-img{margin-right: 13px;width: 20px;}
.specialday-dropdown-list ul li:first-child{padding-top: 15px;}
.caldropdown{max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.oi-cal-specialday-block-list .cal-specialday-block:last-child{margin-bottom: 0px;}
.cal-specialday-block.active {background-color: #141a20;}
.cal-specialday-block.active .cal-specialday-text {color: #fff;}
.cal-specialday-block.active .cal-specialday-arrowbtn::before{border: 1px solid #08f4fb;z-index: auto;}
.cal-specialday-block.active .cal-specialday-arrowbtn::after{border-top: 1px solid #08f4fb;border-right: 1px solid #08f4fb;}
.cal-specialday-block.active .cal-specialday-arrowbtn{background: #08f4fb;}
.cal-specialday-block.active .specialday-arrowdown::before{border: solid #0A0E12;border-width: 0 1px 1px 0;transform: rotate(225deg);top: 7px;transition: none;}



.oi-cal-zodiac-sign-list{}
.oi-cal-zodiac-sign-list ul li{border: 1px solid var(--select-dropdown-border);border-radius: 12px;margin-bottom: 16px; padding: 10px;display: flex;align-items: center;justify-content: flex-start;}
.cal-zodiac-sign-thumb{width: 40px;height: 40px;border-radius: 50%;margin-right: 16px;}   
.oi-cal-zodiac-sign-list ul li:last-child{margin-bottom: 0px;} 
.oi-cal-zodiac-sign-list{margin-bottom: 38px;}
.cal-zodiac-sign-dtls{font-size: 16px;font-weight: 700;line-height: 28px;width: 100%;}
.cal-zodiac-sign-dtls span{display: inline-block;color: var(--selday-primary-color);font-weight: 400;width: 45%;}
.cal-zodiac-sign-dtls span:first-child{color: var(--font-color-primary);}

.oi-cal-dailycal-morenews-block{padding: 16px 0px;border: 1px solid var(--select-dropdown-border);border-radius: 12px;margin-bottom: 38px;overflow: hidden;}
.oi-cal-dailycal-morenews-block ul li{padding: 0px 10px 10px;margin-bottom: 10px; position: relative;}
.oi-cal-dailycal-morenews-block ul li:last-child{padding-bottom: 0px;}
.oi-cal-dailycal-morenews-block ul li a{color: var(--selday-primary-color);font-size: 14px;font-weight: 400;line-height: 18px;}
.oi-cal-dailycal-morenews-block ul li a span{}
.dailycal-morenews-arrow{}
.dailycal-morenews-arrow::after{position: absolute;content: '';top: 8%;right: 15px;transform: rotate(0deg);background: var(--sel-dropdown-sidearrow) no-repeat;width: 15px;height: 20px;}

.oi-cal-dailycal-points{margin-bottom: 38px;background: var(--lottery-statbg-color);border-radius: 12px;padding: 16px 12px;}
.oi-cal-dailycal-points ul{padding-left: 25px;}
.oi-cal-dailycal-points ul li{padding-bottom: 5px; color: var(--selday-primary-color);font-size: 16px;line-height: 40px;font-weight: 400;list-style-type: disc;}

.oi-cal-dailycal-news{margin-bottom: 38px;font-size: 17px;font-weight: 400;line-height: 28px;color: var(--selday-primary-color);}
.oi-cal-dailycal-news-list{padding-top: 12px;}
.oi-cal-dailycal-news-list ul{padding-left: 25px;}
.oi-cal-dailycal-news-list ul li{list-style-type: disc;padding-bottom: 16px;}
.oi-cal-dailycal-news-list ul li:last-child{padding-bottom: 0px;}

.oi-dailycal-title{font-size: 16px;font-weight: 700;line-height: 28px;padding: 4px 0px 16px 0px;color: var(--font-color-primary);}

.cal-widget-faqscontainer{margin-bottom: 38px;}
.cal-widget-faqscontent ul li {border-bottom: 1px solid var(--select-dropdown-border);padding: 20px 0;}
.cal-widget-faqscontent ul li:first-child {padding-top: 0px;}
.cal-widget-faqsques {font-size: 17px;color: var(--lottery-primary-color);font-weight: 700;padding: 0 50px 0 0;position: relative;line-height: 22.40px;cursor: pointer;}
.cal-widget-faqsques::after {content: '';background: var(--sel-dropdown-arrow) no-repeat;display: inline-block;padding: 10px;transform: rotate(0deg);-webkit-transform: rotate(0deg);position: absolute;right: 5px;top: 3px;}
.cal-widget-faqsans {font-size: 17px;color: var(--selday-primary-color);font-weight: 400;line-height: 28px;padding: 12px 0;display: none;}
.cal-widget-faqscontent ul li.active .cal-widget-faqsans {display: block;}
.cal-widget-faqscontent ul li.active .cal-widget-faqsques::after {transform: rotate(-100deg);-webkit-transform: rotate(-180deg);top: -3px;right: 10px;}

.cal-dailycal-morenews-head{padding: 12px 10px;background: var(--lottery-statbg-color);color: var(--lottery-title-color);font-size: 15px;font-weight: 700;line-height: 17px;}
.cal-dailycal-morenews-head span{position: relative;z-index: 2;}
.cal-dailycal-morenews-head span::after{position: absolute;content: '';background: #F9E221;left: -1px;right: -1px;height: 4px;margin: auto;top: 0;bottom: 0;z-index: -1;}

.cal-today-sel-flex {
  display: flex;
  justify-content: space-between;
}

.oi-footer-top {
  background: var(--bg-color-secondary);
  padding: 40px 20px !important;
}

/* Theam-light */
.theme-light{
    --select-dropdown-border:#0A0E121A;
    --cal-arrow-circle-bg:#ffffff;
    --selday-morehead-bg:#f2f5f5;
    --selday-morehead-color:#28313A;
    --selday-primary-color:#28313A;
    --selday-morehead-md-color:#013332;
    --specialday-arrowbtn-bg:#013332;
    --specialday-arrowdown:#ededed;
    --sel-dropdown-arrow:url(https://imagesvs.oneindia.com/db-common/images/calendar/lightmode/cal-arrow-down.svg);
    --sel-dropdown-sidearrow:url(https://imagesvs.oneindia.com/db-common/images/calendar/lightmode/cal-arrow-side-2.svg);
    --specialday-arrow:url(https://imagesvs.oneindia.com/db-common/images/calendar/lightmode/cal-arrowdown.svg);
    --amav-img:url(https://imagesvs.oneindia.com/db-common/images/calendar/lightmode/amavas.svg);
    --ellips-img:url(https://imagesvs.oneindia.com/db-common/images/calendar/lightmode/ellipses.svg);
    --ganesh-img:url(https://imagesvs.oneindia.com/db-common/images/calendar/lightmode/ganesh.svg);
    --star-img:url(https://imagesvs.oneindia.com/db-common/images/calendar/lightmode/star-3.svg);
}




/* Theam-Dark */
.theme-dark{
    --select-dropdown-border:#28313A;
    --cal-arrow-circle-bg:#141a20;
    --selday-morehead-bg:#141A20;
    --selday-morehead-color:#F8F8F8D1;
    --selday-primary-color:#f8f8f8;
    --selday-morehead-md-color:#06ADB2;
    --specialday-arrowbtn-bg:#08F4FB;
    --specialday-arrowdown:#0A0E12;
    --sel-dropdown-arrow:url(https://imagesvs.oneindia.com/db-common/images/calendar/darkmode/cal-arrow-down.svg);
     --sel-dropdown-sidearrow:url(https://imagesvs.oneindia.com/db-common/images/calendar/darkmode/cal-arrow-side-2.svg);
     --specialday-arrow:url(https://imagesvs.oneindia.com/db-common/images/calendar/darkmode/cal-arrowdown.svg);
     --amav-img:url(https://imagesvs.oneindia.com/db-common/images/calendar/darkmode/amavas.svg);
     --ellips-img:url(https://imagesvs.oneindia.com/db-common/images/calendar/darkmode/ellipses.svg);
     --ganesh-img:url(https://imagesvs.oneindia.com/db-common/images/calendar/darkmode/ganesh.svg);
     --star-img:url(https://imagesvs.oneindia.com/db-common/images/calendar/darkmode/star-3.svg);
}



/*
 * Mode Switch Styles
 */

.oi-mode-switchwrapper {background: var(--bg-color-tertiary);border-radius: 6px;display: inline-block;margin: 0 20px;padding: 5px;}
.oi-mode-switch {position: relative;margin: 0 auto;cursor: pointer;height: 19px;width: 56px;appearance: none;-webkit-appearance: none;}

.oi-mode-switch span {background: #fff;border-radius: 50%;position: absolute;border-radius: 4px;display: inline-block;width: 19px;height: 19px;inset-inline: -34px auto;top: 0px;transform: translateX(34px);transition: transform .3s ease-in-out;}

.oi-mode-dark {z-index: 3;position: absolute;top: 1px;width: 16px;height: 16px;inset-inline: auto 39px;}
.oi-mode-light {z-index: 3;position: absolute;top: 1px;width: 16px;height: 16px;inset-inline: 37px auto;}

.oi-mode-dark:after {width: 11px;height: 11px;background: url(https://imagesvs.oneindia.com/images/dark-active-1721913844588.svg) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;content: '';z-index: 1;}
.oi-mode-light:after {width: 15px;height: 15px;background: url(https://imagesvs.oneindia.com/images/light-lm-mode-1721913645998.svg) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;content: '';z-index: 1;background-size: contain;}

.theme-dark .oi-mode-light:after {background: url(https://imagesvs.oneindia.com/images/light-dm-inactive-1721913766321.svg) no-repeat 0 0;background-size: contain;}
.theme-light .oi-mode-switch span {transform: translateX(70px);}
.theme-light .oi-mode-dark:after {background: url(https://imagesvs.oneindia.com/images/dark-dm-1721911813166.svg) no-repeat 0 0;background-size: contain;}



/* theme css starts here */

.theme-light {
    --bg-color-primary: #ffffff;
    --bg-color-secondary: #F2F5F5;
    --bg-color-tertiary: #141A20;
    --bg-color-fourth: #FAE63C;
    --bg-video-time:#00000033;
    --bg-lifestyle-widget:#EDEDED;
    --bg-gadgets-btn: #141A20;
    --bg-page-btn: #2c2c2c;

    --ad-bg-color: #f2f5f5;
    --ad-text-color: #292929;
    --deeplinks-bg-color: #f2f5f5;
    --deeplinks-text-color: #141A20;

    --menu-color:#28313A;
    --font-color-primary:#141A20;
    --font-color-secondary:#013332;
    --title-font-color:#013332;
    --footer-list-color:#0A0E12;
    --all-border-color:#EDEDED;
    --vid-time-color:#ffffff;
    --font-primary:#000000;
    
    --header-logo: url(https://imagesvs.oneindia.com/images/oneindia-lm-logo-1721304500709.svg); 
    --menu-toggle: url(https://imagesvs.oneindia.com/images/toggle-menu-dm-btn-1721911813182.svg);
    --footer-logo: url(https://imagesvs.oneindia.com/images/oneindia-footer-lm-logo-1721913143331.svg);
    --more-city-logo: url(https://imagesvs.oneindia.com/images/more-city-dm-icon-1721912016459.svg);
    --footer-facebook-logo: url(https://imagesvs.oneindia.com/images/f-lm-fb-1721913014634.svg);
    --footer-insta-logo: url(https://imagesvs.oneindia.com/images/f-lm-insta-1721913014635.svg);
    --footer-youtube-logo: url(https://imagesvs.oneindia.com/images/f-lm-youtube-1721913014637.svg);
    --footer-x-logo: url(https://imagesvs.oneindia.com/images/f-lm-x-1721913014637.svg);
    --dark-img: url(https://imagesvs.oneindia.com/images/dark-dm-1721911813166.svg);
    --light-img: url(https://imagesvs.oneindia.com/images/light-lm-mode-1721913645998.svg);
    --notification-icon: url(https://imagesvs.oneindia.com/images/notification-lm-bell-1721913143331.svg);
    --user-icon: url(https://imagesvs.oneindia.com/images/user-lm-icon-1721304705644.svg); 
    --search-icon: url(https://imagesvs.oneindia.com/images/search-lm-icon-1721304500750.svg);
    --header-search: url(https://imagesvs.oneindia.com/images/header-lm-search-1721304113897.svg);
    --header-close: url(https://imagesvs.oneindia.com/images/header-lm-close-1721304113897.svg);
    --next-bg: url(https://imagesvs.oneindia.com/images/next-lm-1721912728531.svg);
    --signup: url(https://imagesvs.oneindia.com/images/signup-1721912700562.svg);
}
.theme-dark {
    --bg-color-primary: #0A0E12;
    --bg-color-secondary: #141A20;
    --bg-color-tertiary: #1A2127;
    --bg-color-fourth: #FAE63C;
    --bg-video-time:#FFFFFF;
    --bg-lifestyle-widget:#28313A;
    --bg-gadgets-btn: #28313A;
    --bg-page-btn: #ffffff;

    --ad-bg-color: #1A2127;
    --ad-text-color: #f7f7f7;
    --deeplinks-bg-color: #1A2127;
    --deeplinks-text-color: #fff;

    --menu-color:#EDEDED;
    --font-color-primary:#ffffff;
    --font-color-secondary:#ffffff;
    --title-font-color:#FFFFFF;
    --footer-list-color:#ffffff;
    --all-border-color:#28313A;
    --vid-time-color:#000000;
    --font-primary:#ffffff;
    
    --header-logo: url(https://imagesvs.oneindia.com/images/oneindia-dm-logo--1721305797550.svg);
    --menu-toggle: url(https://imagesvs.oneindia.com/images/toggle-menu-dm-btn-1721911813182.svg);
    --footer-logo: url(https://imagesvs.oneindia.com/images/oneindia-footer-dm-logo-1721911988291.svg);
    --more-city-logo: url(https://imagesvs.oneindia.com/images/more-city-dm-icon-1721912016459.svg);
    --footer-facebook-logo: url(https://imagesvs.oneindia.com/images/f-dm-fb-1721911813167.svg);
    --footer-insta-logo: url(https://imagesvs.oneindia.com/images/f-dm-insta-1721911813168.svg);
    --footer-youtube-logo: url(https://imagesvs.oneindia.com/images/f-dm-youtube-1721911813173.svg);
    --footer-x-logo: url(https://imagesvs.oneindia.com/images/f-dm-x-1721911813172.svg);
    --dark-img: url(https://imagesvs.oneindia.com/images/dark-dm-1721911813166.svg);
    --light-img: url(https://imagesvs.oneindia.com/images/light-hm-mode-1721911813173.svg);
    --notification-icon: url(https://imagesvs.oneindia.com/images/notification-dm-bell-1721912783878.svg);
    --user-icon: url(https://imagesvs.oneindia.com/images/user-dm-icon-1721305979505.svg);
    --search-icon: url(https://imagesvs.oneindia.com/images/search-dm-icon-1721305797601.svg);
    --header-close: url(https://imagesvs.oneindia.com/images/header-dm-close-1721305582798.svg);
    --header-search: url(https://imagesvs.oneindia.com/images/header-dm-search-1721305582799.svg);
    --next-bg: url(https://imagesvs.oneindia.com/images/next-1721911813174.svg);
    --signup: url(https://imagesvs.oneindia.com/images/signup-dm-1721911813175.svg);


}

/*
 * Latest Themes Styles
 */


.theme-light {
    --bg-color-primary: #ffffff;
    --bg-color-secondary: #F2F5F5;
    --bg-color-tertiary: #0A25291A;
    --bg-color-fourth: #013332;
    --bg-more-nav: #0A0E12;
    --widget-bg-color: #1A2127;
    --widget-bg-color1: #fff;
    --menu-bg: #013332;
    --font-color-heading: #0A0E12;
    --font-color-primary: #28313A;
    --font-color-secondary: #013332;
    --font-color-tertiary: #28313A;
    --font-color-fourth: #141A20;
    --font-color-more-nav: #fff;
    --font-color-active: #19C0C5;
    
    --nav-color: #28313A;
    --nav-active-color: #0A0E12;
    --border-color-primary: #EDEDED;
    --cat-color-primary: #19C0C5;
    --dots-bg-color: #ECEAEB;
    --dots-bg-active-color: #28313A;
    --icon-bg: rgba(0,0,0,0.1);
    --searchbox-color: #8F99A3;
    --border-nav: rgba(0,0,0,0.1);
    
    --footer-color-primary: #8F99A3;
    --footer-color-secondary: #0A0E12;
    --footer-sticky-bg-color: #EDEDED;
    --footer-sticky-border: #EDEDED;
    --footer-sticky-color: #141A20;
    
    --ad-bg-color: #f2f5f5;
    --ad-text-color: #292929;
    --deeplinks-bg-color: #f2f5f5;
    --deeplinks-text-color: #0A0E12;
    
    --signin-bg-color: #fff;
    --signin-heading-color: #0A0E12;
    --signin-desc-color: #0A0E12;
    --signin-btn-color: #000;
    --signin-btn-border-color: #6A6A6A;
    --signin-close-bg: #7D8796;
    --signin-close-color: #fff;
    
    --signout-color: #013332;
    --signout-bg-color: #F2F5F5;
    --switch-bg-circle: #fff;
    --switch-bg: #CCD6D6;
    --switch-bg-inactive: #0A0E12;
    
    --liveblog-font-color: #28313A;
    --just-now-border: #013332;
    
    --prevnext-arrow-bg: #28313A;
    --prevnext-arrow-bg-disabled: #8F99A3;
    --city-arrowbg: #141A20;
      
    
    --photos-count-color: #08F4FB;
    --photos-bg-color: #141A20;
    
    --videos-bg-color: #FFFFFF;
    --videos-catbg-color: #F2F5F5;
    --videos-catbg-active-color: #013332;
    --videos-catfont-color: #141A20;
    --videos-catfont-active-color: #ffffff;
    
    --bg-color-updates: #fff;
    --border-color-btn: #EDEDED;
    
    --header-logo: url(https://imagesvs.oneindia.com/images/oneindia-lm-logo-1721304500709.svg);    
    --notification-icon-on: url(https://imagesvs.oneindia.com/images/notification-lm-bell-1721304113895.svg);
    --notification-icon-off: url(https://imagesvs.oneindia.com/images/notification-lm-off-1721304500707.svg);
    --language-icon: url(https://imagesvs.oneindia.com/images/language-lm-icon-1721304113894.svg);
    --language-active-icon: url( https://imagesvs.oneindia.com/images/language-active-lm-icon-1721304113891.svg);
    --user-icon: url(https://imagesvs.oneindia.com/images/user-lm-icon-1721304705644.svg); 
    --user-tick: url(https://imagesvs.oneindia.com/images/tick-lm-active-1721304705645.svg);
    --search-icon: url(https://imagesvs.oneindia.com/images/search-lm-icon-1721304500750.svg);
    --header-search: url(https://imagesvs.oneindia.com/images/header-lm-search-1721304113897.svg);
    --header-close: url(https://imagesvs.oneindia.com/images/header-lm-close-1721304113897.svg);
    --bottom-border: url(https://imagesvs.oneindia.com/images/bottom-lm-border-1721304113895.svg);
    --download-icon: url(https://imagesvs.oneindia.com/images/download-lm-icon-1721304113896.svg);
    --header-search-icon: url(https://imagesvs.oneindia.com/images/search-header-lm-icon-1721910801905.svg);
    
    --siginin-logo: url(https://imagesvs.oneindia.com/images/signin-logo-lm-o-1721304500753.svg);
    --signout-icon: url( https://imagesvs.oneindia.com/images/signout-lm-icon-1721304500704.svg);
    --profile-icon: url(https://imagesvs.oneindia.com/images/profile-lm-icon-1721304500718.svg);
    
    --youtube-icon1: url(https://imagesvs.oneindia.com/images/youtube-dm-1721910801906.svg);
    --facebook-icon: url(https://imagesvs.oneindia.com/images/facebook-lm-1721304113896.svg);
    --instagram-icon: url(https://imagesvs.oneindia.com/images/instagram-lm-1721304113898.svg);
    --youtube-icon: url( https://imagesvs.oneindia.com/images/youtube-lm-1721304705644.svg);
    --x-icon: url(https://imagesvs.oneindia.com/images/twitter-lm-1721304705641.svg);
    
    --footer-logo: url(https://imagesvs.oneindia.com/images/oneindia-footer-lm-logo-1721304500707.svg);
    --rupee-icon: url(https://imagesvs.oneindia.com/images/rupee-lm-icon-1721304500750.svg);
    --trending-icon: url(https://imagesvs.oneindia.com/images/trending-lm-icon-1721304705641.svg);
    
    --notf-back-arrow: url(https://imagesvs.oneindia.com/images/prev-lm-arrow-1721910493275.svg);
    --settings-icon: url( https://imagesvs.oneindia.com/images/settings-lm-icon-1721304500752.svg);
    --share-icon: url(https://imagesvs.oneindia.com/images/share-lm-icon-1721304500752.svg);
    --no-notf-icon: url(https://imagesvs.oneindia.com/images/no-notf-lm-icon-1721304113894.svg);
    --notf-tick-active:  url(https://imagesvs.oneindia.com/images/tick-lm-active-1721304705645.svg);
    --notf-tick-inactive: url(https://imagesvs.oneindia.com/images/tick-lm-inactive-1721304705640.svg);
    
    --prevnext-arrow: url(https://imagesvs.oneindia.com/images/next-lm-arrow-1721910493273.svg);
    --prevnext-arrow-disabled: url(https://imagesvs.oneindia.com/images/next-dm-arrow-1721910619616.svg);
      --facebook-share-icon: url(https://imagesvs.oneindia.com/images/notf-facebook-lm-icon-1722493461287.svg);
    --instagram-share-icon: url(https://imagesvs.oneindia.com/images/notf-instagram-lm-icon-1722493461286.svg);
    --whatsapp-share-icon: url(https://imagesvs.oneindia.com/images/notf-whatsapp-lm-icon-1722493461285.svg);
    --x-share-icon: url(https://imagesvs.oneindia.com/images/notf-x-lm-icon-1722493461288.svg);
    --youtube-share-icon: url( https://imagesvs.oneindia.com/images/notf-youtube-lm-icon-1722493461287.svg);
}
.theme-dark {
	--bg-color-primary: #0A0E12;
    --bg-color-secondary: #141A20;
    --bg-color-tertiary: #28313A;  
    --bg-color-fourth:  #28313A; 
    --bg-more-nav: #fff;
    --widget-bg-color: #1A2127;
    --widget-bg-color1: #1A2127;
    
    --menu-bg: #ffffff;
    --font-color-heading: #ffffff;
    --font-color-primary: #ffffff;
    --font-color-secondary: #C2C2C2;
    --font-color-tertiary: #EDEDED;
    --font-color-fourth: #fff;
    --font-color-more-nav: #0A0E12;
    --font-color-active: #08f4fb;
    
    --nav-color: #EDEDED;
    --nav-active-color: #ffffff;
    --border-color-primary: #28313a;
    --cat-color-primary: #19C0C5;
    --dots-bg-color: #8F99A3;
    --dots-bg-active-color: #EDEDED;    
    --icon-bg: rgba(238,238,238,0.1);
    --searchbox-color: #EDEDED;
    --border-nav: rgba(255,255,255,0.1);
    
    
    --footer-color-primary: #F2F5F5;
    --footer-color-secondary: #F2F5F5;
    --footer-sticky-bg-color: #1A2127;
    --footer-sticky-border: #28313A;
    --footer-sticky-color: #F2F5F5;
    
    
    --ad-bg-color: #1A2127;
    --ad-text-color: #f7f7f7;
    --deeplinks-bg-color: #1A2127;
    --deeplinks-text-color: #fff;
    
    --signin-bg-color: #013332;
    --signin-heading-color: #fff;
    --signin-desc-color: rgba(255,255,255,0.9);
    --signin-btn-color: #000;
    --signin-btn-border-color: rgba(0,0,0,0.1);
    --signin-close-bg: rgba(255,255,255,0.2);
    --signin-close-color: #fff;
    --signout-color: #013332;
    --signout-bg-color: #F2F5F5;
    
    --switch-bg-circle: #0A0E12;
  --switch-bg: #fff;
    --switch-bg-inactive: #CCD6D6;
    
    --liveblog-font-color: #fff;
    --just-now-border: #06ADB2;
    
    --prevnext-arrow-bg: #EDEDED;
    --prevnext-arrow-bg-disabled: #28313A;
    
    --city-arrowbg: #28313A;
    
    
    
    --photos-count-color: #06ADB2;
    --photos-bg-color: #28313A;
    
    
    --videos-bg-color: #141A20;
    --videos-catbg-color: #28313A;
    --videos-catbg-active-color: #EDEDED;
    --videos-catfont-color: #F2F5F5;
    --videos-catfont-active-color: #0A0E12;
    
    
    --bg-color-updates: #28313A;
    --border-color-btn: rgba(255,255,255,0.2);
    
    --header-logo: url(https://imagesvs.oneindia.com/images/oneindia-dm-logo--1721305797550.svg);
    --notification-icon-on: url(https://imagesvs.oneindia.com/images/notification-dm-bell-1721305582846.svg);
    --notification-icon-off: url(https://imagesvs.oneindia.com/images/notification-dm-off-1721305797549.svg);
    --language-icon: url(https://imagesvs.oneindia.com/images/language-dm-icon-1721305582801.svg);
    --language-active-icon: url(https://imagesvs.oneindia.com/images/language-active-dm-icon-1721305582800.svg);
    --user-icon: url(https://imagesvs.oneindia.com/images/user-dm-icon-1721305979505.svg);
    --user-tick: url(https://imagesvs.oneindia.com/images/tick-dm-active-1721305979501.svg);
    --search-icon: url(https://imagesvs.oneindia.com/images/search-dm-icon-1721305797601.svg);
    --header-search: url(https://imagesvs.oneindia.com/images/header-dm-search-1721305582799.svg);
    --header-close: url(https://imagesvs.oneindia.com/images/header-dm-close-1721305582798.svg);
    --bottom-border: url(https://imagesvs.oneindia.com/images/bottom-dm-border-1721305582796.svg);
    --download-icon: url(https://imagesvs.oneindia.com/images/download-dm-icon-1721305582797.svg);
    --header-search-icon: url(https://imagesvs.oneindia.com/images/search-header-dm-icon-1721911202278.svg);
    
    
    --siginin-logo: url(https://imagesvs.oneindia.com/images/signin-logo-dm-o-1721305797603.svg);
    --signout-icon: url(https://imagesvs.oneindia.com/images/signout-dm-icon-1721305797606.svg);
    --profile-icon: url(https://imagesvs.oneindia.com/images/profile-dm-icon-1721305797596.svg);
    
    
    --facebook-icon: url(https://imagesvs.oneindia.com/images/facebook-dm-1721305582798.svg);
    --instagram-icon: url(https://imagesvs.oneindia.com/images/instagram-dm-1721305582799.svg);
    --youtube-icon: url(https://imagesvs.oneindia.com/images/youtube-dm-1721305979506.svg);
    --x-icon: url(https://imagesvs.oneindia.com/images/x-dm-1721305979505.svg);

    
    --footer-logo: url(https://imagesvs.oneindia.com/images/oneindia-dm-logo--1721305797550.svg);
    --rupee-icon: url(https://imagesvs.oneindia.com/images/rupee-dm-icon-1721305797597.svg);
    --trending-icon: url(https://imagesvs.oneindia.com/images/trending-dm-icon-1721305979503.svg);
    
    --settings-icon: url(https://imagesvs.oneindia.com/images/settings-dm-icon-1721305797602.svg);
    --share-icon: url(https://imagesvs.oneindia.com/images/share-dm-icon-1721305797603.svg);
    --no-notf-icon: url(https://imagesvs.oneindia.com/images/no-notf-dm-icon-1721305582802.svg);
    --notf-tick-active: url(https://imagesvs.oneindia.com/images/tick-dm-active-1721305979501.svg);
    --notf-tick-inactive: url(https://imagesvs.oneindia.com/images/tick-dm-inactive-1721305979502.svg);
    --notf-back-arrow: url(https://imagesvs.oneindia.com/images/prev-dm-arrow-1721911277616.svg);
    
    --prevnext-arrow: url(https://imagesvs.oneindia.com/images/next-dm-arrow-1721910619616.svg);
    --prevnext-arrow-disabled: url(https://imagesvs.oneindia.com/images/next-arrow-dm-white-1721911089478.svg);
}