* {margin: 0;padding: 0;}
header, footer, article, section, figure, nav, aside {display: block;}
body {font-family: Arial, Helvetica, sans-serif;background: var(--bg-color-primary);}
a {color: #000;text-decoration: none;outline: none;}
img {border: 0 none;max-width: 100%;}
ul, ol {list-style-type: none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {display: inline-block;}
.clearfix {display: block;}

.oi-wrapper {max-width: 1000px;margin: 0 auto;}
body.overflw, html.overflw{overflow: hidden;}
.maxwidth-header{width: 1000px;position: relative;margin: 0 auto;}


.oi-header-top{border-bottom: 1px solid var(--all-border-color);}
.oi-lang-top{margin: 0 auto;text-align: center;padding: 16px 0px;}
.oi-lang-top ul li{display: inline-block;vertical-align: middle;line-height: 10px;position: relative;margin: 0px 6px;}
.oi-lang-top ul li:first-child{margin-left: 0px;}
.oi-lang-top ul li::after{position: absolute;content: '';width: 1px;height: 15px;background: #8F99A3;right: -8px;top: -2px;}
.oi-lang-top ul li:last-child::after{display: none;}
.oi-lang-top ul li a{font-size: 12px;font-weight: 700;color: #8F99A3;line-height: 10px;text-transform: uppercase;}
.oi-lang-top ul li a.current{color: #19C0C5;}


.oi-header-middle-top{display: flex;justify-content: space-between;align-items: flex-end;}
/*.oi-header-logo {margin: auto;width: 165px;height: 42px;background: var(--header-logo) no-repeat 0 0;padding-bottom: 15px;cursor: pointer;}*/
.oi-head-col1{display: flex;align-items: baseline;}
.oi-head-col1, .oi-head-col2, .oi-head-col3 {flex: 33%;color: #28313A;font-size: 13px;font-weight: 400;}
.oi-head-datetime{font-size: 13px;color: var(--menu-color);font-weight: 400;margin-right: 15px;position: relative;}
.oi-head-datetime::after{position: absolute;content: '';width: 1px;height: 15px;background: #28313A;right: -8px;top: 0px;}
.oi-head-weatherupdate{position: relative;display: inline-block;cursor: pointer;padding: 10px 10px 15px;height: 19px;color: var(--menu-color);}
.oi-head-weather-cities{position: absolute;z-index: 1;background: #fff;min-width: 175px; top: 45px;left: 2px; display: none;box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1) !important;}
.oi-head-weatherupdate:hover .oi-head-weather-cities {display: block;}
.oi-head-weather-cities ul li{line-height: 1rem;padding-left: 0px;border-bottom: 1px solid #ddd;}
.oi-head-weather-cities ul li:last-child{border-bottom: none;}
.oi-head-weather-cities ul li:first-child{}
.oi-head-weather-cities ul li a{cursor: pointer;padding: 8px;display: block;}
.oi-weather-arrow{position: relative;}
.arrow::after {border-bottom-style: solid;border-bottom-width: 1px;border-right-style: solid;border-right-width: 1px;content: "";display: inline-block;height: 7px;left: 9px;transform: rotate(45deg);position: absolute;top: 0;width: 7px;border-color: var(--menu-color);}

.oi-head-col3 {display: flex;align-items: flex-end;justify-content: flex-end;padding-bottom: 15px;}


.oi-head-live-link {display: flex;align-items: center;color: var(--menu-color);position: relative;top: -5px;}
.oi-head-live{font-size: 16px;margin-left: 5px;}
.blink-circle {display: inline-block;vertical-align: middle;width: 10px;height: 10px;border: 1px solid #E11900;border-radius: 50%;position: relative;}
.blink-circle:after {background: #E11900;width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 2px;top: 2px;content: '';}
.oi-head-theamchange {display: flex;align-items: center;justify-content: space-between; width: 56px;height: 22px; background: var(--bg-color-secondary);padding: 4px 5px 4px 5px;border-radius: 6px;margin-right: 20px;margin-left: 20px;position: relative;}
.oi-head-theamchange .active{background: var( --bg-color-primary);border-radius: 5px;    width: 19px;height: 19px;left: -6px;top: -1px;position: relative;}
.dark-mode.active {left: 4px;top: 0px;}
.oi-head-theamchange span{display: inline-block;width: 17px;height: 17px;padding: 1px;}
.dark-img{position: absolute;content: '';background: var(--dark-img);width: 16px;height: 16px;left: 10px;}
.light-img{position: absolute;content: '';background: var(--light-img);width: 16px;height: 16px;right: 10px;}
.oi-head-social a{display: inline-block;vertical-align: middle;margin-right: 16px;}
.oi-head-social a:last-child{margin-right: 0px;}
.notification, .user{display: inline-block;vertical-align: middle;width: 26px;height: 28px;position: relative;cursor: pointer;}
.notification {background: var(--notification-icon) no-repeat 0 0;}
.user{background: var(--user-icon) no-repeat 0 0;top: 18px;left: 16px;transform: translate(-50%, -56%);}


.oi-head-menu{display: flex;justify-content: space-between;}
.oi-header-menu-top{border-bottom: 1px solid var(--all-border-color);}
.oi-head-menu-toggle{float: left;width: 20px;margin-top: 12px;height: 20px;background: var(--menu-toggle) no-repeat 0 0;padding-right: 8px;cursor: pointer;margin-left: 18px;}

.oi-header-menuwrap {width: 20px;height: 20px;margin: 10px 0 0 0;float: left;cursor: pointer;}
.oi-header-menu {cursor: pointer;width: 15px;height: 15px;text-align: center;padding: 3px 4px;position: relative;display: block;}
.oi-header-menu i {background: var(--menu-bg);height: 2px;position: absolute;transition: all ease-in-out .4s;-webkit-transition: all ease-in-out .4s;-moz-transition: all ease-in-out .4s;-o-transition: all ease-in-out .4s;border-radius: 1.73px 0px 1.15px 0px;width: 15px;left: 0;right: 0;margin: auto;}
.oi-header-menu i:nth-child(1) {top: 8px;}
.oi-header-menu i:nth-child(2) {top: 12px;}
.oi-header-menu i:nth-child(3) {top: 16px;}

.oi-head-search{float: right;}

.head-search-item{background: var(--bg-color-fourth);padding: 10px 20px;border-radius: 12px;position: relative;height: 19px;top: 4px;right: 18px;cursor: pointer;}
.oi-head-search-icon {background: var(--header-search-icon) no-repeat 0 0;position: absolute;width: 18px;height: 19px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.oi-head-menu .oi-head-search {margin-left: auto;
}
/* .oi-head-search-icon{position: absolute;transform: translate(-50%, -50%);top: 50px;left: 50px;background: url(../images/icons/Search.svg);width: 16px;height: 16px;} */
/* .oi-head-menu-navigation{margin-left: 23px;} */
.oi-head-menu-navigation ul li{position: relative;float: left;}
.oi-head-menu-navigation ul li a{display: block;position: relative;padding: 15px;font-size: 13px;font-weight: 400;color: var(--menu-color);}

.nav-arrow{position: relative;}
.nav-arrow::after {border-bottom-style: solid;border-bottom-width: 2px;border-right-style: solid;border-right-width: 2px;content: "";display: inline-block;height: 6px;left: 9px;transform: rotate(45deg);position: absolute;top: 3px;width: 6px;border-color: #8F99A3;border-radius: 2px;}
.oi-head-menu-navigation ul li .oi-head-submenu {left: 0;right: inherit;top: 46px;background: var(--widget-bg-color1);width: 200px;box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);position: absolute;margin: auto;z-index: 99999;}
.oi-head-submenu.subnav {display: none;}
.oi-head-menu-navigation ul li .oi-head-submenu ul li {float: none;margin: 0;border-bottom: 1px solid var(--all-border-color);}
.oi-head-menu-navigation ul li .oi-head-submenu ul li a {display: block;color: var(--menu-color);text-decoration: none;font-weight: normal;font-size: 14px;padding: 10px 18px;margin-right: 0px;margin-left: 0px;}
.oi-head-menu-navigation ul li .oi-head-submenu ul li a:hover{background: var(--menu-color);color: var(--vid-time-color);transition: all 0.3s;}
.oi-head-menu-navigation ul li.submenu a {margin: 0 14px 0 3px;}
.oi-head-menu-navigation ul li.hover .oi-head-submenu, .oi-head-menu-navigation ul li:hover .oi-head-submenu {display: block;opacity: 1;visibility: visible;}





.oi-footer-top{background: var(--bg-color-secondary);padding: 40px 0px;}
.oi-footer-logo-block{display: flex;align-items: center;justify-content: space-between;padding-bottom: 60px;}
.oi-footer-logo {width: 147px;height: 42px;background: var(--footer-logo) no-repeat 0 0;background-size: contain;}
.oi-footer-logo a{cursor: pointer;}
.oi-app-download {padding: 0 0 0 40px;position: relative;font-weight: bold;font-size: 15px;line-height: 19px;color: var(--footer-list-color);}
.oi-app-download:before {content: '';background: url(../images/icons/google-play-icon.svg) no-repeat center left;width: 28px;height: 28px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.oi-app-download span {display: block;font-size: 12px;line-height: 17px;color: var(--menu-color);font-weight: normal;}
.oi-footer-fite-outerlook{display: flex;justify-content: space-between;}
.oi-footer-site-lang {flex: 0 0 20%;}
.oi-sitelang-title{color: #8F99A3;font-size: 16px;line-height: 21px;padding-bottom: 24px;text-align: left;}
.oi-sitelang-list ul li{margin-bottom: 12px;}
.oi-sitelang-list ul li:last-child{margin-bottom: 0px;}
.oi-sitelang-list ul li a{font-size: 15px;color: var(--footer-list-color);line-height: 22px;display: block;}
.oi-sitelang-list ul li a:hover{color: #8F99A3; transition: 0.3s;font-weight: 500;}

.oi-social-site-links ul li{margin: 0px 8px;}
.oi-social-site-links ul li:first-child{margin-left: 0px;}
.oi-social-site-links ul{display: flex;align-items: center;justify-content: flex-start;}
.f-social-icon {display: inline-block;vertical-align: middle;width: 28px;height: 28px;}
.f-facebook{background: var(--footer-facebook-logo) no-repeat 0 0;}
.f-instagram{background: var(--footer-insta-logo) no-repeat 0 0;}
.f-youtube{background: var(--footer-youtube-logo) no-repeat 0 0;}
.f-x{background: var(--footer-x-logo) no-repeat 0 0;}

.oi-footer-copyright-text{background: #0A0E12;padding: 16px 24px 24px;}
.copyright-text{text-align: center;font-size: 12px;color: #fff;padding-bottom: 8px;}
.about-oneindia{color: #fff;text-align: center;font-size: 12px;}




.oi-header-searchbox {right: 0;display: none;z-index: 1000;top: 0px;width: 100%;height: 45px;transition: all .25s ease;z-index: 10000;background: var(--bg-color-primary);position: absolute;}
.oi-header-searchbox.show {display: block;right: 0;}
.oi-header-searchtextbox {border: 0 none;padding: 10px 8px 10px 40px;font-size: 14px;color: var(--searchbox-color);width: calc(50% - 75px);outline: none;position: absolute;border-radius: 10px;box-sizing: border-box;border: 0 none;background: var(--header-search) no-repeat 10px center;border: 1px solid var(--all-border-color);color: var(--menu-color);transition: all .25s ease;right: 65px;top: 4px;}
.oi-header-closeicon {position: absolute;right: 25px;top: 14px;background: var(--header-close) no-repeat 0 0;width: 14px;height: 14px;cursor: pointer;margin: 2px 5px;}



.oi-notf-overlay, .oi-login-overlay {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(255,255,255,0);z-index: 1000;}
.oi-notf-overlay.shownotf {display: block;}
.oi-login-overlay.showlogin, .oi-login-overlay.showprofile {display: block;}


/*
 * Menu Navigation Styles
 */

.oi-header-logo {margin: auto;width: 188px;height: 54px;margin-bottom: 12px;}
.oi-header-logo img {width: 188px;height: 54px;display: block;}
.oi-header-logo a {display: block;}
.theme-light .darkmode-logo {display: none;}
.theme-dark .lightmode-logo {display: none;}

body.nav-open {overflow: hidden;}
.oi-header-menu-overlay {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 100000000;background: rgba(0,0,0,0.8);opacity: 0;pointer-events: none;-webkit-transition: top 0s ease .35s, opacity .35s ease;-moz-transition: top 0s ease .35s, opacity .35s ease;-ms-transition: top 0s ease .35s, opacity .35s ease;transition: top 0s ease .35s, opacity .35s ease;}
.oi-header-menu-overlay.nav-open {pointer-events: auto;opacity: 1;-webkit-transition: top 0s ease 0s, opacity .35s ease;-moz-transition: top 0s ease 0s, opacity .35s ease;-ms-transition: top 0s ease 0s, opacity .35s ease;transition: top 0s ease 0s, opacity .35s ease}
.oi-header-menu-navigation {position: fixed;left: -850px;top: 0;width: 360px;bottom: 0;z-index: 100000001;background: var(--bg-color-secondary);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all .4s cubic-bezier(.37, .15, .32, .94);-moz-transition: all .4s cubic-bezier(.37, .15, .32, .94);-ms-transition: all .4s cubic-bezier(.37, .15, .32, .94);transition: all .4s cubic-bezier(.37, .15, .32, .94)}
.oi-header-menu-navigation.nav-open {right: 0;-webkit-transform: translateX(850px);-moz-transform: translateX(850px);-ms-transform: translateX(850px);transform: translateX(850px);}	
.oi-header-menu-navigation-headerwrap {position: fixed;left: 0;top: 0px;width: 100%;background: var(--bg-color-secondary);}
.oi-header-menu-navigation-header {margin: 0 0 24px 0;position: relative;display: flex;justify-content: space-between;padding: 24px 16px;border-bottom: 1px solid var(--border-nav)}
.oi-header-menu-navigation-header .oi-header-logo {margin: 0;width: 112px;height: 32px;background-size: contain;	}
.oi-header-menunav-right {}

.oi-header-loginwrap {display: inline-block;position: relative;margin-left: 20px;}

.oi-header-menu-navigation-contentwrap {position: fixed;left: 0px;top: 80px;bottom: 0;overflow-y: auto;height: calc(100% - 235px);width: 100%;}
.oi-header-menu-navigation-content {padding: 12px 16px;position: relative;}
.oi-header-menu-navigation-content ul li {margin: 12px 0;display: block;position: relative;}
.oi-header-menu-navigation-content ul li a {font-size: 16px;font-weight: bold;color: var(--font-color-heading);line-height: 21px;padding: 6px;position: relative;display: block;}
.oi-nav-icon {display: inline-block;margin-right: 5px;width: 21px;height: 21px;background: var(--icon-bg);border-radius: 4px;vertical-align: middle;}
.oi-subnav-arrow {position: absolute;right: 0;top: 5px;width: 24px;height: 24px;text-align: center;z-index: 10000;cursor: pointer;}
.oi-subnav-arrow:after {border: solid var(--bg-more-nav);border-width: 0 2px 2px 0;display: inline-block;padding: 3px;content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition: all .4s ease;-ms-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.oi-header-menu-navigation-content ul li.active .oi-subnav-arrow:after {transform: rotate(225deg);-webkit-transform: rotate(225deg);}
.oi-header-submenu-navigation {display: none;padding: 12px 0;margin: 6px 0;}
.oi-header-submenu-navigation ul {margin-left: 30px;}
.oi-header-menu-navigation-content ul li.active .oi-header-submenu-navigation {display: block;position: relative;}
.oi-header-menu-navigation-content ul li.active .oi-header-submenu-navigation:before {content: '';position: absolute;left: 0;top: 0;right: 0;height: 5px;background: var(--bottom-border) no-repeat left top;display: block;}
.oi-header-menu-navigation-content ul li.active .oi-header-submenu-navigation:after {content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 5px;background: var(--bottom-border) no-repeat left top;display: block;}
.oi-header-submenu-navigation ul li a {font-size: 16px;color: var(--font-color-secondary);font-weight: normal;line-height: 24px;}
.oi-header-menu-navigation-footerwrap {position: fixed;left: 0;bottom: 0px;width: 100%;background: var(--bg-color-secondary);}
.oi-header-menu-navigation-footer {padding: 24px 16px;border-top: 1px solid var(--border-nav);}
.oi-header-menu-sociallinks {font-size: 15px;color: #8F99A3;line-height: 23px;margin-bottom: 24px;}
.oi-header-menu-sociallinks span {display: inline-block;vertical-align: middle;margin-right: 5px;}
.oi-header-menu-sociallinks a {background: var(--bg-color-tertiary);border-radius: 10px;text-align: center;width: 42px;height: 32px;display: inline-block;margin-left: 3px;vertical-align: middle;line-height: 32px;position: relative;}
.oi-header-menu-sociallinks a i {display: inline-block;vertical-align: middle;text-align: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.oi-headedr-menu-download-app {}
.oi-headedr-menu-download-app a {background: #28313A;border-radius: 12px;padding: 12px 12px 12px 16px;border: 1px solid rgba(0,0,0,0.1);font-size: 16px;line-height: 21px;font-weight: bold;color: #fff;display: block;position: relative;}
.download-icon {display: inline-block;vertical-align: middle;background: var(--download-icon) no-repeat 0 0;width: 21px;height: 21px;margin-right: 5px;}
.download-arrow {background: #08F4FB;border-radius: 12px;width: 55px;height: 33px;line-height: 33px;vertical-align: middle;position: absolute;right: 8px;top: 7px;}
.download-arrow:after {content: '';border: solid #0A0E12;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute;left: 24px;top: 12px;}
.oi-header-menu-sociallinks a.facebook i {background: var(--facebook-icon) no-repeat 0 0;width: 14px;height: 14px;}
.oi-header-menu-sociallinks a.instagram i {background: var(--instagram-icon) no-repeat 0 0;width: 18px;height: 18px;}
.oi-header-menu-sociallinks a.youtube i {background: var(--youtube-icon) no-repeat 0 0;width: 20px;height: 18px;}
.oi-header-menu-sociallinks a.twitter i {background: var(--x-icon) no-repeat 0 0;width: 15px;height: 14px;}


.oi-header-menu-navigation-contentwrap {direction: ltr;scrollbar-color: #0A25291A #ccc;scrollbar-width: thin;margin: 0px 0px;}
.oi-header-menu-navigation-contentwrap::-webkit-scrollbar {width: 20px;}
.oi-header-menu-navigation-contentwrap::-webkit-scrollbar-track {background-color: #ccc;border-radius: 100px;}

/*
 * 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(../images/icons/dark-active.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(../images/icons/light-active.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(../images/icons/light-inactive.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(../images/icons/dark-inactive.svg) no-repeat 0 0;background-size: contain;}





/*
 * Notification Styles
 */
.oi-notf-wrap {cursor: pointer;}
.oi-notification-wrapper {background: var(--widget-bg-color1);position: fixed;top: -3000px;z-index: 1000000000;overflow-y: auto;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);height: 450px;width: 480px;box-shadow: 0px 4px 20px 0px #00000029;border-radius: 12px;border: 1px solid var(--bg-color-tertiary);}
.oi-notification-wrapper.shownotf {top: 105px;}
.notf-off {background: var(--notification-icon-off) no-repeat 0 0;}
.notf-offline {width: 2px;height: 24px;background: #8F99A3;position: absolute;left: 11px;top: 2px;transform: rotate(225deg);-webkit-transform: rotate(225deg);}
.oi-notification-header {padding: 16px;display: flex;justify-content: space-between;height: 32px;align-items: center;border-bottom: 1px solid var(--bg-color-tertiary);}
.oi-notification-backarrow {width: 24px;height: 24px;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;}
.oi-notf-arrow-icon {border: solid var(--font-color-heading);border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.oi-notification-heading {font-size: 18px;color: var(--font-color-heading);line-height: 21px;text-align: center;font-weight: bold;}
.oi-notification-settings {width: 24px;height: 24px;display: inline-block;vertical-align: middle;cursor: pointer;}
.oi-notf-settings-icon {width: 24px;height: 24px;display: inline-block;vertical-align: middle;background: var(--settings-icon) no-repeat 0 0;}

.oi-notification-contentwrap {position: absolute;left: 0;right: 0;top: 64px;bottom: 0;height: calc(100% - 64px);overflow-y: auto;}
.oi-notification-content {padding: 16px;}
.oi-notification-content ul li {padding: 16px 35px 16px 0;margin: 0 0 8px 0;border-bottom: 1px solid var(--footer-sticky-border);position: relative;}
.oi-notification-content ul li:after {content: '';clear: both;display: table;}
.oi-notification-content ul li:last-child {border-bottom: 0 none;}
.oi-notification-content ul li a {display: block;}
.oi-notf-article-thumbimg {float: left;width: 80px;border-radius: 6px;}
.oi-notf-article-thumbimg img {border-radius: 6px;}
.oi-notf-article-details {margin-left: 92px;}
.oi-notf-article-title {color: var(--font-color-primary);overflow: hidden;padding: 0px;height: 40px;font-size: 13px;line-height: 18px;font-weight: bold;margin-bottom: 2px;margin-right: 20px;}
.oi-notf-article-titleinner {height: 40px;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;display: -webkit-box;}
.oi-notf-share-icon {background: var(--share-icon);width: 18px;height: 17px;position: absolute;right: 5px;top: 16px;z-index: 100000;cursor: pointer;}
.oi-notf-category {font-size: 12px;line-height: 17px;color: #8F99A3;font-weight: bold;display: inline-block;margin-right: 5px;}
.oi-notf-time {font-size: 12px;line-height: 17px;color: #8F99A3;font-weight: normal;display: inline-block;padding-left: 8px;position: relative;}
.oi-notf-time:before {content: '';width: 3px;height: 3px;position: absolute;background: #8F99A3;border-radius: 50%;top: 5px;left: 0;}

.oi-no-noticationwrap {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 160px;height: 160px;text-align: center;}
.oi-no-notf-title {font-size: 15px;line-height: 20px;font-weight: bold;color: var(--font-color-heading);}
.oi-no-notf-icon {margin-bottom: 20px;width: 120px;height: 120px;display: inline-block;vertical-align: middle;background: var(--no-notf-icon) no-repeat  0 0;}


.oi-notification-settingswrap {padding: 16px;display: none;}
.oi-notification-wrapper.show-settings .oi-notification-settingswrap {display: block;}
.oi-notification-wrapper.show-settings .oi-notification-content, .oi-notification-wrapper.show-settings .oi-no-noticationwrap {display: none;}

.oi-notification-settings-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.oi-notf-left {display: inline-block;}
.oi-notf-right {display: inline-block;}
.oi-notf-title {font-size: 16px;line-height: 21px;font-weight: bold;color: var(--font-color-heading);margin-bottom: 6px;}
.oi-notf-subtitle {font-size: 13px;line-height: 18px;font-weight: normal;color: var(--font-color-heading);}

.oi-notification-settings-content ul li {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.oi-notf-label {font-size: 15px;line-height: 22px;font-weight: normal;color: var(--font-color-heading);}
.oi-notf-tick {width: 24px;height: 24px;background: var(--notf-tick-inactive) no-repeat 0 0;display: inline-block;vertical-align: middle;}
.oi-notification-settings-content ul li.active .oi-notf-tick {background: var(--notf-tick-active) no-repeat 0 0;}

.oi-sendalerts-wrapper {display: flex;justify-content: space-evenly;align-items: center;display: none;}
.oi-sendalerts-box {padding: 12px 30px 12px 12px;border-radius: 8px;border: 1px solid var(--dots-bg-color);display: inline-block;cursor: pointer;}
.oi-sendalerts-label {font-size: 12px;color: var(--font-color-heading);line-height: 17px;font-weight: 400;display: inline-block;}
.oi-sendalerts-boxlabel {font-size: 12px;color: var(--font-color-heading);line-height: 17px;font-weight: 400;display: block;position: relative;}
.oi-sendalerts-boxlabel:after {content: '';position: absolute;right: -20px;top: 1px;border: solid var(--font-color-heading);border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.oi-notification-settings-content.showalerts .oi-sendalerts-wrapper {display: flex;}

.switch {position: relative;display: inline-block;width: 39px;height: 24px;float: left;margin-top: 5px;z-index: 1000000000;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--switch-bg-inactive);-webkit-transition: .4s;transition: .4s;}
.slider:before {background-color: #fff;bottom: 4px;content: "";height: 18px;left: -8px;position: absolute;top: 3px;transition: all 0.4s ease 0s;width: 18px;}
.switch input + .slider::before {transform: translateX(26px);background-color: var(--switch-bg-circle);}
.switch input:checked + .slider {background-color: var(--switch-bg);}
.switch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.switch input:checked + .slider:before {-webkit-transform: translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px);background-color: var(--switch-bg-circle);}
.switch .disabled {display: none;}
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%;}

.oi-notification-clear {font-size: 13px;color: #008EFF;font-weight: bold;line-height: 18px;}
.oi-notf-backarrow {display: inline-block;width: 20px;height: 20px;background: var(--notf-back-arrow) no-repeat 0 0;vertical-align: middle;margin-right: 8px;}
.oi-notification-header.settings {display: none;}
.oi-notification-wrapper.show-settings .oi-notification-header {display: none;}
.oi-notification-wrapper.show-settings .oi-notification-header.settings {display: flex;}

.oi-notification-contentwrap {direction: ltr;scrollbar-color: #0A25291A #ccc;scrollbar-width: thin;margin: 0px 0px;}
.oi-notification-contentwrap::-webkit-scrollbar {width: 20px;}
.oi-notification-contentwrap::-webkit-scrollbar-track {background-color: #ccc;border-radius: 100px;}





/*
 * Signin/Login/Profile Styles
 */
.login {cursor: pointer;}
.oi-signin-wrapper {background: var(--signin-bg-color);position: fixed;top: -3000px;z-index: 1000000000;overflow-y: auto;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);height: 520px;width: 480px;box-shadow: 0px 4px 20px 0px #0000001A;border-radius: 12px;}
.oi-signin-wrapper.showlogin {top: 105px;}
.oi-signin-close, .oi-myprofile-close {position: absolute;right: 16px;top: 30px;background: var(--signin-close-bg);width: 34px;height: 32px;border-radius: 12px;cursor: pointer;}
.oi-signin-close:before, .oi-signin-close:after, .oi-myprofile-close:before, .oi-myprofile-close:after {position: absolute;left: 17px;content: ' ';height: 14px;width: 1px;background-color: var(--signin-close-color);top: 9px;}
.oi-signin-close:before, .oi-myprofile-close:before {transform: rotate(45deg);}
.oi-signin-close:after, .oi-myprofile-close:after {transform: rotate(-45deg);}
.oi-signin-content {position: fixed;left: 90px;top: 50px;right: 90px;}
.oi-signin-logo {width: 91px;height: 26px;background: var(--header-logo) no-repeat 0 0;margin-bottom: 48px;background-size: contain;}
.oi-signin-heading {font-size: 50px;line-height: 58px;color: var(--signin-heading-color);font-weight: bold;margin: 10px 0;height: 140px;background: var(--siginin-logo) no-repeat 0 0;}
.oi-signin-desc {font-size: 21px;line-height: 28px;color: var(--signin-desc-color);font-weight: normal;margin: 24px 0;}
.oi-signin-with ul li {margin: 48px 0 0 0;}
.oi-signin-with ul li a {padding: 10px;border-radius: 100px;background: #fff;color: var(--signin-btn-color);display: block;font-weight: normal;font-size: 16px;text-align: center;border: 1px solid var(--signin-btn-border-color);line-height: 18px;}
.google-icon {display: inline-block;vertical-align: middle;width: 18px;height: 18px;margin-right: 5px;}

.oi-myprofile-wrapper {background: var(--signin-bg-color);position: fixed;top: -3000px;z-index: 100000000;overflow-y: auto;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;width: 480px;height: 500px;opacity: 0;box-shadow: 0px 4px 20px 0px #0000001A;border-radius: 12px;}
.oi-myprofile-wrapper.showprofile {top: 105px; opacity: 1;}
.oi-myprofile-content {position: absolute;left: 30px;right: 30px;top: 50px;}
.oi-myprofile-topblock {text-align: center;margin-bottom: 60px;}
.oi-myprofile-iconwrap {}
.oi-myprofile-icon {width: 80px;height: 80px;border-radius: 50%;background: var(--font-color-primary);display: inline-block;margin: 0 auto;position: relative;text-align: center;}
.oi-myprofile-icon .default {width: 32px;height: 40px;background: var(--profile-icon) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.oi-myprofile-name {font-size: 20px;color: var(--font-color-heading);font-weight: bold;line-height: 23px;}
.oi-myprofile-email {font-size: 16px;color: var(--font-color-fourth);font-weight: normal;line-height: 24px;}
.oi-myprofile-control {margin-bottom: 24px;display: flex;justify-content: space-between;align-items: center;}
.oi-myprofile-label {font-size: 15px;color: var(--font-color-heading);font-weight: normal;line-height: 22px;margin-bottom: 6px;display: inline-block;width: 150px;}

.oi-myprofile-selectbox {display: inline-block;width: 100%;box-sizing: border-box;text-align: center;display: inline-block;}
.oi-myprofile-selectbox {border: 1px solid #EEEEEE;margin: 0 0 0px 0px;position: relative;border-radius: 10px;}
.oi-myprofile-selectlabel {padding: 8px 5px 8px 5px;cursor: pointer;font-size: 13px;color: var(--signin-heading-color);display: inline-block;position: relative;font-weight: normal;line-height: 18px;text-align: center;vertical-align: middle;}

.oi-myprofile-popup {position: absolute;left: 0;right: 0;top: 35px;background: var(--signin-bg-color);z-index: 100000;border: 1px solid #EEEEEE;display: none;border-radius: 10px;}
.oi-myprofile-selectbox.show-dropdown .oi-myprofile-popup {display: block;}
.oi-myprofile-popup ul li {list-style-type: none;padding: 10px;cursor: pointer;font-size: 14px;color: var(--signin-heading-color);text-align: left;}

.oi-signout-btn {position: absolute;left: 30px;right: 30px;bottom: 30px;}
.oi-signout-btn a {display: block;padding: 16px 24px;border-radius: 40px;font-size: 16px;color: var(--signout-color);line-height: 18px;background: var(--signout-bg-color);text-align: center;}
.oi-signout-icon {width: 24px;height: 24px;background: var(--signout-icon) no-repeat 0 0;display: inline-block;vertical-align: middle;margin-right: 5px;}

.oi-downarrow {display: inline-block;vertical-align: middle;border: solid var(--signin-heading-color);border-width: 0 2px 2px 0;padding: 2px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.oi-myprofile-selectbox.show-dropdown .oi-downarrow {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.logged {display: none;}
.loggedin .logged {background: var(--user-tick) no-repeat 0 0;position: absolute;left: 0px;bottom: 2px;width: 24px;height: 24px;display: block;}


/*
 * Notification Share icon Styles
 */
.oi-notification-content ul li {overflow: hidden;}
.oi-notf-social-share {position: absolute;right: -300px;top: 10px;background: var(--bg-color-secondary);padding: 5px;z-index: 1000000;border-radius: 5px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.oi-notification-content ul li.show-share .oi-notf-social-share {right: 0;}
.facebook-share-icon {display: inline-block;vertical-align: middle;width: 15px;height: 15px;background: var(--facebook-share-icon) no-repeat 0 0;margin: 0 5px;}
.instagram-share-icon {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: var(--instagram-share-icon) no-repeat 0 0;margin: 0 5px;}
.x-share-icon {display: inline-block;vertical-align: middle;width: 14px;height: 14px;background: var(--x-share-icon) no-repeat 0 0;margin: 0 5px;}
.whatsapp-share-icon {display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: var(--whatsapp-share-icon) no-repeat 0 0;margin: 0 5px;}
.youtube-share-icon {display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: var(--youtube-share-icon) no-repeat 0 0;margin: 0 5px;}
.close-share-icon {display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin: 0 0 0 15px;position: relative;}
.close-share-icon:before, .close-share-icon:after {position: absolute;left: 5px;content: ' ';height: 14px;width: 2px;background-color: var(--font-color-tertiary);}
.close-share-icon:before {transform: rotate(45deg);}
.close-share-icon:after {transform: rotate(-45deg);}



/*
 * Notification Popup Styicky Updates
 */
.oi-notf-bottomsticky-wrapper {background: var(--bg-color-updates);position: absolute;top: -2000px;right: 0;z-index: 1000000;transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s; border-radius: 12px;box-shadow: 0px 4px 12px 5px #00000012;width: 360px; }
.oi-notf-bottomsticky-wrapper.active {top: 50px;}
.oi-notf-bottomsticky {padding: 15px;position: relative;}
.oi-notf-bottomsticky-label {font-size: 18px;font-weight: 700;line-height: 21.09px;text-align: center;color: var(--font-color-secondary);padding-bottom: 12px;}
.oi-notf-bottomsticky-sublabel{font-size: 14px;font-weight: 400;line-height: 16.41px;text-align: center;color: var(--font-color-secondary);padding-bottom: 15px;}
.oi-notf-bottomsticky-btns {text-align: center;display: flex;justify-content: center;gap: 20px;}
.oi-notf-cancelbtn{background: transparent;border-radius: 5px;display: inline-block;width: 136px;height: 33px;font-size: 16px;font-weight: 400;line-height: 18.75px;text-align: center;color: var(--font-color-secondary);cursor: pointer;border: 1px solid var(--border-color-btn);}
.oi-notf-allowbtn{background: var(--cat-color-primary);border-radius: 5px;display: inline-block;width: 136px;height: 33px;font-size: 16px;font-weight: 400;line-height: 18.75px;text-align: center;color: var(--font-color-primary);cursor: pointer;border: 0;}