<>
.mode-switch { display: none;}
#wrapper {
box-shadow: none !important;
max-width: 1080px;
margin: 0 auto;
width: 1120px;
background: #fff;
}
body {
background: #fff !important;
}
.nav-max-width {
background: var(--nav-bg);
border-bottom: 1px solid var(--nav-border);
padding: 0 20px;
}
.social-link{
color: var(--nav-icon-color) !important;
}
.fb-footer-list-container .fb-footer-list__heading {
color: var(--footer-heading) !important;
}
.fb-footer-list__link{
color: var(--footer-color) !important;
}
.fb-footer-wrapper {
padding: 64px 20px 32px;
}
.fb-footer-copy p {
color: var(--footer-color);
}
<>
/*=================THEME COLOR==============*/
/*================LIGHT THEME============*/
.theme-light{
--overall-bg: #F3F4F6;
--primary-bg: #F9FAFB;
/*==============SECTION HEADER=================*/
--section-header-title: #111827;
--section-header-subtitle: #4B5563;
--section-header-link: #4B5563;
--section-header-link-hover: #111827;
--nav-bg: #f9fafb;
--nav-border: #e5e7eb;
--nav-tagline: #6b7280;
/*===========NAV ICON==========*/
--nav-icon-color: #6b7280;
--nav-icon-hover-bg: rgba(2552552550.6);
--nav-icon-hover-color: #4b5563;
/*===========NAV LINES==========*/
--nav-divider: linear-gradient(to bottomtransparentrgba(2092132190.5)transparent);
--nav-top-line: linear-gradient(to righttransparentrgba(2092132190.3)transparent);
/*===========NAV ITEM==========*/
--nav-item: #374151;
--nav-item-hover: #1f2937; /*==#111827===*/
--nav-item-hover-line: linear-gradient(to rightrgba(1561631750.5)rgba(1071141280.7)rgba(1561631750.5));
/*===========SUN MENU=========*/
--submenu-divider: linear-gradient(to righttransparentrgba(2092132190.25)transparent);
--submenu-hover-bg: rgba(2432442460.9);
/*===========DROPDOWN BG==========*/
--dropdown-bg: rgba(2552552550.95);
--dropdown-border: rgba(2292312350.5);
--dropdown-header: #6B7280;
--lang-dropdown-option-hover-bg: #F9FAFB;
--lang-dropdown-option-hover: #111827;
--lang-sub: #6B7280;
/*=================CATEGORY TAB================*/
--tab-color: #6B7280;
--tab-hover-color: #374151;
--tab-hover-bg: rgba(2492502510.6);
/*=================CARD================*/
--card-bg: #ffffff;
--card-border: #f3f4f6;
--card-title: #111827;
--card-title-hover: #374151;
--card-badge-bg: rgba(2552552550.9);
--card-badge-color: #1f2937;
--card-category: #4B5563;
--card-desc: #4b5563;
--card-label: #6B7280;
--card-value: #1F2937;
--card-shadow: 0 4px 6px -1px rgba(0,0,0,0.1)
0 2px 4px -2px rgba(0,0,0,0.1);
--card-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1)
0 4px 6px -4px rgba(0,0,0,0.1);
/*=================PAGINATION================*/
--page-bg: rgba(2552552550.8);
--page-border: rgba(2292312350.6);
--page-btn-color: #4B5563;
--page-btn-hover: #111827;
--page-btn-hover-bg: #F9FAFB;
--page-btn-disable: #D1D5DB;
--page-active: #DC2626;
/*===========RIGHT SECTION LIST================*/
--rg-sec-box-bg: rgba(2552552550.95);
--rg-sec-box-border: rgba(2292312350.6);
--rg-sec-header-border: rgba(2432442460.5);
--sponsor-color: rgba(1071141280.9);
--rg-sec-title-bg: rgba(3141550.95);
--rg-sec-title-color: #FFFFFF;
--rg-sec-body-title: #1f2937;
--rg-sec-body-title-hover: #111827;
--rg-sec-body-subtitle: #4B5563;
--tool-bg: rgba(2492502510.8);
--tool-border: rgba(2432442460.5);
--tool-bg-hover: rgba(2552552550.9);
--tool-bg-border: rgba(2292312350.6);
--stock-up-bg: rgba(2362532450.8);
--stock-up-border: #d1fae5;
--stock-up-color: #047857;
--stock-fall-bg: rgba(2542262260.8);
--stock-fall-border: #fee2e2;
--stock-fall-color: #b91c1c;
/*===========SEARCH BAR================*/
--search-bar-bg: #ffffff;
--search-bar-border: rgba(2292312350.6);
--search-bar-color: #111827;
--search-bar-placeholder: rgba(1071141280.6);
--search-bar-hover: rgba(2092132190.8);
--search-bar-focus: #d1d5db;
/*===========FILTER================*/
--filter-icon: #9CA3AF;
--filter-bg: #FFFFFF;
--filter-border: rgba(2292312350.6);
--filter-button-color: #111827;
--filter-button-hover: rgba(2092132190.8);
--filter-arrow: #FFFFFF;
--filter-header-color: #6B7280;
--filter-divider: rgba(2292312350.6);
--filter-option: #374151;
--filter-option-hover-color: #111827;
--filter-option-hover-bg: rgba(2492502510.8);
--filter-hover-line: linear-gradient(to rightrgba(1561631750.4)rgba(1071141280.6)rgba(1561631750.4));
--filter-option-active: #f5f5f5;
/*===========AD================*/
--ad-color: #6B7280;
--ad-bg: #f5f5f5 ;
--ad-border: #F3F4F6;
--fixed-ad-bg: linear-gradient(to bottom#E5E7EB#D1D5DB);
/*===========Footer========*/
--footer-bg: #f9fafb;
--footer-color: #6b7280;
--footer-border: #e5e7eb;
--footer-logo-text: #6B7280;
--footer-heading: #111827;
--footer-divider: #e5e7eb;
/*================reels==============*/
--reels-btn-bg: rgba(2552552550.8);
--reels-btn-color: #4b5563;
--reels-btn-border: rgba(2292312350.6);
--reels-btn-hover-bg: #ffffff;
--reels-btn-hover-color: #111827;
--reels-btn-hover-border: rgba(2092132190.8);
--reels-btn-disable-bg: rgba(2432442460.5);
--reels-btn-disable-color: #d1d5db;
--reels-btn-disable-border: rgba(2292312350.3);
--deep-links:#f7f7f7;
--reels-dot-bg: #d1d5db;
--reels-dot-hover-bg: #9ca3af;
--reels-dot-active: #e84d67;
--header-close: url(https://images.drivespark.com/images/header-close-dark-1758704295755.svg);
--breadcrumb-p-color: #6b7280;
--article-whatsapp : url(https://images.drivespark.com/images/whatsapp-light-1758698063603.svg);
--notification-on: url(https://images.drivespark.com/images/notification-on-light-1758701831690.svg);
--notification-off: url(https://images.drivespark.com/images/notification-off-light-1758701858645.svg);
}
/*================DARK THEME============*/
.theme-dark{
--overall-bg: #1f2937;
--primary-bg: #111827;
/*==============SECTION HEADER=================*/
--section-header-title: #f3f4f6;
--section-header-subtitle: #d1d5db;
--section-header-link: #d1d5db;
--section-header-link-hover: #f3f4f6;
--nav-bg: #111827;
--nav-border: #374151;
--nav-tagline: #d1d5db;
/*===========NAV ICON==========*/
--nav-icon-color: #9ca3af;
--nav-icon-hover-bg: rgba(3141550.3);
--nav-icon-hover-color: #e5e7eb;
/*===========NAV LINES==========*/
--nav-divider: linear-gradient(to bottomtransparentrgba(107,114,128,0.5)transparent);
--nav-top-line: linear-gradient(to righttransparentrgba(107,114,128,0.25)transparent);
/*===========NAV ITEM==========*/
--nav-item: #e5e7eb;
--nav-item-hover: #f3f4f6;
--nav-item-hover-line: linear-gradient(to rightrgba(209,213,219,0.6)rgba(156,163,175,0.8)rgba(209,213,219,0.6));
/*===========SUN MENU=========*/
--submenu-divider: linear-gradient(to righttransparentrgba(107,114,128,0.2)transparent);
--submenu-hover-bg: rgba(5565810.6);
/*===========DROPDOWN BG==========*/
--dropdown-bg: rgba(3141550.98);
--dropdown-border: rgba(5565810.6);
--dropdown-header: #D1D5DB;
--lang-dropdown-option-hover-bg: rgba(5565810.6);
--lang-dropdown-option-hover: #FFFFFF;
--lang-sub: #9CA3AF;
/*=================CATEGORY TAB================*/
--tab-color: #9ca3af;
--tab-hover-color: #e5e7eb;
--tab-hover-bg: rgba(3141550.2);
--deep-links:linear-gradient(to rightrgba(5565810.5)rgba(7585990.5));
/*=================CARD================*/
--card-bg: rgba(3141550.95);
--card-border: rgba(5565810.6);
--card-title: #f3f4f6;
--card-title-hover: #fafafa;
--card-badge-bg: rgba(31,41,55,0.9);
--card-badge-color: #e5e7eb;
--card-category: #e5e7eb;
--card-desc: #d1d5db;
--card-label: #9ca3af;
--card-value: #e5e7eb;
--card-shadow: 0 4px 6px rgba(0,0,0,0.4);
--card-shadow-hover: 0 8px 16px rgba(0,0,0,0.5);
/*=================PAGINATION================*/
--page-bg: rgba(3141550.6);
--page-border: rgba(5565810.4);
--page-btn-color: #d1d5db;
--page-btn-hover: #f3f4f6;
--page-btn-hover-bg: rgba(5565810.6);
--page-btn-disable: #4b5563;
--page-active: #e63946;
/*===========RIGHT SECTION LIST================*/
--rg-sec-box-bg: rgba(3141550.95);
--rg-sec-box-border: rgba(5565810.6);
--rg-sec-header-border: rgba(55,65,81,0.3);
--sponsor-color: rgba(209,213,219,0.8);
--rg-sec-title-bg: rgba(55,65,81,0.9);
--rg-sec-title-color: #FFFFFF;
--rg-sec-body-title: #e5e7eb;
--rg-sec-body-title-hover: #ffffff;
--rg-sec-body-subtitle: #d1d5db;
--tool-bg: rgba(55,65,81,0.6);
--tool-border: rgba(75,85,99,0.4);
--tool-bg-hover: rgba(55,65,81,0.8);
--tool-bg-border: rgba(75,85,99,0.6);
--stock-up-bg: rgba(2083450.4);
--stock-up-border: rgba(22163740.5);
--stock-up-color: #86efac;
--stock-fall-bg: rgba(12729290.4);
--stock-fall-border: rgba(18528280.5);
--stock-fall-color: #fca5a5;
/*===========SEARCH BAR================*/
--search-bar-bg: #1f2937;
--search-bar-border: rgba(5565810.6);
--search-bar-color: #f3f4f6;
--search-bar-placeholder: rgba(2092132190.6);
--search-bar-hover: rgba(7585990.8);
--search-bar-focus: #4B5563;
/*===========FILTER================*/
--filter-icon: #9CA3AF;
--filter-bg: #1F2937;
--filter-border: rgba(5565810.6);
--filter-button-color: #F3F4F6;
--filter-button-hover: rgba(7585990.8);
--filter-arrow: rgba(3141550.95);
--filter-header-color: #D1D5DB;
--filter-divider: linear-gradient(to righttransparentrgba(1071141280.2)transparent);
--filter-option: #E5E7EB;
--filter-option-hover-color: #F3F4F6;
--filter-option-hover-bg: rgba(5565810.4);
--filter-hover-line: linear-gradient(to rightrgba(209,213,219,0.5)rgba(156,163,175,0.7)rgba(209,213,219,0.5));
--filter-option-active: #3b4450;
/*===========AD================*/
--ad-color: #9ca3af;
--ad-bg: linear-gradient(
to right,
rgba(5565810.5),
rgba(7585990.5)
);
--ad-border: rgba(5565810.5);
--fixed-ad-bg: linear-gradient(to bottom#374151#4B5563);
/*===========Footer========*/
--footer-bg: #111827;
--footer-color: #9ca3af;
--footer-border: #374151;
--footer-logo-text: #d1d5db;
--footer-heading: #ffffff;
--footer-divider: #FFFFFF1A;
/*===============Reels nav btn============*/
--reels-btn-bg: rgba(3141550.6);
--reels-btn-color: #d1d5db;
--reels-btn-border: rgba(5565810.4);
--reels-btn-hover-bg: rgba(5565810.8);
--reels-btn-hover-color: #f9fafb;
--reels-btn-hover-border: rgba(7585990.6);
--reels-btn-disable-bg: rgba(3141550.3);
--reels-btn-disable-color: #4b5563;
--reels-btn-disable-border: rgba(5565810.2);
--reels-dot-bg: #4b5563;
--reels-dot-hover-bg: #6b7280;
--reels-dot-active: #e84d67;
--header-close: url(https://images.drivespark.com/images/header-close-dark-1758704295755.svg);
--breadcrumb-p-color: #6b7280;
--article-whatsapp : url(https://images.drivespark.com/images/whatsapp-dark-1758698204621.svg);
--notification-on: url(https://images.drivespark.com/images/notification-on-light-1758701831690.svg);
--notification-off: url(https://images.drivespark.com/images/notification-off-light-1758701858645.svg);
}
/*====================GENERAL STYLE==================*/
*{
padding: 0;
margin: 0;
/*box-sizing: border-box;*/
}
a{
text-decoration: none;
}
ul,li{
list-: none;
}
body{
font-family: -apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;
background: var(--overall-bg);
}
/* Default: dark theme */
.logo-dark {
display: block;
}
.logo-light {
display: none;
}
/* Light theme active */
html.theme-light .logo-dark {
display: none;
}
html.theme-light .logo-light {
display: block;
}
/*===========================AD STYLE=====================*/
/*==========top AD=======*/
.top-ad-container {
border-radius: 16px;
overflow: hidden;
/*box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),
0 10px 10px -5px rgba(0,0,0,0.04);*/
border: 1px solid var(--ad-border);
background: var(--ad-bg);
width: 970px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 48px;margin-top: 48px;
}
/*=====RIGHT AD=========*/
.right-ad-container{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
overflow: hidden;
border: 1px solid var(--ad-border);
background: var(--ad-bg);
padding: 8px;
}
.ad-text {
text-align: center;
transition: color 0.3s ease;
color: var(--ad-color);
}
.ad-label {
font-size: 14px;
font-weight: 300;
margin-bottom: 4px;
}
.ad-size {
font-size: 12px;
color: var(--ad-color);
}
/*==========LEFT AND RIGHT FIXED AD============*/
.fixed-left-ad {
position: fixed;
top: 0;
left: 0;
width: 100px;
height: 600px;
z-index: 10;
}
.fixed-right-ad {
position: fixed;
top: 0;
right: 0;
width: 100px;
height: 600px;
z-index: 10;
}
.fixed-ad-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background: var(--fixed-ad-bg);
}
.fixed-ad-text {
text-align: center;
transform: rotate(-90deg);
color: var(--ad-color);
}
.fixed-ad-text .title {
font-size: 12px;
font-weight: 500;
margin-bottom: 4px;
}
.fixed-ad-text .size {
font-size: 12px;
}
/*===========================LAYOUT STYLE=====================*/
.wrapper-container{
width: 1120px;
padding: 48px 20px;
margin: 0 auto;
background: var(--primary-bg);
}
.main-section-wrapper{
display: flex;
gap: 40px;
justify-content: space-between;
}
.left-wrapper{
width: 740px;
}
.right-wrapper{
width: 300px;
}
/*=============SECTION HEADER=============*/
.section-header{
margin-bottom: 64px;
}
.section-header__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.section-header__title {
font-size: 48px;
font-weight: 600;
letter-spacing: -0.02em;
color: var(--section-header-title);
transition: color 0.3s ease;
}
.section-header__link {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
color: var(--section-header-link);
text-decoration: none;
transition: color 0.3s ease;
}
.section-header__link:hover {
color: var(--section-header-link-hover);
text-decoration: underline;
}
.section-header__icon {
width: 16px;
height: 16px;
margin-left: 4px;
transition: transform 0.2s ease;
}
.section-header__link:hover .section-header__icon {
transform: translateX(2px);
}
.section-header__subtitle {
font-size: 18px;
font-weight: 300;
max-width: 640px;
color: var(--section-header-subtitle);
transition: color 0.3s ease;
}
/*=============SECTION CONTAINER=============*/
.section-container {
margin: 96px 0px;
}
/*=========CATEGORY TABS============*/
.category-tabs {
margin-bottom: 48px;
}
.tabs-container {
display: flex;
gap: 4px;
overflow-x: auto;
padding-bottom: 8px;
}
.tab {
flex-shrink: 0;
padding: 12px 24px;
border-radius: 9999px;
font-weight: 400;
font-size: 16px;
line-height: 20px;
backdrop-filter: blur(4px);
transition: all 0.5s ease-out;
color: var(--tab-color);
text-decoration: none;
}
.tab.active {
background: #DC2626;
color: #ffffff;
/* box-shadow: 0 10px 15px -3px rgba(12729290.2); */
}
.tab:not(.active):hover {
color: var(--tab-hover-color);
/* background: var(--tab-hover-bg); */
transform: scale(1.02);
}
.tab:active {
transform: scale(0.98);
}
/*======HERO NEWS CARD=====*/
.hero-news-card {
margin-bottom: 64px;
}
.hero-news-card article {
border-radius: 12px;
box-shadow: var(--card-shadow);
transition: all 0.5s ease;
overflow: hidden;
cursor: pointer;
height: 100%;
width: 100%;
background: var(--card-bg);
backdrop-filter: blur(4px);
border: 1px solid var(--card-border);
border: 0;
}
.hero-news-card article:hover {
box-shadow: var(--card-shadow-hover);
transform: translateY(-4px);
}
.hero-news-card .hero-news-card__content {
display: flex;
gap: 24px;
height: 100%;
}
.hero-news-card .hero-news-card__img-wrapper {
position: relative;
overflow: hidden;
flex-shrink: 0;
width: 354px;
height: 234px;
}
.hero-news-card .hero-news-card__img-wrapper img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s ease-out;
display: block;
}
.hero-news-card:hover .hero-news-card__img-wrapper img {
transform: scale(1.02);
}
.hero-news-card .hero-news-card__text-content {
flex: 1;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.hero-news-card .hero-news-card__text-content h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.4;
color: var(--card-title);
transition: color 0.3s ease;
}
.hero-news-card .hero-news-card__text-content:hover h3 {
color: var(--card-title-hover);
}
/*====NEWS CRAD=====*/
.news-grid {
display: grid;
grid-template-columns: repeat(21fr);
gap: 32px;
/* margin-bottom: 64px; */
}
.news-card {
border-radius: 12px;
box-shadow: var(--card-shadow);
transition: all 0.5s ease;
overflow: hidden;
cursor: pointer;
background: var(--card-bg);
backdrop-filter: blur(4px);
border: 1px solid var(--card-border);
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
border: 0;
}
.news-card:hover {
box-shadow: var(--card-shadow-hover);
transform: translateY(-4px);
}
.news-card-img-wrapper {
position: relative;
width: 100%;
}
.news-card-img-container {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.news-card-img-container img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s ease-out;
}
.news-card:hover .news-card-img-container img {
transform: scale(1.02);
}
.news-content {
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.news-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.4;
color: var(--card-title);
transition: color 0.3s ease;
}
.news-card:hover .news-title {
color: var(--card-title-hover);
}
.news-description {
font-size: 14px;
font-weight: 300;
line-height: 1.6;
color: var(--card-desc);
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/*==============REVIEW SECTION==============*/
.reviews-grid {
display: grid;
grid-template-columns: repeat(31fr); /*==1fr for mobile==*/
gap: 32px;
}
.review-card {
border-radius: 12px;
border: 1px solid var(--card-border);
background: var(--card-bg);
box-shadow: var(--card-shadow);
overflow: hidden;
cursor: pointer;
transition: all 0.5s ease;
backdrop-filter: blur(4px);
border: 0;
width: 100%;
height: 100%;
}
.review-card:hover {
box-shadow: var(--card-shadow-hover);
transform: translateY(-4px);
}
.review-image-wrapper {
position: relative;
overflow: hidden;
}
.review-image-container{
width: 100%;
aspect-ratio: 16 / 9;
}
.review-image-container .review-image{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s ease-out;
}
.review-card:hover .review-image {
transform: scale(1.02);
}
.rating-badge {
position: absolute;
top: 12px;
right: 12px;
background: rgba(0000.8);
backdrop-filter: blur(4px);
padding: 8px 12px;
border-radius: 12px;
}
.rating-text {
color: #ffffff;
font-size: 18px;
font-weight: 300;
letter-spacing: -0.01em;
}
.rating-sub {
font-size: 14px;
color: rgba(2552552550.7);
margin-left: 2px;
}
.review-content {
padding: 20px;
}
.review-title {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
color: var(--card-title);
transition: color 0.3s ease;
}
.review-card:hover .review-title {
color: var(--card-title-hover);
}
/*====CAR and bike===*/
/*===========FILTER BAR==========*/
.filter-bar {
display: flex;
gap: 16px;
margin-bottom: 48px;
}
/*===========FILTER BAR - SEARCH BOX==========*/
.search-box{
flex: 1;
border-radius: 12px;
border: 1px solid var(--search-bar-border);
background: var(--search-bar-bg) ;
display: flex;
align-items: center;
gap: 5px;
padding: 7px 16px;
color: var(--search-bar-color);
transition: all 0.3s ease-out;
}
.search-box svg{
color: var(--search-bar-placeholder);
}
.search-box:hover {
border-color: var(--search-bar-hover);
}
.search-box:focus {
border-color: var(--search-bar-focus);
}
.search-box input {
width: 100%;
font-size: 16px;
color: var(--search-bar-color);
background: transparent;
border: none;
outline: none;
}
.search-box input::placeholder{
opacity: 0.6;
color: var(--search-bar-placeholder);
}
/*=====FILTER DROPDOWN========*/
.filter-dropdown {
position: relative;
display: inline-block;
}
.filter-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
color: var(--filter-icon);
}
.filter-button {
padding: 16px 32px 16px 48px;
border-radius: 16px;
font-size: 16px;
font-weight: 300;
border: 1px solid var(--filter-border);
outline: none;
background: var(--filter-bg);
color: var(--filter-button-color);
cursor: pointer;
min-width: 200px;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease-out;
}
.filter-button:hover {
border-color: var(--filter-button-hover) !important ;
}
.filter-arrow {
width: 16px;
height: 16px;
transition: transform 0.3s ease;
transform: rotate(0deg);
}
.filter-dropdown.filter-open .filter-arrow {
transform: rotate(180deg);
}
.filter-box {
position: absolute;
top: 100%;
left: 0;
margin-top: 12px;
width: 200px;
border-radius: 16px;
background: var(--filter-bg);
border: 1px solid var(--filter-border);
/* box-shadow: 0 20px 50px rgba(0000.4); */
box-shadow: 0 25px 50px -12px rgba(0000.25);
z-index: 20;
transition: all 0.5s ease-out;
display: none;
height: 360px;
overflow-x: hidden;
overflow-y: scroll;
-ms-overflow-: none;
scrollbar-width: none;
}
.filter-box::-webkit-scrollbar {
display: none;
}
.filter-box.filter-active{
display: block;
}
.filter-box::before {
content: "";
position: absolute;
top: -17px;
left: 24px;
border: 8px solid transparent;
border-bottom-color: var(--filter-arrow);
}
.filter-header {
padding: 16px 24px;
border-bottom: 1px solid var(--filter-border);
}
.filter-header p {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--filter-header-color);
}
.filter-divider {
height: 1px;
background: var(--filter-divider);
transition: all 0.5s ease-out;
}
.filter-select{
padding: 12px 0;
}
.filter-select .filter-option {
width: 100%;
text-align: left;
display: block;
padding: 16px 24px;
font-size: 14px;
font-weight: 300;
color: var(--filter-option);
background: transparent;
border: none;
cursor: pointer;
position: relative;
transition: all 0.5s ease-out;
}
.filter-option:hover {
color: var(--filter-icon);
background: var(--filter-option-hover-bg);
transform: scale(1.01);
}
.filter-hover-line {
position: absolute;
bottom: 0;
left: 24px;
right: 24px;
height: 1px;
background: var(--filter-hover-line);
width: 0;
transition: width 0.7s ease-out;
}
.filter-option:hover .filter-hover-line {
width: calc(100% - 48px);
}
.filter-option.active {
/* background: #dc262640; */
/* color: #DC2626; */
/* border-left: 2px solid #DC2626; */
background: var(--filter-option-active);
color: var(--filter-option);
border-left: 2px solid var(--filter-option);
}
/*===========FILTER GRID==========*/
.filter-grid {
display: grid;
grid-template-columns: repeat(31fr);
gap: 32px;
}
.filter-card {
background: var(--card-bg);
border: 1px solid var(--card-border);
border-radius: 12px;
overflow: hidden;
transition: transform 0.3s easebox-shadow 0.3s ease;
box-shadow: var(--card-shadow);
border: 0;
width: 100%;
height: 100%;
}
.filter-card:hover {
transform: translateY(-4px);
box-shadow: var(--card-shadow-hover);
}
.filter-image {
position: relative;
width: 100%;
height: 220px;
overflow: hidden;
}
.filter-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.filter-content {
padding: 20px;
}
.filter-title {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
color: var(--card-title);
transition: color 0.3s ease;
margin-bottom: 18px;
}
.filter-title:hover{
color: var(--card-title-hover)
}
.filter-specs {
display: flex;
flex-direction: column;
gap: 15px;
}
.filter-specs li {
display: flex;
align-items: center;
justify-content: space-between;
}
.filter-specs li .specs-label{
font-size: 14px;
color: var(--card-label);
transition: color 0.3s ease;
}
.filter-specs li .specs-value{
font-size: 14px;
font-weight: 600;
color: var(--card-value);
transition: color 0.3s ease;
}
/*=================REELS============*/
.reels-nav-section{
display: flex;
align-items: center;
gap: 16px;
}
.reels-nav {
display: flex;
align-items: center;
gap: 8px;
/* padding: 10px 0px; */
}
.reels-btn {
background-color: var(--reels-btn-bg);
color: var(--reels-btn-color);
border: 1px solid var(--reels-btn-border);
box-shadow: 0 1px 2px rgba(0000.05);
padding: 12px;
border-radius: 12px;
transition: all 0.3s cubic-bezier(0.250.10.251);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.reels-btn:not(:disabled):hover{
background-color: var(--reels-btn-hover-bg);
color: var(--reels-btn-hover-color);
border: 1px solid var(--reels-btn-hover-border);
box-shadow: 0 4px 6px rgba(0000.1);
transform: scale(1.10);
}
.reels-btn:not(:disabled):active{
transform: scale(0.95);
}
.reels-btn-prev.disable{
background-color: var(--reels-btn-disable-bg);
color: var(--reels-btn-disable-color);
border: 1px solid var(--reels-btn-disable-border);
cursor: not-allowed;
pointer-events: none;
}
.reels-btn-next.disable{
background-color: var(--reels-btn-disable-bg);
color: var(--reels-btn-disable-color);
border: 1px solid var(--reels-btn-disable-border);
cursor: not-allowed;
pointer-events: none;
}
.reels-btn .icon {
width: 20px;
height: 20px;
}
.reels-container {
position: relative;
overflow: hidden;
padding-bottom: 10px;
}
.reels-grid {
display: flex;
gap: 32px;
transition: transform 0.5s ease;
will-change: transform;
padding-bottom: 10px;
}
.reels-card {
background: var(--card-bg);
border: 1px solid var(--card-border);
border-radius: 12px;
box-shadow: var(--card-shadow);
overflow: hidden;
cursor: pointer;
transition: all 0.5s ease;
width: 100%;
flex: 0 0 190px;
height: auto;
border: 0;
}
.reels-card:hover {
border-radius: 12px;
transform: translateY(-4px);
box-shadow: var(--card-shadow-hover);
}
.reels-card-img {
position: relative;
width: 100%;
aspect-ratio: 9 / 16;
overflow: hidden;
}
.reels-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s ease-out;
}
.reels-card:hover img {
transform: scale(1.02);
}
.reels-play-btn-wrapper {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
}
.reels-play-btn {
background: rgba(2552552550.95);
color: #111827;
width: 50px;
height: 50px;
border-radius: 50%;
transition: all 0.3s cubic-bezier(0.250.10.251);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.reels-play-btn:hover {
transform: scale(1.25);
box-shadow: 0 8px 16px rgba(0,0,0,0.5);
background: #ffffff;
}
.reels-play-btn svg {
width: 24px;
height: 24px;
fill: #111827;
}
.reels-card-body {
padding: 16px;
}
.reels-card-title {
font-size: 14px;
font-weight: 600;
line-height: 1.3;
color: var(--card-title);
margin: 0;
}
.reels-card:hover .reels-card-title {
color: var(--card-title-hover);
}
.reels-dots-wrapper {
display: flex;
justify-content: center;
margin-top: 32px;
gap: 8px;
}
.reels-dot {
width: 8px;
height: 8px;
border-radius: 9999px;
background-color: var(--reels-dot-bg);
border: none;
cursor: pointer;
transition: all 300ms cubic-bezier(0.250.10.251);
}
.reels-dot:hover {
background-color: var(--reels-dot-hover-bg);
}
.reels-dot.active {
background-color: var(--reels-dot-active);
width: 24px;
}
/*=================Videos============*/
.videos-container {
position: relative;
overflow: hidden;
padding-bottom: 10px;
}
.videos-nav-section{
display: flex;
align-items: center;
gap: 16px;
}
.videos-nav {
display: flex;
align-items: center;
gap: 8px;
/* padding: 10px 0px; */
}
.videos-btn {
background-color: var(--reels-btn-bg);
color: var(--reels-btn-color);
border: 1px solid var(--reels-btn-border);
box-shadow: 0 1px 2px rgba(0000.05);
padding: 12px;
border-radius: 12px;
transition: all 0.3s cubic-bezier(0.250.10.251);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.videos-btn:not(:disabled):hover{
background-color: var(--reels-btn-hover-bg);
color: var(--reels-btn-hover-color);
border: 1px solid var(--reels-btn-hover-border);
box-shadow: 0 4px 6px rgba(0000.1);
transform: scale(1.10);
}
.videos-btn:not(:disabled):active{
transform: scale(0.95);
}
.videos-btn-prev.disable{
background-color: var(--reels-btn-disable-bg);
color: var(--reels-btn-disable-color);
border: 1px solid var(--reels-btn-disable-border);
cursor: not-allowed;
pointer-events: none;
}
.videos-btn-next.disable{
background-color: var(--reels-btn-disable-bg);
color: var(--reels-btn-disable-color);
border: 1px solid var(--reels-btn-disable-border);
cursor: not-allowed;
pointer-events: none;
}
.videos-grid{display: flex;
gap: 32px;
transition: transform 0.5s ease;
will-change: transform;
padding-bottom: 10px;
}
.videos-card {
overflow: hidden;
cursor: pointer;
transition: all 0.5s ease;
width: 100%;
flex: 0 0 340px;
height: auto;
border: 0;
}
.videos-dots-wrapper {
display: flex;
justify-content: center;
margin-top: 32px;
gap: 8px;
}
.videos-dot {
width: 8px;
height: 8px;
border-radius: 9999px;
background-color: var(--reels-dot-bg);
border: none;
cursor: pointer;
transition: all 300ms cubic-bezier(0.250.10.251);
}
.videos-dot:hover {
background-color: var(--reels-dot-hover-bg);
}
.videos-dot.active {
background-color: var(--reels-dot-active);
width: 24px;
}
.review-image-container iframe {width: 100%;}
/*
=======RIGHT SIDE SECTION========
*/
.sticky-container {
position: sticky;
top: 0;
display: flex;
flex-direction: column;
gap: 32px;
}
/*===========right container box=========*/
.auto-stocks,
.buyer-tools.right-article-block {
border-radius: 16px;
overflow: hidden;
border: 1px solid var(--rg-sec-box-border);
background: var(--rg-sec-box-bg);
backdrop-filter: blur(8px);
/* box-shadow: 0px 6px 20px rgba(0,0,0,0.5); */
box-shadow: var(--card-shadow);
}
/*===========right header=========*/
.right-section-header {
padding: 12px 24px;
border-bottom: 1px solid var(--rg-sec-header-border);
}
/*===========right title=========*/
.right-section-title {
padding: 24px;
background: var(--rg-sec-title-bg);
font-size: 18px;
color: var(--rg-sec-title-color);
font-weight: 300;
letter-spacing: 0.5px;
}
/*===========right body=========*/
.right-section-body {
padding: 24px;
}
.sponsor {
display: flex;
align-items: center;
gap: 8px;
}
.sponsor-text {
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
color: var(--sponsor-color);
text-transform: uppercase;
}
.sponsor-logo {
height: 14px;
width: auto;
}
.hdfc-logo {
height: 16px;
}
/* Auto Stocks */
.stock-item a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
}
.stock-info {
flex: 1;
}
.stock-name {
font-size: 14px;
font-weight: 500;
color: var(--rg-sec-body-title);
transition: color 0.3s ease;
}
.stock-item:hover .stock-name {
color: var(--rg-sec-body-title-hover);
}
.stock-price {
font-size: 13px;
font-weight: 300;
color: var(--rg-sec-body-subtitle);
margin-top: 7px;
}
.stock-badge {
font-size: 13px;
font-weight: 500;
padding: 4px 12px;
border-radius: 9999px;
border: 1px solid;
}
.stock-badge.green {
color: var(--stock-up-color);
background: var(--stock-up-bg);
border-color: var(--stock-up-border);
}
.stock-badge.red {
color: var(--stock-fall-color);
background: var(--stock-fall-bg);
border-color: var(--stock-fall-border);
}
/* Buyer Tools */
.tool-btn {
width: 100%;
padding: 16px;
border-radius: 12px;
background: var(--tool-bg);
border: 1px solid var(--tool-border);
margin-bottom: 16px;
cursor: pointer;
/* transition: all 0.3s ease; */
transition: all 0.3s cubic-bezier(0.250.10.251);
}
.tool-btn:hover {
transform: scale(1.01);
background: var(--tool-bg-hover);
border-color: var(--tool-bg-border);
/* box-shadow: 0px 4px 10px rgba(0,0,0,0.4); */
box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1)
0 4px 6px -4px rgba(0,0,0,0.1);
}
.tool-text {
text-align: center;
font-size: 14px;
font-weight: 500;
color: var(--rg-sec-body-title);
}
.tool-subtext {
text-align: center;
font-size: 12px;
margin-top: 4px;
color: var(--rg-sec-body-subtitle);
}
span.notification-num {
display: none !important;
}
.clearfix {display: block;}
#autocomplete {
color: red;
text-shadow: 0 0 0 var(--search-bar-color);
-webkit-text-fill-color: var(--search-bar-color);
font-weight: bold;
border-radius: 5px;
}
#autocomplete#autosuggestsearch {
position: relative;
z-index: 99999;
}
.home-topleft-search-block input[type="text"] {
padding: 0 10px;
display: block;
float: left;
width: 690px;
outline: none;
border: none;
height: 38px;
color: var(--search-bar-color);
}
.ui-helper-hidden-accessible {
display: none;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff 50% 50% repeat-x;
color: var(--search-bar-color);
min-height: 50px;
max-height: 300px;
overflow: auto;
z-index: 1000000;
}
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-menu {
list-: none;
padding: 2px;
margin: 0;
display: block;
}
.ui-autocomplete {
position: absolute;
cursor: default;
background: var(--search-bar-bg);
}
.home-topleft-search-block a {
font-size: 16px;
background: var(--search-bar-bg);
outline: none;
border: none;
color: var(--search-bar-color);
font-weight: bold;
padding: 0 20px;
height: 38px;
line-height: 38px;
position: relative;
overflow: hidden;
text-decoration: none;
display: block;
}
li.main-title{background:none}
#autocomplete{color: var(--search-bar-color);text-shadow:0 0 0 var(--search-bar-color);-webkit-text-fill-color:var(--search-bar-color);font-weight: bold}
.easy-autocomplete {
position: relative;
}
.easy-autocomplete input {
border-color: #ccc;
border-radius: 4px;
border-: solid;
border-width: 1px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
color: #555;
float: none;
padding: 6px 12px;
}
.easy-autocomplete-container {
left: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.easy-autocomplete-container ul {
background: none repeat scroll 0 0 #ffffff;
border-top: 1px dotted #ccc;
display: none;
margin-top: 39px;
padding-bottom: 0;
padding-left: 0;
position: relative;
top: -1px;
}
.easy-autocomplete-container ul li.easy-autocomplete-container ul .eac-category {
background: inherit;
border-color: #ccc;
border-image: none;
border-: solid;
border-width: 0 1px;
display: block;
font-size: 14px;
font-weight: normal;
padding: 0px 5px;
}
.easy-autocomplete-container ul li div {
display: block;
font-weight: normal;
word-break: break-all;
}
.eac-item {
border-bottom: 1px solid #ccc;
}
.easy-autocomplete a {
display: block;
line-height: 34px;
padding: 0 5px;
}
.eac-item>a {
background: none;
color: #000;
height: 100%;
font-size: 15px;
font-weight: normal;
font-family: 'Roboto Condensed',sans-serif;
}
.imgautosugeest {
display: table-cell;
vertical-align: middle;
height: 40px;
width: 65px;
}
.eac-item img {
width: 60px;
vertical-align: middle;
}
.textautosuggest {
display: table-cell;
vertical-align: middle;
}
.easy-autocomplete-container ul li.selected {
cursor: pointer;
}
<>
/*===============HEDAER SECTION=================*/
.dsmax-width {max-width: 1080px;padding: 0 20px;margin: 0 auto;}
.nav-max-width{
background: var(--nav-bg);
border-bottom: 1px solid var(--nav-border);}
/*=========HEADER=========*/
header {
position: sticky;
top: 0;
z-index: 50;
}
.header-container{
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: center;position: relative;
}
/* .logo-wrapper {
display: flex;
align-items: center;
flex-shrink: 0;
} */
.logo-wrapper img {
height: 28px;
width: auto;
}
.logo-wrapper img {
height: 25px;
width: 110px;
}
.logo-wrapper .tagline {
/* margin-left: 8px; */
font-size: 12px;
font-weight: 300;
letter-spacing: 0.05em;
color: var(--nav-tagline);
margin-top: 2px;
}
/* Action buttons */
.actions {
display: flex;
align-items: center;
}
.social-links {
display: flex;
align-items: center;
gap: 6px;
margin-right: 12px;
}
.social-link {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px;
border-radius: 8px;
color: var(--nav-icon-color);
text-decoration: none;
transition: all 0.2s ease;
}
.social-link:hover {
background: var(--nav-icon-hover-bg);
color: var(--nav-icon-hover-color);
transform: scale(1.05);
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.social-link:active {
transform: scale(0.95);
}
.social-icon {
width: 16px;
height: 16px;
transition: color 0.2s ease;
}
.yt-social-icon{
width: 20px;
height: 20px;
}
.divider {
width: 1px;
height: 24px;
margin: 0 12px;
background: var(--nav-divider);
/* background: linear-gradient(to bottom,
transparent,
rgba(2092132190.5)) */
}
.action-buttons {
display: flex;
align-items: center;
gap: 6px;
}
.action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px;
border-radius: 8px;
background: transparent;
border: none;
cursor: pointer;
color: var(--nav-icon-color);
transition: all 0.3s cubic-bezier(0.250.10.251);
}
.action-btn:hover {
background: var(--nav-icon-hover-bg);
color: var(--nav-icon-hover-color);
transform: scale(1.05);
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.action-btn:active {
transform: scale(0.95);
}
.action-icon {
width: 16px;
height: 16px;
transition: color 0.3s cubic-bezier(0.250.10.251);
}
/*===========NAV SEARCH BAR=========*/
.nav-search-bar{
margin: 0px;
background: var(--search-bar-bg);
padding: 16px 20px;
border-radius: 16px;
display: flex;
align-items: center;
gap: 10px;
backdrop-filter: blur(4px);
box-shadow: 0 1px 2px rgba(1724390.3);
color: var(--search-bar-color);
}
.nav-search-barwrap{position: absolute;transition: all .25s ease;z-index: 10000;right: 0px;width: 300px;background: var(--nav-bg);top: 0;padding: 10px 120px 10px 10px;display: none;}
.nav-search-barwrap.active {display: block;right: 0px;}
.nav-header-closeicon {position: absolute;
right: 75px;
top: 30px;
background: var(--header-close) no-repeat 0 0;
width: 14px;
height: 14px;
cursor: pointer;
margin: 2px 5px;}
.nav-search-bar svg{
color: var(--search-bar-placeholder);
}
.nav-search-bar.active{
display: flex;
}
.nav-search-bar:hover {
box-shadow: 0 4px 6px rgba(1724390.3);
}
.nav-search-bar:focus {
box-shadow: 0 10px 15px rgba(1724390.3);
}
.nav-search-input {
width: 100%;
font-size: 16px;
font-weight: 300;
border: 0;
outline: none;
background: transparent;
color: var(--search-bar-color);
transition: all 0.3s ease-out;
}
.nav-search-input::placeholder {
font-weight: 300;
color: var(--search-bar-placeholder);
}
/*===========LANG container==========*/
.lang-container{
position: relative;
}
/*===========LANG DROPDOWN==========*/
.language-dropdown {
position: absolute;
right: 0;
top: 100%;
margin-top: 8px;
z-index: 20;
display: none;
}
.language-dropdown.active{
display: block;
}
.lang-dropdown-menu {
width: 192px;
border-radius: 16px;
background: var(--dropdown-bg);
border: 1px solid var(--dropdown-border);
backdrop-filter: blur(16px);
transition: all 0.3s;
box-shadow: 0 16px 48px rgba(0,0,0,0.3);
overflow: hidden;
}
.lang-dropdown-header {
padding: 12px 16px;
border-bottom: 1px solid var(--dropdown-border);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--dropdown-header);
margin-bottom: 10px;
}
.language-option{
padding: 12px 16px;
text-align: left;
cursor: pointer;
transition: all 0.2s;
display: block;
color: var(--nav-item) !important;
}
.language-option:hover {
transform: scale(1.02);
background: var(--lang-dropdown-option-hover-bg);
color: var(--lang-dropdown-option-hover);
}
.lang-block{
display: flex;
justify-content: space-between;
align-items: center;
}
.language-dot{
width: 8px;
height: 8px;
background: var(--filter-option);
border-radius: 50%;
display: none;
}
.language-name{
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
.language-option.active{
/* background: #dc262640;
color: #DC2626;
border-left: 2px solid #DC2626; */
background: var(--filter-option-active);
color: var(--filter-option);
border-left: 2px solid var(--filter-option);
}
.language-dot.active{
display: block;
}
.nav-container {
display: block;
position: relative;
width: 100%;
}
.nav-top-line {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: var(--nav-top-line);
/* background: linear-gradient(
to right,
transparent,
rgba(2092132190.3)
transparent
); */
transition: all 0.5s ease;
}
/*=====nav items======*/
.nav-items{
padding: 16px 5px;
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-items a{
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--nav-item);
text-decoration: none;
padding: 8px 0;
transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1);
border: none;
background: transparent;
cursor: pointer;
}
.nav-items a:hover {
color: var(--nav-item-hover);
}
.nav-items a span {
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 0;
background: var(--nav-item-hover-line);
/* background: linear-gradient(
to right,
rgba(156,163,175,0.5)
rgba(107,114,128,0.7)
rgba(156,163,175,0.5)
); */
transition: width 0.4s cubic-bezier(0.25,0.1,0.25,1);
}
.nav-items a:hover span {
width: 100%;
}
/*=======more===========*/
.nav-more-container{
position: relative;
}
.nav-more{
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--nav-item);
text-decoration: none;
padding: 8px 0;
transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1);
border: none;
background: transparent;
cursor: pointer;
}
.nav-more:hover {
color: var(--nav-item-hover);
}
.nav-more span {
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 0;
background: var(--nav-item-hover-line);
/* background: linear-gradient(
to right,
rgba(156,163,175,0.5)
rgba(107,114,128,0.7)
rgba(156,163,175,0.5)
); */
transition: width 0.4s cubic-bezier(0.25,0.1,0.25,1);
}
.nav-more:hover span {
width: 100%;
}
.nav-more svg {
margin-left: 4px;
transition: transform 0.3s ease;
}
.nav-more svg.rotate {
transform: rotate(180deg);
}
.nav-more span.hide-border {
display: none;
}
/* Dropdown */
.submenu {
position: absolute;
top: 100%;
right: 0;
display: none;
margin-top: 10px;
}
.submenu.show {
display: block;
}
.submenu-box {
position: relative;
width: 224px;
background: var(--dropdown-bg);
border: 1px solid var(--dropdown-border);
border-radius: 16px;
box-shadow: 0 8px 30px rgba(0,0,0,0.4);
backdrop-filter: blur(12px);
transform-origin: top;
transition: all 0.4s cubic-bezier(0.250.10.251);
overflow: visible;
}
.submenu-box::before {
content: "";
position: absolute;
top: -17px;
right: 24px;
border: 8px solid transparent;
border-bottom-color: var(--dropdown-bg);
}
.submenu-header {
padding: 16px 24px;
border-bottom: 1px solid var(--dropdown-border);
}
.submenu-header p {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--dropdown-header);
}
.submenu-divider {
height: 1px;
background: var(--submenu-divider);
}
.submenu-links {
padding: 12px 0;
}
.submenu-links a {
display: block;
padding: 16px 24px;
font-size: 14px;
font-weight: 300;
color: var(--nav-item);
text-decoration: none;
position: relative;
transition: all 0.3s cubic-bezier(0.250.10.251);
}
.submenu-links a:hover {
color: var(--nav-item-hover);
background: var(--submenu-hover-bg);
transform: scale(1);
}
.submenu-links a span {
position: absolute;
bottom: 0;
left: 24px;
right: 24px;
height: 1px;
width: 0;
background: var(--nav-item-hover-line);
transition: width 0.4s cubic-bezier(0.250.10.251);
}
.submenu-links a:hover span {
width: calc(100% - 48px);
}
/*============FOOTER============*/
.fb-footer-wrapper{
color: var(--footer-color);
padding-top: 64px;
padding-bottom: 32px;
border-top: 1px solid var(--footer-border);
margin-top: 48px;
background: var(--footer-bg);
}
.fb-footer-grid{
display: grid;
grid-template-columns: repeat(41fr);
gap: 3rem;
}
.fb-footer-logo-section{
margin-bottom: 24px;
}
.fb-site-footer-logo{
width: 175px;
height: 20px;
margin-bottom: 24px;
}
.fb-site-footer-logo img{
max-width: 100%;
height: 100%;
}
.fb-footer-logo-section p{
text-align: left;
line-height: 1.625;
color: var(--footer-logo-text);
font-weight: 500;
font-size: 14px;
}
.fb-footer-list-container .fb-footer-list__heading{
color: var(--footer-heading);
font-size: 16px;
font-weight: 600;
margin-bottom: 24px;
}
.fb-footer-list .fb-footer-list__item{
margin-bottom: 18px;
}
.fb-footer-list .fb-footer-list__item:last-child{
margin-bottom: 0px;
}
.fb-footer-list__link{
display: inline-block;
font-weight: 500;
font-size: 14px;
color: var(--footer-color);
text-decoration: none;
transition: all 0.3s ease;
}
.fb-footer-list__link:hover {
color: #DC2626;
transform: translateX(0.25rem);
}
.fb-footer-list__link:focus {
/* outline: 2px solid #DC2626; */
outline-offset: 2px;
}
.footer-divider{
border: none;
border-top: 1px solid var(--footer-divider);
margin: 48px 0;
}
.fb-footer-copy {
text-align: center;
color: var(--footer-color);
font-weight: 500;
font-size: 14px;
line-height: 1.25rem;
}
.notification {align-items: center;padding: 8px;width: 32px;height: 32px;box-sizing: border-box;
justify-content: center;
border: none;
cursor: pointer;
color: var(--nav-icon-color);
transition: all 0.3s cubic-bezier(0.250.10.251);
border-radius: 8px;}
.notification:hover {
background: var(--nav-icon-hover-bg);
color: var(--nav-icon-hover-color);
transform: scale(1.05);
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.notification:active {
transform: scale(0.95);
}
.notification-bell { width: 16px;height: 16px;background: var(--notification-on) no-repeat 0 0;transition: color 0.3s cubic-bezier(0.250.10.251);}
.notification-bell-inactive {width: 16px;height: 16px;background: var(--notification-off) no-repeat 0 0;transition: color 0.3s cubic-bezier(0.250.10.251);}
.fixed-left-ad.fixed-right-ad {
display: none;
}
@media only screen and (min-width: 1300px) {
.fixed-left-ad.fixed-right-ad {
display: block;
}
}
#are-slot-1#are-slot-2#are-slot-3#are-slot-4#are-slot-5#are-slot-mr1#are-slot-mr2#are-slot-rightrail {
background: var(--ad-bg) !important;
border-radius: 16px;
}
<>
.ds-dbase-news-block { padding-bottom: 30px; }
.ds-dbase-news-heading {font-size: 20px;font-weight: 600;color: #000;padding: 0 0 10px 0;}
.ds-dbase-news-content { margin-bottom: 15px;margin-top: 15px;border-bottom: dotted 1px #999;padding-bottom: 25px;}
.ds-dbase-news-content:after {content: '';display: table;clear: both;}
.ds-dbase-news-thumbimg {float: left;width: 250px;text-align: center;background: #f3f3f3;}
.ds-dbase-news-details {margin-left: 270px;}
.ds-dbase-news-title {font-size: 16px;color: #000;padding: 0 0 5px 0;}
.ds-dbase-news-title a {color: #000;}
.ds-dbase-news-postedby {padding: 5px 0 10px 0;}
.ds-dbase-news-datetime {display: inline-block;margin-right: 20px;font-size: 12px;color: #666;}
.ds-dbase-news-datetime i {color: #666;font-size: 12px;vertical-align: middle;}
.ds-dbase-news-author {display: inline-block;font-size: 12px;color: #666;}
.ds-dbase-news-author a {color: #666;}
.ds-dbase-news-author i {color: #666;font-size: 12px;vertical-align: middle;}
.ds-dbase-news-desc {font-size: 14px;color: #000;padding: 0 0 5px 0;}
.ds-dbase-more-news {font-size: 14px;color: #eb2529; text-align: right; padding: 0 5px 0 0;}
.ds-dbase-more-news a {color: #eb2529;}
.ds-dbase-all-news {color: #eb2529;font-size: 14px;text-align: right; padding: 0 5px 0 0;}
.ds-dbase-all-news a {color: #eb2529;border: 1px solid #eb2529;border-radius: 2px;padding: 5px 10px;display: inline-block;}
.ds-dbase-all-news a i {border: solid #eb2529;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
< type="text/css">
#stickygooglead{margin:0px 0 0 1010px;position: fixed;top: 0px;}
< type="text/css">
.manage-notification.manage-notification-block {
padding: 20px;
background: #fff;
font-size: 15px;
text-align: center;
color: #000;
border-radius: 5px;
position: absolute;
top: 40px;
margin: auto;
display: none;
width: 400px;
box-shadow: 0 2px 1px 2px #ccc;
right: 0;
z-index: 9999;
}
.manage-notification-close.manage-notification-close-block {
position: absolute;
top: 0;
right: 5px;
font-size: 20px;
}
.manage-notification{
z-index: 1;
}
#notify-subscribe {
font-weight: bold;
color: #0066cc;
text-decoration: underline;
cursor: pointer;
}
.oi-notification-wrapper {
background: #fff;
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 #0a25291a;
}
.oi-notification-wrapper.shownotf {
top: 105px;
}
.notf-off {
background: url(https://imagesvs.oneindia.com/images/notification-lm-off-1721304500707.svg) 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: auto;
align-items: center;
border-bottom: 1px solid #0a25291a;
}
.oi-notification-backarrow {
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
position: relative;
}
.oi-notf-arrow-icon {
border: solid #0a0e12;
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: #0a0e12;
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: url(https://imagesvs.oneindia.com/images/settings-lm-icon-1721304500752.svg) 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 #ededed;
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: #28313a;
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: url(https://imagesvs.oneindia.com/images/share-lm-icon-1721304500752.svg) no-repeat center center;
width: 25px;
height: 25px;
position: absolute;
right: 5px;
top: 26px;
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: #0a0e12;
}
.oi-no-notf-icon {
margin-bottom: 20px;
width: 120px;
height: 120px;
display: inline-block;
vertical-align: middle;
background: url(https://imagesvs.oneindia.com/images/no-notf-lm-icon-1721304113894.svg) 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: #0a0e12;
margin-bottom: 6px;
}
.oi-notf-subtitle {
font-size: 13px;
line-height: 18px;
font-weight: normal;
color: #0a0e12;
}
.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: #0a0e12;
}
.oi-notf-tick {
width: 24px;
height: 24px;
background: url(https://imagesvs.oneindia.com/images/tick-lm-inactive-1721304705640.svg) no-repeat 0 0;
display: inline-block;
vertical-align: middle;
}
.oi-notification-settings-content ul li.active .oi-notf-tick {
background: url(https://imagesvs.oneindia.com/images/tick-lm-active-1721304705645.svg) 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 #eceaeb;
display: inline-block;
cursor: pointer;
}
.oi-sendalerts-label {
font-size: 12px;
color: #0a0e12;
line-height: 17px;
font-weight: 400;
display: inline-block;
}
.oi-sendalerts-boxlabel {
font-size: 12px;
color: #0a0e12;
line-height: 17px;
font-weight: 400;
display: block;
position: relative;
}
.oi-sendalerts-boxlabel:after {
content: "";
position: absolute;
right: -20px;
top: 1px;
border: solid #0a0e12;
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;
}
.switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #0a0e12;
-webkit-transition: 0.4s;
transition: 0.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: #fff;
}
.switch input:checked + .slider {
background-color: #ccd6d6;
}
.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: #fff;
}
.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: url(https://imagesvs.oneindia.com/images/prev-lm-arrow-1721910493275.svg) 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;
}
.notf-overlay {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(2552552550);
z-index: 100000000;
}
.notf-overlay.shownotf {
display: block;
}
#oiNotification {
background: #fff;
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;
}
#oiNotification.shownotf {
top: 10px;
}
.oi-notf-sticky {
padding: 15px;
position: relative;
}
.oi-notf-sticky-label {
font-size: 18px;
font-weight: 700;
line-height: 21.09px;
text-align: center;
color: #013332;
padding-bottom: 12px;
}
.oi-notf-sticky-sublabel {
font-size: 14px;
font-weight: 400;
line-height: 16.41px;
text-align: center;
color: #013332;
padding-bottom: 15px;
}
.oi-notf-sticky-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: #013332;
cursor: pointer;
border: 1px solid #ededed;
}
.oi-notf-allowbtn {
background: #19c0c5;
border-radius: 5px;
display: inline-block;
width: 136px;
height: 33px;
font-size: 16px;
font-weight: 400;
line-height: 18.75px;
text-align: center;
color: #28313a;
cursor: pointer;
border: 0;
}
.notification,
.user {
float: left;
}
.oi-notification-content ul li {
overflow: hidden;
}
.oi-notf-social-share {
position: absolute;
right: -300px;
top: 10px;
background: #f2f5f5;
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: url(https://imagesvs.oneindia.com/images/notf-facebook-lm-icon-1722493461287.svg) no-repeat 0 0;
margin: 0 5px;
}
.instagram-share-icon {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
background: url(https://imagesvs.oneindia.com/images/notf-instagram-lm-icon-1722493461286.svg) no-repeat 0 0;
margin: 0 5px;
}
.x-share-icon {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
background: url(https://imagesvs.oneindia.com/images/notf-x-lm-icon-1722493461288.svg) no-repeat 0 0;
margin: 0 5px;
}
.whatsapp-share-icon {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
background: url(https://imagesvs.oneindia.com/images/notf-whatsapp-lm-icon-1722493461285.svg) no-repeat 0 0;
margin: 0 5px;
}
.youtube-share-icon {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: url(https://imagesvs.oneindia.com/images/notf-youtube-lm-icon-1722493461287.svg) 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: #28313a;
}
.close-share-icon:before {
transform: rotate(45deg);
}
.close-share-icon:after {
transform: rotate(-45deg);
}
.overlay {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0000.8);
z-index: 100000;
}
.addr-bar {
position: fixed;
left: 0;
top: 0;
z-index: 1000000;
}
.manage-notification-block-top .arrow {
position: fixed;
left: 120px;
top: 40px;
z-index: 1000000;
}
.click-unblock {
position: fixed;
left: 250px;
padding: 20px 10px;
background: #0c8043;
border: 1px solid #fff;
font-size: 14px;
color: #fff;
font-family: ArialHelveticasans-serif;
z-index: 1000000;
top: 200px;
border-radius: 5px;
width: 320px;
text-align: center;
}
.click-unblock img {
vertical-align: middle;
}
.click-close {
position: fixed;
right: 100px;
padding: 15px 30px;
background: #4c4c4c;
border: 1px solid #fff;
font-size: 14px;
color: #fff;
font-family: ArialHelveticasans-serif;
z-index: 1000000;
top: 120px;
border-radius: 5px;
cursor: pointer;
}
.notf-sampletext {
font-size: 16px;
color: #fff;
font-family: ArialHelveticasans-serif;
position: fixed;
top: 110px;
left: 250px;
width: 320px;
z-index: 1000000;
line-height: 20px;
}
.site {
margin: o auto;
text-align: center;
}
.subscribe-box {
text-align: center;
position: fixed;
left: 250px;
top: 260px;
width: 445px;
height: 344px;
margin: auto;
z-index: 1000000;
}
.manage-notification-block-top img {
margin: 0;
}
.manage-notification-block-firefox-content {
width: 600px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 20px;
background: #fff;
z-index: 1000000000;
height: 320px;
font-family: Arial;
}
.manage-notification-block-top-firefox ul {
margin-left: 20px;
}
.manage-notification-block-top-firefox ul li {
padding: 3px 0;
font-size: 16px;
color: #000;
list--type: decimal;
}
.manage-notification-heading {
font-weight: bold;
}
.click-close-firefox {
position: fixed;
right: 100px;
padding: 15px 30px;
background: #4c4c4c;
border: 1px solid #fff;
font-size: 14px;
color: #fff;
font-family: ArialHelveticasans-serif;
z-index: 1000000000;
top: 120px;
border-radius: 5px;
cursor: pointer;
}
.article-slider-thumb {
text-align: center;
position: relative;
width: 100%;
display: inline-block;
max-width: 100px;
}
.article-slider-thumb img {
display: inline;
width: 100%;
position: relative;
z-index: 2;
border-radius: 5px;
}
.article-slider-details {
padding: 0;
margin-left: 10px;
display: inline-block;
max-width: 280px;
}
.article-slider-title {
font-size: 13px;
color: #000;
line-height: 18px;
margin-bottom: 6px;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
max-height: 18px;
height: auto;
padding: 1px;
}
.article-slider-desc {
font-size: 12px;
color: #666;
line-height: 16px;
margin-bottom: 6px;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
max-height: 16px;
height: auto;
padding: 1px;
font-weight: normal;
}
.article-slider-datetime {
font-size: 12px;
color: #666;
}
span.notification-num {
bottom: 12px !important;
right: 8px !important;
position: absolute;
font-size: 14px;
}
Click it and Unblock the Notifications
<>
.oi-user-block {float: left;margin: 0px 15px 0 0;}
.oi-user {cursor: pointer;width: 18px;height: 18px;background: url(https://images.filmibeat.com/images/user-1725859108420.svg) no-repeat 0 0;display: block;position: relative;background-size: contain;}
.oi-user.loggedin .logged {background: url(https://images.filmibeat.com/images/user-tick-1725859108421.svg) no-repeat 0 0;position: absolute;left: -3px;bottom: -5px;width: 16px;height: 16px;}
/*
* Sign up/Login/Registration Styles
*/
.oi-login-logo {margin: 0;position: absolute;left: 20px;top: 30px;}
.oi-registration-popup-overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.9);z-index: 10000;display: none;}
.oi-registration-popup {position: fixed;z-index: 100000;background: #fff;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);width: 25%;height: 100%;z-index: 100000;margin: auto;top: 0;right: -500px;bottom: 0;}
.oi-registration-popup-overlay.login {display: block;}
.oi-registration-popup.login {display: block;right: 0;}
.oi-signin-wrapper.oi-login-wrapper.oi-signup-wrapper.oi-forgotpass-wrapper {position: relative;margin: 0 20px 20px 20px;display: none;}
.oi-registration-popup.signup.oi-registration-popup.login.oi-registration-popup.signin.oi-registration-popup.forgotpass {bottom: 0;}
.oi-registration-popup.signin .oi-signin-wrapper {display: block;}
.oi-registration-popup.login .oi-login-wrapper {display: block;}
.oi-registration-popup.signup .oi-signup-wrapper {display: block;}
.oi-registration-popup.forgotpass .oi-forgotpass-wrapper {display: block;}
.oi-signin-heading {font-size: 18px;color: #131313;font-weight: 600;margin: 24px 20px 24px 20px;line-height: 24px; /* 133.333% */text-transform: capitalize;}
.oi-signin-subheading {font-size: 15px;color: var(--btn-border-bolor);font-weight: 400;margin: 0 0 24px 0;line-height: 21px;text-align: center;}
.oi-signin-with {}
.oi-signin-with ul li {
margin: 24px 0 0 0;
list--type: none;
}
.oi-signin-with ul li a {padding: 10px;border-radius: 100px;background: #fff;color: #000;display: block;font-weight: normal;font-size: 16px;text-align: center;border: 1px solid #6a6a6a;line-height: 18px;}
.oi-google-login {margin: auto;position: fixed;left: 20px;top: 0;bottom: 0;right: 20px;height: 120px;}
.google-icon {display: inline-block;vertical-align: middle;width: 18px;height: 18px;margin-right: 5px;}
.oi-signup-close.oi-login-close.oi-signin-close.oi-forgotpass-close {position: absolute;right: 16px;top: 30px; background: #000;width: 34px;height: 32px;border-radius: 12px;cursor: pointer;z-index: 1000;}
.oi-signin-close:before.oi-signin-close:after.oi-login-close:before.oi-login-close:after.oi-myprofile-close:before.oi-myprofile-close:after {position: absolute;left: 17px;content: ' ';height: 14px;width: 1px;background-color: #fff;top: 9px;}
.oi-signin-close:before.oi-login-close:before.oi-myprofile-close:before {transform: rotate(45deg);}
.oi-signin-close:after.oi-login-close:after.oi-myprofile-close:after {transform: rotate(-45deg);}
/*
* My Profiles Styles
*/
.oi-login-logo {margin: 0;position: absolute;left: 20px;top: 30px;}
.oi-registration-popup-overlay.showprofile {display: block;}
.oi-myprofile-wrapper {position: fixed;top: 0;bottom: 0;right: -3000px;z-index: 100000;background: #fff;overflow-y: auto;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;width: 25%;height: calc(100% - 0px);}
.oi-myprofile-wrapper.showprofile {right: 0;bottom: 0;}
.oi-myprofile-container {margin: 0 20px;}
.oi-myprofile-content {padding: 24px 0;position: relative;margin: 0;}
.oi-myprofile-title {font-size: 18px;color: #131313;line-height: normal;margin-bottom: 6px;font-weight: bold;}
.oi-myprofile-subtitle {font-size: 16px;color: #131313;line-height: normal;margin-bottom: 6px;position: relative;}
.oi-myprofile-subtitle .show-pass {top: 0px;}
.oi-myprofile-content {position: absolute;left: 16px;right: 16px;top: 100px;}
.oi-myprofile-topblock {text-align: center;margin-bottom: 60px;}
.oi-myprofile-iconwrap {}
.oi-myprofile-icon {width: 80px;height: 80px;border-radius: 50%;background: #000;display: inline-block;margin: 0 auto;position: relative;text-align: center;}
.oi-myprofile-icon .default {width: 32px;height: 40px;background: url(https://images.filmibeat.com/images/profile-icon-1725862112266.svg) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.oi-myprofile-name {font-size: 20px;color: #0A0E12;font-weight: bold;line-height: 23px;}
.oi-myprofile-email {font-size: 16px;color: #141A20;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: #0A0E12;font-weight: normal;line-height: 22px;margin-bottom: 6px;display: inline-block;width: 100px;margin-right: 10px;}
.oi-myprofile-selectbox {display: inline-block;width: 100%;box-sizing: border-box;text-align: center;}
.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: #0A0E12;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: #fff;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--type: none;padding: 10px;cursor: pointer;font-size: 14px;color: var(--signin-heading-color);text-align: left;}
.oi-signout-btn {position: absolute;left: 16px;right: 16px;bottom: 30px;}
.oi-signout-btn a {display: block;padding: 16px 24px;border-radius: 40px;font-size: 16px;color: #0A0E12;line-height: 18px;background: #F2F5F5;text-align: center;}
.oi-signout-icon {width: 24px;height: 24px;background: url(https://images.filmibeat.com/images/signout-icon-1725862112265.svg) no-repeat 0 0;display: inline-block;vertical-align: middle;margin-right: 5px;}
.oi-downarrow {display: inline-block;vertical-align: middle;border: solid #0A0E12;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);}
.oi-signin-close.oi-myprofile-close {position: absolute;right: 16px;top: 30px;background: #000;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: #fff;top: 9px;}
.oi-signin-close:before.oi-myprofile-close:before {transform: rotate(45deg);}
.oi-signin-close:after.oi-myprofile-close:after {transform: rotate(-45deg);}
body.overflwhtml.overflw {
overflow: hidden;
}
.oi-registration-popup-overlay.showprofile {
display: block;
}
.loginTerms {
color: #343a40;
margin-top: 25px;
font-size: 12px;
text-align: center;
}
.loginTermsLink {
color: #777;
text-decoration: underline;
}
<>
.inArticleAd {
text-align: left;
}
.os-sports-wrapper .os-sports-article-rt .os-sports-related-articles {
clear: both;
}
#div-gpt-ad-1506054776114-0 {
text-align: center;
}
#div-gpt-ad-1542196312003-0 {
clear: both;
}
.cmscontent-article1 {
float: none;
clear: both;
text-align: center;
width: 600px;
min-height: 250px;
padding: 10px 0;
background: #f6f6f6;
margin: 10px 0;
}
.cmscontent-article2 {
float: none;
clear: both;
text-align: center;
width: 600px;
min-height: 250px;
padding: 10px 0;
background: #f6f6f6;
margin: 10px 0;
}
.cmscontent-article1,
.cmscontent-article2,
.cmscontent-bottom {
height: auto !important;
}
#are-slot-1,
#are-slot-2,
#are-slot-3,
#are-slot-4,
#are-slot-5 {
background: #f5f5f5;
margin: 14px 0;
min-height: 280px;
text-align: center;
padding: 12px 0;
}
#are-slot-1::before,
#are-slot-2::before,
#are-slot-3::before,
#are-slot-4::before,
#are-slot-5::before {
content: "Advertisement";
display: block;
font-size: 10px;
font-family: arial;
padding-bottom: 5px;
color: #ccc;
text-transform: uppercase;
}
.refreshInarticleAd {
display: none !important;
}
<>
/* Your existing CSS here */
/* Common Styles */
.oi-footer-sticky-wrapper { box-shadow: 0px -2px 5px 0px #0000001A; position: fixed; bottom: 0; left: 0; right: 0; height: 55px; z-index: 10000000; display: none; overflow: hidden; }
.oi-footer-sticky-content { padding: 5px 0 10px 10px; }
.oi-footer-sticky-content ul { list--type: none; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-: none; padding: 0; margin: 0; }
.oi-footer-sticky-content ul::-webkit-scrollbar { display: none; }
.oi-footer-sticky-content ul li { display: inline-block; white-space: normal; vertical-align: top; cursor: pointer; margin: 0 10px; }
.oi-footer-sticky-content ul.icons3 li { width: 32.33%; margin: 0; }
.oi-footer-sticky-content ul.icons4 li { width: 23.5%; margin: 0; }
.oi-footer-sticky-content ul li a { display: block; padding: 5px 10px; text-align: center; position: relative; text-decoration: none; font-family: Arialsans-serif; }
.flabel { font-size: 12px; line-height: 17px; font-weight: normal; color: #28313A; }
.fshorts-new { position: absolute; background: #B969FF; padding: 0px 5px; border-radius: 3px; font-weight: bold; font-size: 10px; line-height: 14px; width: 30px; text-align: center; top: 0px; right: -5px; color: #fff; box-sizing: border-box; height: 14px; z-index: 10; }
.notf-active i { position: absolute; right: 2px; top: 2px; width: 8px; height: 8px; border-radius: 50%; background: #28313A; z-index: 10; }
.loggedinbottom .fprofile-tick { display: inline-block; vertical-align: middle; position: absolute; right: -2px; top: 10px; z-index: 10; }
.ficon { width: 24px; height: 22px; margin: auto; display: block; position: relative; }
.fhome { background: url(https://images.goodreturns.in/images/gr-home-1732710105011.svg) no-repeat 0 0; width: 18px; }
.fnotf { background: url(https://imagesvs.oneindia.com/images/notifications-1727441917759.svg) no-repeat 0 0; width: 19px; }
.fprofile { background: url(https://imagesvs.oneindia.com/images/profile-1727441917757.svg) no-repeat center center; width: 24px; }
.fprofile-tick { background: url(https://imagesvs.oneindia.com/images/profile-tickmark-1727326253812.svg) no-repeat 0 0; width: 15px; height: 15px; display: none; }
.fapp { background: url(https://imagesvs.oneindia.com/images/oi-app-1727264242256.svg) no-repeat 0 0; width: 18px; }
/*.btmstkwdg { bottom: 55px !important}*/
.oi-myprofile-wrapper.footerprofile { top: inherit !important; bottom: -3000px !important; right: 0 !important; }
.oi-myprofile-wrapper.footerprofile.showprofile { right: inherit !important; bottom: 0 !important; opacity: 1 !important; }
.oi-header-menu-navigation { bottom: 55px; }
.oi-notf-article-timestamp { color: #28313A; font-size: 14px; line-height: 18px; }
.oi-notf-article-title {
color: var(--font-color-primary);
overflow: hidden;
padding: 0px;
height: 55px;
font-size: 13px;
line-height: 18px;
font-weight: bold;
margin-bottom: 2px;
}
/* OneIndia Styles */
.oi-footer-sticky-wrapper.oneindia { background: #f2f5f5; }
.oneindia .oi-footer-sticky-content ul li a.active .flabel { font-size: 12px; line-height: 17px; color: #0A0E12; font-weight: bold; position: relative; }
.oneindia .oi-footer-sticky-content ul li a.active .flabel:after { position: absolute; content: ''; background: #08F4FB; left: -1px; right: -1px; height: 4px; margin: auto; top: 0; bottom: 0; z-index: -1; }
/* GoodReturns Styles */
.oi-footer-sticky-wrapper.goodreturns { background: #E8F7F0; }
.goodreturns .oi-footer-sticky-content ul li a.active .fhome { background: url(https://images.goodreturns.in/images/home-active-1729051194676.svg) no-repeat 0 0; }
.goodreturns .oi-footer-sticky-content ul li a.active .flabel { font-size: 12px; line-height: 17px; color: #159B5A; font-weight: bold; }
/* Filmibeat Styles */
.oi-footer-sticky-wrapper.filmibeat { background: #ffffff; }
.filmibeat .oi-footer-sticky-content ul li a.active .fhome { background: url(https://images.filmibeat.com/images/home-active1-1729135812070.svg) no-repeat 0 0; }
.filmibeat .oi-footer-sticky-content ul li a.active .flabel { font-size: 12px; line-height: 17px; color: #E91240; font-weight: bold; }
/* Boldsky Styles */
.oi-footer-sticky-wrapper.boldsky { background: #F1E5F6; }
.boldsky .oi-footer-sticky-content ul li a.active .fhome { background: url(https://images.boldsky.com/images/home-active-1731393427698.svg) no-repeat 0 0; }
.boldsky .oi-footer-sticky-content ul li a.active .flabel { font-size: 12px; line-height: 17px; color: #7200A8; font-weight: bold; }
.boldsky .loggedinbottom .fprofile-tick { display: inline-block; position: absolute; right: 0px; top: 12px; }
.boldsky .fprofile-tick { background: url(https://images.boldsky.com/images/profile-tickmark-1731393581143.svg) no-repeat 0 0; }
.boldsky .notf-active i {background: #7200A8;}
/* Drivespark Styles */
.oi-footer-sticky-wrapper.drivespark { background: #000; display: none !important;}
.drivespark .oi-footer-sticky-content ul li a.active .fhome { background: url(https://images.drivespark.com/images/home-active-1731907078062.svg) no-repeat 0 0; }
.drivespark .oi-footer-sticky-content ul li a.active .flabel { font-size: 12px; line-height: 17px; color: #EA2728; font-weight: bold; }
.drivespark .fnotf { background: url(https://images.drivespark.com/images/notifications-1731906826420.svg) no-repeat 0 0; width: 19px; }
.drivespark .fprofile { background: url(https://images.drivespark.com/images/profile-1731907325176.svg) no-repeat 0 0; width: 19px; background-size: contain; }
.drivespark .loggedinbottom .fprofile-tick { display: inline-block; position: absolute; right: 0px; top: 12px; width: 15px; height: 15px;}
.drivespark .fprofile-tick { background: url(https://images.drivespark.com/images/profile-tickmark-1731907395410.svg) no-repeat 0 0;}
.drivespark .fapp { background: url(https://images.drivespark.com/images/app-1731906750160.svg) no-repeat 0 0; width: 18px; }
.drivespark .flabel {color: #EFEFEF;}
.drivespark .notf-active i {background: #EA2728;}
/* FB English Styles */
.oi-footer-sticky-wrapper.fbenglish { background: #1B1212; }
.fbenglish .oi-footer-sticky-content ul li a.active .fhome { background: url(https://images.filmibeat.com/images/home-active-1735026052903.svg) no-repeat 0 0; }
.fbenglish .oi-footer-sticky-content ul li a.active .flabel { font-size: 12px; line-height: 17px; color: #E91240; font-weight: bold;position:relative; }
.fbenglish .fhome { background: url(https://images.mykhel.com/images/home-1734672468909.svg) no-repeat 0 0; width: 18px; }
.fbenglish .fnotf { background: url(https://images.mykhel.com/images/notifications-1734677678050.svg) no-repeat 0 0; width: 19px; }
.fbenglish .fprofile { background: url(https://images.mykhel.com/images/profile-1734677743901.svg) no-repeat 0 0; width: 19px; background-size: contain; }
.fbenglish .loggedinbottom .fprofile-tick { display: inline-block; position: absolute; right: 0px; top: 12px; width: 15px; height: 15px;}
.fbenglish .fprofile-tick { background: url(https://images.mykhel.com/images/profile-tickmark-1734677837421.svg) no-repeat 0 0;}
.fbenglish .fapp { background: url(https://images.mykhel.com/images/app-1734672525888.svg) no-repeat 0 0; width: 18px; }
.fbenglish .flabel {color:#fff;}
.fbenglish .notf-active i {background: #E91240;}
/* FB English Styles */
/* GR English Styles */
.oi-footer-sticky-wrapper.grenglish { background: #141D27; }
.grenglish .oi-footer-sticky-content ul li a.active .fhome { background: url(https://images.goodreturns.in/images/gr-home-active-1732165506665.svg) no-repeat 0 0; }
.grenglish .oi-footer-sticky-content ul li a.active .flabel { font-size: 12px; line-height: 17px; color: #159B5A; font-weight: bold;position:relative; }
.grenglish .fhome { background: url(https://images.goodreturns.in/images/gr-home-1732710105011.svg) no-repeat 0 0; width: 18px; }
.grenglish .fnotf { background: url(https://images.goodreturns.in/images/gr-notifications-1732165506665.svg) no-repeat 0 0; width: 19px; }
.grenglish .fprofile { background: url(https://images.goodreturns.in/images/gr-profile-1732165506665.svg) no-repeat 0 0; width: 19px; background-size: contain; }
.grenglish .loggedinbottom .fprofile-tick { display: inline-block; position: absolute; right: 0px; top: 12px; width: 15px; height: 15px;}
.grenglish .fprofile-tick { background: url(https://images.goodreturns.in/images/gr-profile-tickmark-1732165506663.svg) no-repeat 0 0;}
.grenglish .fapp { background: url(https://images.goodreturns.in/images/gr-app-1732165506670.svg) no-repeat 0 0; width: 18px; }
.grenglish .flabel {color:#fff;}
.grenglish .notf-active i {background: #fff;}
/* GR English Styles */
/*Gizbot Styles*/
.oi-footer-sticky-wrapper.gizbot { background: #fff; }
.gizbot .oi-footer-sticky-content ul li a.active .fhome { background: url(https://images.gizbot.com/images/home-active-1732691412706.svg) no-repeat 0 0; }
.gizbot .oi-footer-sticky-content ul li a.active .flabel { font-size: 12px; line-height: 17px; color: #629C49; font-weight: bold;position:relative; }
.gizbot .fnotf { background: url(https://images.gizbot.com/images/notifications-1732683909930.svg) no-repeat 0 0; width: 19px; }
.gizbot .fprofile { background: url(https://images.gizbot.com/images/profile-1732683938522.svg) no-repeat 0 0; width: 19px; background-size: contain; }
.gizbot .loggedinbottom .fprofile-tick { display: inline-block; position: absolute; right: 0px; top: 12px; width: 15px; height: 15px;}
.gizbot .fprofile-tick { background: url(https://images.gizbot.com/images/profile-tickmark-1732691847006.svg) no-repeat 0 0;}
.gizbot .fapp { background: url(https://images.gizbot.com/images/app-1732684006248.svg) no-repeat 0 0; width: 18px; }
.gizbot .flabel {color:#1F1F1F;}
.gizbot .notf-active i {background: #629C49;}
/*Gizbot Styles*/
.grippy-host {
display: none!important;
}
/*.google-ad {text-align: center;}
.scrollup .oi-wrapper.article.sticky #mobi-menu {display: flex;}
.scrolldown .oi-footer-sticky-wrapper.oi-footer-sticky-wrapper.oneindia {bottom: -100px;}
.scrollup .oi-footer-sticky-wrapper {bottom: 0px;}
#bottomAdWrapper {display: block!important;}
.scrolldown #bottomAdWrapper {bottom: 0px !important;}
.scrollup #bottomAdWrapper {bottom: 55px !important;}
.scrolldown #mobi-header {top: -110px;}
.scrollup #mobi-header {
top: 0;
position: fixed;
left: 0;
right: 0;
z-index: 99999;
background: var(--secondary-bg-color);
}
.scrolldown .sticky #mobi-menu.scrolldown .sticky .fb-header-primarynav {position: relative;display: none;}
.btmstkwdg {
bottom: 0px !important;
}
.scrolldown #mobi-header {transform: translateY(-100%);opacity: 0;}
#mobi-header {transition: transform .35s cubic-bezier(.52,.16,.24,1),opacity .35s cubic-bezier(.52,.16,.24,1)}
.oi-footer-sticky-wrapper {transition: transform .35s cubic-bezier(.52,.16,.24,1);transform: translateY(0);}
.scrolldown .oi-footer-sticky-wrapper.oi-footer-sticky-wrapper { transform: translateY(100%);}
.scrollup .oi-footer-sticky-wrapper {bottom: 0px;transform: translateY(0);}*/
<>
.polls-ad{
background-color: #f4f4f4;
min-height: 250px;
width: 300px;
}
.polls-ad::after {
content: "Advertisement";
display: block;
font-size: 10px;
font-family: arial;
padding: 5px;
color: #ccc;
text-transform: uppercase;
text-align: center;
}
#container.oi-container{
transition: max-height 1s ease-in-out;
}
#img-close-btn img{
height: 25px;
}
< type="text/css">
.hideBottom {
display: none !important;
}
#trackerimage,
#trackerpageimage,
#trackerpagenetwork {
display: none;
}
#dugout-video-0 {
margin: 15px 0;
}
.ad-overlay1 {
position: absolute;
top: 0;
left: 0;
width: 350px;
height: 250px;
min-width: 300px;
min-height: 250px;
background-color: rgba(0000.5);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
font-weight: 700;
text-align: left;
border: 2px solid red;
}
#btmFlip,
#coflip,
#coronaflip {
display: none !important;
}
.oi-article-lt {
margin-bottom: 7px !important;
}
#div-gpt-ad-1653012388909-0 iframe {
width: 180px;
height: 180px;
}
#oitaboolacontainer1 {
clear: both;
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
to {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
to {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
to {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
to {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.more-article-btn {
position: absolute;
bottom: 20px;
z-index: 100;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.bounce {
animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
-moz-animation: bounce 2s infinite;
-o-animation: bounce 2s infinite;
animation-iteration-count: 3;
}
.more-article-btn a {
background: #2470ce;
font-size: 16px;
font-weight: bold;
line-height: 1.6;
width: 90px;
margin: 0 auto;
padding: 18px 45px;
color: #fff;
position: relative;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0000.16);
text-align: center;
font-family: arial;
}
.dsmore .more-article-btn a {
font-size: 16px;
font-weight: 700;
color: #fff;
position: relative;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0000.16);
text-align: center;
font-family: arial;
}
.more-article-btn a {
background: #2470ce;
line-height: 1.6;
width: 90px;
margin: 0 auto;
padding: 18px 45px;
}
#readMoreTaboolaGreadient {
height: 80px;
left: 0;
top: -80px;
right: 0;
z-index: 99;
position: absolute;
text-align: center;
width: 100%;
background-color: rgba(2552552551);
background: linear-gradient(to bottomtransparent 0#fff 95%);
}
.expand-btn-wrap {
height: 200px;
left: 0;
bottom: 0;
right: 0;
z-index: 99;
position: absolute;
text-align: center;
width: 100%;
background-color: #fff;
background: linear-gradient(to bottomtransparent 0#fff 50%);
}
.expand-more-article {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.oi-morenews-slider-wrapper.viewport {
height: 270px;
}
#show-more a.morearticle {
color: #fff !important;
}
.dsmore .more-article-btn a {
background: #000;
font-size: 16px;
font-weight: bold;
line-height: 17px;
margin: 0 10px;
padding: 16px 45px;
color: #fff;
position: relative;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0000.16);
text-align: center;
font-family: arial;
display: block;
width: auto;
}
.dsmore .view-arrow,
.othermore .view-arrow {
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 5px;
position: absolute;
right: 25px;
top: 16px;
}
.othermore .view-arrow {
top: 18px;
}
.view-arrow {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#are-slot-2.utms {
display: none !important;
}
.ds-budget-icon {
display: inline-block;
width: 24px;
height: 24px;
background: url(https://imagesvs.oneindia.com/images/budget-icon-1720153685061.svg) no-repeat;
}
#taboola-mid-home-stream-article {
background: #f5f5f5;
margin: 10px 0;
padding: 10px;
display: none;
}
#taboola-mid-home-stream-article .thumbBlock_holder {
width: 100px !important;
height: 56px;
}
#taboola-mid-home-stream-article span.video-label.video-title.trc_ellipsis {
font-size: 14px;
}
#taboola-mid-home-stream-1 {
padding: 10px 0;
}
#oi-noti-close:after,
#oi-noti-close:before {
content: none !important;
}
#oi-noti-close {
background-image: url(/images/oi-close-button1.svg);
-webkit-transform: none !important;
transform: none !important;
}
#aniBox::before {
content: "You May Also Like";
display: inline-block;
font-size: 20px;
font-family: arial;
padding-top: 10px;
color: #000;
text-align: left !important;
font-weight: 700;
text-transform: capitalize;
position: relative;
line-height: 25px;
}
#aniBox {
background: #f7f7f7;
padding: 10px;
margin: 24px 0;
text-align: left;
box-sizing: border-box;
}
.conreadhgt {
height: auto !important;
}
.conreadload {
min-height: 2200px !important;
}
.conreadloadcamp {
min-height: 650px !important;
}
.conreadloadcamp1 {
min-height: 200px !important;
}
.removeStyleAd {
min-height: 0 !important;
background: none !important;
}
.removeStyleAd::before {
content: "" !important;
}
#are-slot-1::before,
#are-slot-2::before,
#are-slot-3::before,
#are-slot-4::before,
#are-slot-5::before,
.oiadv,
.oiadv::before {
display: block;
}
.cms-videos-wrapper #aniBox::before {
content: "" !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
display: none;
}
.cms-videos-wrapper #aniBox {
background: 0 0;
padding: 0;
margin: 0;
}
iframe#topicFrame {
display: none;
}
.oi-wrapper1 {
margin: 0 auto;
}
#bottom-sticky {
background: #fff;
}
#bottomAdWrapper.hide-adcontent {
bottom: 0;
height: 22px;
}
.oi-unfilled-backfill-wrapper {
overflow: hidden;
margin: 0 auto;
}
.oi-backfill-wrapper-inner {
position: relative;
}
.oi-backfill-wrapper-inner:after {
content: "";
clear: both;
display: table;
}
.oi-backfill-article-details {
padding: 10px;
}
.oi-backfill-article-timestamp {
font-size: 13px;
color: #4b4b4b;
font-weight: 300;
}
.oi-backfill-article-timestamp-auth {
font-weight: bold;
}
.oi-backfill-article-title {
font-size: 15px;
line-height: 13px;
color: #333;
margin-bottom: 12px;
font-weight: bold;
}
.oi-backfill-article-title a {
color: #333;
color: var(--font-color);
}
.oi-backfill-artimage img {
display: block;
max-width: 100%;
height: auto;
}
.oi-backfill-article-author {
font-size: 12px;
line-height: 16px;
color: #333;
display: none;
}
.mr300x250 {
display: block !important;
}
.mr300x250 .oi-backfill-wrapper-inner {
padding: 10px 15px;
width: 300px;
margin: 0 auto;
}
.mr300x250 .oi-backfill-article-details {
padding: 5px 0 10px 0;
}
.mr300x250 .oi-backfill-article-title {
font-size: 14px;
margin: 4px 0 6px 0;
line-height: 21px;
text-align: left;
font-family: arial;
height: 60px;
overflow: hidden;
}
.mr300x250 .oi-backfill-article-author {
font-size: 12px;
font-weight: normal;
text-align: left;
}
.mr300x250 .oi-backfill-article-timestamp {
display: none;
}
.leaderboard970x90 {
display: block !important;
}
.leaderboard970x90 .oi-backfill-wrapper-inner {
float: left;
width: 480px;
text-align: left;
height: 90px;
}
.leaderboard970x90 .oi-backfill-artimage {
float: left;
width: 174px;
}
.leaderboard970x90 .oi-backfill-article-timestamp {
display: none;
}
.leaderboard970x90 .oi-backfill-article-details {
margin-left: 190px;
padding: 5px;
}
.leaderboard970x90 .oi-backfill-article-title {
font-size: 14px;
height: 60px;
overflow: hidden;
margin-bottom: 3px;
line-height: 20px;
}
.leaderboard970x90 .oi-backfill-article-author {
font-size: 12px;
}
.rightrail160x600 {
display: block !important;
}
.rightrail160x600 .oi-backfill-wrapper-inner {
padding: 5px 10px;
}
.rightrail160x600 .oi-backfill-article-details {
padding: 10px 0 10px 0;
}
.rightrail160x600 .oi-backfill-article-title {
font-size: 15px;
min-height: 80px;
overflow: hidden;
margin-bottom: 12px;
line-height: 24px;
}
.rightrail160x600 .oi-backfill-article-timestamp {
line-height: 20px;
display: none;
}
.rightrail160x600 .oi-backfill-article-author {
font-size: 12px;
font-weight: normal;
}
.rightrail160x600 .oi-backfill-wrapper-inner.bottomborder {
border-bottom: 1px solid #eceaeb;
padding: 5px 5px 15px 5px;
margin: 5px 5px 15px 5px;
}
.mr300x600 {
display: block !important;
}
.mr300x600 .oi-backfill-wrapper-inner {
padding: 15px 15px;
}
.mr300x600 .oi-backfill-article-details {
padding: 10px 0 10px 0;
}
.mr300x600 .oi-backfill-article-title {
font-size: 16px;
height: 70px;
overflow: hidden;
line-height: 24px;
margin-bottom: 6px;
}
.mr300x600 .oi-backfill-article-timestamp {
line-height: 20px;
display: none;
}
.mr300x600 .oi-backfill-article-author {
font-size: 12px;
font-weight: normal;
}
.mr300x600 .oi-backfill-wrapper-inner.bottomborder {
border-bottom: 1px solid #eceaeb;
margin: 0 15px 5px 15px;
padding: 15px 0 10px 0;
}
.bottomSticky {
display: block !important;
}
.bottomSticky .oi-backfill-artimage {
float: left;
width: 88px;
}
.bottomSticky .oi-backfill-article-timestamp {
display: none;
}
.bottomSticky .oi-backfill-article-details {
margin-left: 90px;
padding: 3px 5px;
}
.bottomSticky .oi-backfill-article-title {
font-size: 13px;
height: 35px;
overflow: hidden;
margin-top: 3px;
line-height: 18px;
}
.bottomSticky .oi-backfill-article-author {
font-size: 12px;
display: none;
}
#are-slot-4.mr300x250 .oi-backfill-wrapper-inner {
padding: 10px 15px;
width: 270px;
margin: 0 auto;
}
#are-slot-mr2.mr300x250 .oi-backfill-wrapper-inner {
padding: 10px 15px;
width: 270px;
margin: 0 auto;
}
@media only screen and (max-width: 500px) {
.oiadv {
background: #f5f5f5;
margin: 28px 0;
min-height: 280px;
text-align: center;
padding: 12px 0;
}
.oiadv::before {
content: "Advertisement";
display: inline-block;
font-size: 10px;
font-family: arial;
padding-bottom: 5px;
color: #ccc;
text-transform: uppercase;
height: 20px;
}
}
< type="text/css"> .ds-onroadprice-tabs ul li a{display:block;color:#666666;font-size:16px;position:relative;background:#ffffff;background:-moz-linear-gradient(top,#1e5799 0%,#ffffff 0%,#f1f4f8 99%,#f1f4f8 100%,#f1f4f8 100%);background:-webkit-linear-gradient(top,#1e5799 0%,#ffffff 0%,#f1f4f8 99%,#f1f4f8 100%,#f1f4f8 100%);background:linear-gradient(to bottom,#1e5799 0%,#ffffff 0%,#f1f4f8 99%,#f1f4f8 100%,#f1f4f8 100%);text-decoration:none;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;}.header-nav ul li.ds-nav a:before,.navigation ul li a:before,.ds-onroadprice-tabs ul li a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2a2a2a;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}.navigation ul li a:before,.ds-onroadprice-tabs ul li a:before{background:#f24549;}.header-nav ul li.ds-nav a:hover:before,.navigation ul li a:hover:before,.ds-onroadprice-tabs ul li a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}.header-nav ul li.ds-nav a:hover:before span{z-index:999999;}.ds-buyers-guide ul li a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#eb2529;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}.ds-buyers-guide ul li a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}.ink{display:block;position:absolute;background:rgba(255,255,255,0.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);}.animate{-webkit-animation:ripple 0.65s linear;-moz-animation:ripple 0.65s linear;-ms-animation:ripple 0.65s linear;-o-animation:ripple 0.65s linear;animation:ripple 0.65s linear;}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5);}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5);}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5);}}@keyframes ripple{100%{opacity:0;transform:scale(2.5);}}#ds-bikes-by-type ul li a span:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;}#ds-bikes-by-type ul li a span:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}#ds-bikes-by-type ul li a span:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);}#ds-bikes-by-type ul li a span:after,.ds-bikes-settings ul li a span:after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#eb2529;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}#ds-bikes-by-price ul li a:before,#ds-bikes-by-cc ul li a:before,#ds-bikes-by-best ul li a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#eb2529;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}#ds-bikes-by-type ul li a span:hover:after,.ds-bikes-settings ul li a:hover span:after{-webkit-transform:scale(1);transform:scale(1);}#ds-bikes-by-cc ul li a:hover,#ds-bikes-by-price ul li a:hover,#ds-bikes-by-best ul li a:hover{background:none;}#ds-bikes-by-price ul li a:hover:before,#ds-bikes-by-cc ul li a:hover:before,#ds-bikes-by-best ul li a:hover:before{-webkit-transform:scalex(1);transform:scalex(1);}#ds-bikes-by-best ul li a:hover i,#ds-bikes-by-price ul li a:hover i,#ds-bikes-by-cc ul li a:hover i,.footer-col3 ul li:hover i,.ds-onroadprice-tabs ul li:hover a i,.view-onroad-price a:hover i{-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-moz-animation:moveright 800ms 1;-webkit-animation:moveright 800ms 1;animation:moveright 800ms 1;color:#ffffff;}.ds-pulse{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transition-property:color,background-color;transition-property:color,background-color;}@-webkit-keyframes hvr-back-pulse{50%{background:rgb(245,146,148);}}@keyframes hvr-back-pulse{50%{background:rgb(245,146,148);}}.ds-bikes-settings ul li a span{margin:0 auto 35px;}.ds-bikes-settings ul li a span:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;}.ds-bikes-settings ul li a:hover span:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}.ds-bikes-settings ul li a:hover span{-webkit-transform:translateY(-5px);transform:translateY(-5px);}.ds-mask{position:absolute;filter:none;background-color:rgba(0,0,0,0.8);top:0;left:-225px;width:225px;height:170px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}@-moz-keyframes moveright{50%{-moz-transform:translate(20px,0);-webkit-transform:translate(20px,0);-o-transform:translate(20px,0);-ms-transform:translate(20px,0);transform:translate(20px,0);}51%{opacity:0;}52%{-moz-transform:translate(-20px,0);-webkit-transform:translate(-20px,0);-o-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0);opacity:0.1;}100%{-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;}}@-webkit-keyframes moveright{50%{-moz-transform:translate(20px,0);-webkit-transform:translate(20px,0);-o-transform:translate(20px,0);-ms-transform:translate(20px,0);transform:translate(20px,0);}51%{opacity:0;}52%{-moz-transform:translate(-20px,0);-webkit-transform:translate(-20px,0);-o-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0);opacity:0.1;}100%{-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;}}.brand-latest-bikes{margin-top:20px;}.bikes-formgroup{margin-top:17px;}.ds-compare-bike-text .easy-autocomplete-container ul{margin:0;padding:0 5px;width:213px;border:1px solid #ccc;}.ds-compare-bike-text .easy-autocomplete-container ul li{margin:0 !important;padding:0 !important;height:auto !important;width:100% !important;float:none;}.ds-compare-bike-text .easy-autocomplete-container ul li a{background:#fff;font-size:15px;}.ds-compare-bike-text .easy-autocomplete-container ul li a:hover{box-shadow:none;}.ds-compare-bike-text .easy-autocomplete-container{left:-1px;}.imgautosugeest{display:table-cell;vertical-align:middle;height:40px;width:65px;}.textautosuggest{display:table-cell;vertical-align:middle;}.eac-item img{width:60px;vertical-align:middle;}.eac-item{border-bottom:1px solid #ccc;}.eac-item>a{background:none;color:#000;height:100%;font-size:15px;font-weight:normal;font-family:'Roboto Condensed',sans-serif;}.edu-coll-list-wrap{position:relative;overflow:hidden;}.edu-heading-share{position:absolute;right:10px;top:0;transition:all linear 0.5s;}.edu-heading-share i{color:#fff;font-size:14px;cursor:pointer;background-color:#787878;padding:7px 10px 7px 7px;}.show-social .edu-heading-share{right:-50px;transition:all linear 0.5s;}.edu-heading-share-social{position:absolute;width:175px;top:0;right:-200px;visibility:hidden;opacity:0;text-align:right;transition:all linear 0.5s;}.show-social{visibility:visible;opacity:1;right:10px;top:0;transition:all linear 0.5s;background:#ffffff;}.edu-heading-share #edu-heading-share-icon{width:30px;height:30px;border-radius:50%;display:inline-block;background:#e8eced;cursor:pointer;}.edu-heading-share-social a{width:30px;height:30px;display:inline-block;transition:all linear 0.2s;color:#fff;}.edu-heading-share-social a#edu-heading-fb{background:#3966c3;}.edu-heading-share-social a#edu-heading-twitter{background:#00ade8;}.edu-heading-share-social a#edu-heading-gplus{background:#dd4b39;}.edu-heading-share-social a#edu-heading-close{background:#787878;}.edu-heading-share-social a#edu-heading-fb i,.edu-heading-share-social a#edu-heading-twitter i,.edu-heading-share-social a#edu-heading-gplus i{padding:7px 10px 7px 7px;}.edu-heading-share-social a#edu-heading-close i{padding:7px 10px 7px 9px;}.edu-heading-share-social{color:#fff;}.vuukle-content{width:330px;float:right;padding-left:10px;margin-top:10px;background-color:#fff;text-align:left}.vuukle-content ul{margin:0;padding:0;list--type:none}.vuukle-content ul li{list--type:none !important;border-bottom:1px solid #dadada;padding:14px 0;margin:0}.vuukle-content ul li a{font-size:14px;color:#333}#div-gpt-ad-1470917625077-0{float:left}#vuukle_div{align-items:center;width:98%;padding-right:10px;}.oi-vuukle-img{float:left;width:60px;margin-right:10px;}.oi-vuukleTitle{font-size:14px;line-height:18px;float:left;width:230px;font-weight:normal;padding:0;margin:0;}.drivespark-fixed-footer{position:fixed;bottom:0;background:#fff;border:solid thin #ccc;border-right:none;border-left:none;width:980px;padding:10px 0;margin:auto;display:none;}.drivespark-fixed-footer div.more_loading{text-align:center;display:none;height:23px;}.drivespark-fixed-footer-block{position:fixed;bottom:0;background:#f4f4f4;width:665px;padding:10px 0;margin:auto;z-index:9998;}.drivespark-fixed-footer-block div.more_loading{text-align:center;height:23px;}.drivespark-photo-gallery-pagination{text-align:center;}.drivespark-photo-gallery-pagination a{padding:0 10px;color:#444 !important;font-size:16px;}.drivespark-pag-selected{padding:0 4px;font-size:16px;color:#ea2828;font-weight:bold;}#show-footer-icon{position:absolute;right:-4px;bottom:3px;width:50px;color:#797878;text-align:center;display:block;font-weight:bold;font-size:16px;}#show-footer-icon i{font-size:24px;color:#ea2828;line-height:35px;width:35px;height:35px;background:#FFFFFF;border:solid thin #DEDEDE;}.photo-gallery-slider-title{position:absolute;width:900px;top:0;left:125px;right:265px;margin:auto;display:block;text-align:center;padding:10px 0;color:#fff;z-index:99999;text-transform:uppercase;font-size:20px;}.autoexpo-heading{padding:0 0 0 10px;border-left:2px solid #ea4a4f;font-size:20px;font-weight:700;color:#333;text-transform:uppercase;margin-bottom:10px;margin-top:24px;}/* * easy-autocomplete * jQuery plugin for autocompletion * * @author Łukasz Pawełczak (http://github.com/pawelczak) * @version 1.3.5 * Copyright License:*/ .easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;border-:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block;line-height:34px;padding:0 5px;}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-:solid;border-width:1px;color:#555;padding:6px 12px}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:2}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:39px;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:0px 5px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-:italic}.eac-description .eac-item span{color:#aaa;font-:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:38px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}.easy-autocomplete-container ul li.selected a{background:none repeat scroll 0 0 transparent;color:#EB2529;}/* * easy-autocomplete * jQuery plugin for autocompletion * * @author Łukasz Pawełczak (http://github.com/pawelczak) * @version 1.3.5 * Copyright License:*/ .easy-autocomplete.eac-square{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-square input{border:1px solid #7f8c8d;border-radius:0;color:#7f8c8d;font-family:inherit;font-size:18px;font-:italic;font-weight:300;margin:0;min-width:350px;padding:12px 43px 12px 15px}.easy-autocomplete.eac-square ul{border-color:#7f8c8d;border-top:0;box-shadow:none;top:0}.easy-autocomplete.eac-square ul li,.easy-autocomplete.eac-square ul .eac-category{border-color:#7f8c8d;font-family:inherit;font-size:16px;font-weight:300;padding:6px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-square ul li *,.easy-autocomplete.eac-square ul .eac-category *{font-weight:300}.easy-autocomplete.eac-square ul li.selected,.easy-autocomplete.eac-square ul .eac-category.selected{background-color:#f1f1f1;font-weight:300}.easy-autocomplete.eac-square ul li b,.easy-autocomplete.eac-square ul .eac-category b{font-weight:600}.easy-autocomplete.eac-round{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-round input{border:2px solid #888;border-radius:10px;color:#888;font-family:inherit;font-size:16px;font-weight:400;margin:0;min-width:300px;padding:10px}.easy-autocomplete.eac-round input:hover,.easy-autocomplete.eac-round input:focus{border-color:#3079ed}.easy-autocomplete.eac-round ul{background:none;border-color:#888;border-width:0;box-shadow:none;min-width:300px;top:20px}.easy-autocomplete.eac-round ul li,.easy-autocomplete.eac-round ul .eac-category{background:#fff;border-color:#3079ed;border-width:0 2px;font-size:14px;padding:8px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-round ul li.selected,.easy-autocomplete.eac-round ul .eac-category.selected{background-color:#d4e3fb}.easy-autocomplete.eac-round ul li:first-child,.easy-autocomplete.eac-round ul .eac-category:first-child{border-radius:10px 10px 0 0;border-width:2px 2px 0}.easy-autocomplete.eac-round ul li:last-child,.easy-autocomplete.eac-round ul .eac-category:last-child{border-radius:0 0 10px 10px;border-width:0 2px 2px}.easy-autocomplete.eac-round ul li b,.easy-autocomplete.eac-round ul .eac-category b{font-weight:700}.easy-autocomplete.eac-funky{font-family:"Inconsolata","Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-funky input{background:#07ED89;border:0;border-radius:0;color:#ED076B;font-family:inherit;font-size:18px;min-width:240px;padding:12px}.easy-autocomplete.eac-funky ul{background:transparent;border:0}.easy-autocomplete.eac-funky ul li,.easy-autocomplete.eac-funky ul .eac-category{background:transparent;border:0;color:#ED076B;font-size:18px;padding:4px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-funky ul li.selected,.easy-autocomplete.eac-funky ul .eac-category.selected{color:#8907ED}.easy-autocomplete.eac-solid input{box-shadow:0 1px 2px rgba(0,0,0,0.15) inset;border-color:#ddd;color:#666;font-size:13px;min-height:0;padding:6px 12px}.easy-autocomplete.eac-solid ul li,.easy-autocomplete.eac-solid ul .eac-category{transition:all 0.4s ease 0s}.easy-autocomplete.eac-solid ul li.selected,.easy-autocomplete.eac-solid ul .eac-category.selected{background-color:#f2f2f2}.easy-autocomplete.eac-plate{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate ul{background:#b5b5b5;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate ul li,.easy-autocomplete.eac-plate ul .eac-category{background:#b5b5b5;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate ul li b,.easy-autocomplete.eac-plate ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate ul li.selected,.easy-autocomplete.eac-plate ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate ul li:first-child,.easy-autocomplete.eac-plate ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate ul li:last-child,.easy-autocomplete.eac-plate ul .eac-category:last-child{border-radius:0 0 6px 6px}.easy-autocomplete.eac-plate-dark{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate-dark input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate-dark ul{background:#212121;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate-dark ul li,.easy-autocomplete.eac-plate-dark ul .eac-category{background:#212121;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate-dark ul li b,.easy-autocomplete.eac-plate-dark ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate-dark ul li.selected,.easy-autocomplete.eac-plate-dark ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate-dark ul li:first-child,.easy-autocomplete.eac-plate-dark ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate-dark ul li:last-child,.easy-autocomplete.eac-plate-dark ul .eac-category:last-child{border-radius:0 0 6px 6px}.slider{width:96%;padding-top:10px;}.result{background:#f2f2f2;}.emi{background:#f2f2f2;border:5px solid #496805;padding:10px;text-align:center;}.slider > .dragger{border-radius:10px;height:15px;width:15px;background:-webkit-linear-gradient(top,#fff,#fff);background:-moz-linear-gradient(top,#fff,#fff);background:linear-gradient(top,#fff,#fff);border:1px solid #ccc;}.slider > .dragger:hover{background:-webkit-linear-gradient(top,#fff,#fff);background:-moz-linear-gradient(top,#fff,#fff);background:linear-gradient(top,#fff,#fff);}.slider > .track,.slider > .highlight-track{background:linear-gradient(90deg,#fff 50%,#fff 50%);height:5px;}.slider > .highlight-track{background-color:#eb3031;background:-webkit-linear-gradient(top,#eb3031,#eb3031);background:-moz-linear-gradient(top,#eb3031,#eb3031);background:linear-gradient(top,#eb3031,#eb3031);border-color:#496805;}.tooltipster-default{border:1px solid #4c4c4c;background:#4c4c4c;color:#fff;}.tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden;}.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border{}.tooltipster-icon{cursor:help;margin-left:4px;}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible;}.tooltipster-base .tooltipster-content{overflow:hidden;}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute;}.tooltipster-arrow-top span,.tooltipster-arrow-top-right span,.tooltipster-arrow-top-left span{border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-top:8px solid;bottom:-7px;}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-top:9px solid;bottom:-7px;}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-right span,.tooltipster-arrow-bottom-left span{border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-bottom:8px solid;top:-7px;}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-bottom:9px solid;top:-7px;}.tooltipster-arrow-top span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom .tooltipster-arrow-border{left:0;right:0;margin:0 auto;}.tooltipster-arrow-top-left span,.tooltipster-arrow-bottom-left span{left:6px;}.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{left:5px;}.tooltipster-arrow-top-right span,.tooltipster-arrow-bottom-right span{right:6px;}.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{right:5px;}.tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border{border-top:8px solid transparent !important;border-bottom:8px solid transparent !important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px;}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent !important;border-bottom:9px solid transparent !important;border-left:9px solid;margin-top:-8px;}.tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border{border-top:8px solid transparent !important;border-bottom:8px solid transparent !important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px;}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent !important;border-bottom:9px solid transparent !important;border-right:9px solid;margin-top:-8px;}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;}.tooltipster-fade-show{opacity:1;}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden;}.tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition-timing-function:cubic-bezier(0.230,0.635,0.495,1);-webkit-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-moz-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-ms-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);-o-transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);transition-timing-function:cubic-bezier(0.230,0.635,0.495,2.4);}.tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);}.tooltipster-fall-show{}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0px !important;opacity:0;}.tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1);-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-moz-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-ms-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);transition-timing-function:cubic-bezier(0.175,0.885,0.320,1.15);}.tooltipster-slide.tooltipster-slide-show{}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0px !important;opacity:0;}.tooltipster-content-changing{opacity:0.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}.tooltip i.fa-question-circle-o{font-size:15px;padding-left:10px;cursor:pointer;}
< type="text/css">
.overlay {position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 100000;}
.addr-bar {position: fixed;left: 0;top: 0;z-index: 1000000;}
.arrow1 {position: fixed;left: 120px;top: 40px;z-index: 1000000;}
.click-unblock {position: fixed;left: 250px;padding: 20px 10px;background: #0c8043;border: 1px solid #fff;font-size: 14px;color: #fff;font-family: ArialHelveticasans-serif;z-index: 1000000;top: 200px;border-radius: 5px;width: 320px;text-align: center;}
.click-unblock img {vertical-align: middle;}
.click-close {position: fixed;right: 100px;padding: 15px 30px;background: #4c4c4c;border: 1px solid #fff;font-size: 14px;color: #fff;font-family: ArialHelveticasans-serif;z-index: 1000000;top: 120px;border-radius: 5px;cursor: pointer;}
.notf-sampletext {font-size: 16px;color: #fff;font-family: ArialHelveticasans-serif;position: fixed;top: 110px;left: 250px;width: 320px;z-index: 1000000;line-height: 20px;}
.site {margin: o auto;text-align: center;}
.subscribe-box {text-align: center;position: fixed;left: 250px;top: 260px;width: 445px;height: 344px;margin: auto;z-index: 1000000;}
.manage-notification-block-top img {margin: 0;}
.manage-notification-block-firefox-content {
width: 600px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 20px;
background: #fff;
z-index: 1000000000;
height: 320px;
font-family: Arial;
}
.manage-notification-block-top-firefox ul {margin-left: 20px;}
.manage-notification-block-top-firefox ul li {
padding: 3px 0;
font-size: 16px;
color: #000;
list--type: decimal;
}
.manage-notification-heading {font-weight: bold;}
.click-close-firefox {position: fixed;right: 100px;padding: 15px 30px;background: #4c4c4c;border: 1px solid #fff;font-size: 14px;color: #fff;font-family: ArialHelveticasans-serif;z-index: 1000000000;top: 120px;border-radius: 5px;cursor: pointer;}
< type="text/css">
#oiNotification {background: #fff;position: absolute;top: -2000px;right: 0;z-index: 100000;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;width: 360px;
box-shadow: 0px 4px 12px 5px #00000012;
padding: 20px;
border-radius: 10px;
}
#oiNotification.shownotf {top: 30px;}
.oi-notf-sticky {padding: 0px;position: relative;}
.oi-notf-sticky-label {font-size: 18px;color: #5E5E5E; font-weight: 700; line-height: 22px; text-align: center; padding-bottom: 12px;}
.oi-notf-sticky-label1 {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
color: #959595;
padding-bottom: 15px;
}
.oi-notf-sticky-btns {text-align: center;display: flex;justify-content: center;gap: 20px;}
.oi-notf-cancelbtn{
background: transparent;
width: 136px;
height: 38px;
border-radius: 5px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: center;
cursor: pointer;
border: none;
color: #0D99FF;
display: inline-block;
}
.oi-notf-allowbtn{
background: #0D99FF;
width: 136px;
height: 38px;
border-radius: 5px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: center;
cursor: pointer;
border: none;
color: #FFFFFF;
display: inline-block;
}
Manage your notification subscription by clicking on the icon.
Click it and Unblock the Notifications
Get Updates
Get notified on the latest car launchesbike dealsand insights!
To start receiving timely alertsas shown below click on the Green .lock. icon next to the address bar
Click it and Unblock the NotificationsClose X
Close X
To Start receiving timely alerts please follow the below steps:
- Click on the Menu icon of the browserit opens up a list of options.
- Click on the .Options .it opens up the settings page,
- Here click on the .Privacy & Security. options listed on the left hand side of the page.
- Scroll down the page to the .Permission. section .
- Here click on the .Settings. tab of the Notification option.
- A pop up will open with all listed sitesselect the option .ALLOW.for the respective site under the status head to allow the notification.
- Once the changes is doneclick on the .Save Changes. option to save the changes.
Notifications
No Notifications
New BMW Bikes Models
BMW currently offers 17 bikes for sale in Indiawhich comprises 2 Cruiser bikes 3 Scooters and 4 Sports bikes . The lowest priced model is the BMW G310 RR at Rs. 284,995. The highest priced model is the BMW M 1000 XR at Rs. 4,863,000. Browse through the list of the latest BMW bikes pricesspecificationsfeaturesmileagecolours and photos.
BMW
- Honda
- Bajaj
- Hero
- TVS
- Royal Enfield
- Yamaha
- Suzuki
- KTM
- Harley-Davidson
- Aprilia
- Benelli
- BMW
- Ducati
- Indian
- Kawasaki
- Triumph
- Vespa
- Yo
- Moto Guzzi
- Okinawa
- Husqvarna
- Ather
- Jawa
- Revolt
- Ampere
- Evolet
- Odysse
- Joy e-bike
- PURE EV
- BGauss
- Gemopai
- OLA
- Simple Energy
- Detel EV
- Komaki
- Avon
- BattRE Electric Mobility
- M2GO
- Ujaas Energy
- Lohia
- Velev Motors
- Raftaar
- White Carbon Motors
- YUKIE
- Geliose
- Crayon Motors
- Earth Energy EV
- Gowel
- Merico Electric
- Gravton Motors
- HCD India
- Avera
- Avan Motors
- Li-ions Elektrik Solutions
- AMO Electric
- Kabira Mobility
- Yezdi
- Bounce
- Oben Electric
- Keeway
- OPG Mobility
- iVOOMi
- Hop Electric
- Zontes
- Moto Morini
- VIDA
- QJ Motor
- BSA
- Matter
- Lectrix
- Kinetic Green
- Ultraviolette
- Ferrato
- River
- Oben
- Quantum Energy
- Brixton Motorcycles
- Numeros
- Kinetic
- VLF
Select CC
-
1 . BMW G310 RR
-
2 . BMW CE 02
449,900 Onwards -
3 . BMW C 400 GT
-
4 . BMW CE 04
1,525,000 Onwards -
5 . BMW F 900 GS
-
6 . BMW F 900 GS Adventure
-
7 . BMW S 1000 R
-
8 . BMW R 12
-
9 . BMW R 12 nine T
-
10 . BMW R 1300 GS
-
11 . BMW S1000RR
-
12 . BMW S 1000 XR
-
13 . BMW R 1300 GS Adventure
-
14 . BMW R 1250 RT
-
15 . BMW R18
-
16 . BMW K 1600
-
17 . BMW M 1000 XR
Upcoming BMW Bikes
LATEST NEWS
calendar_today 12 February 2026
TVS Motor Company has delivered two units of the iQube electric scooter to Vatican City. The TVS iQube scooters have been supplied for official transportation requirements within the city-state's internal mobility network.The handover of the two TVS iQubes was completed yesterday
calendar_today 11 February 2026
The Indian two-wheeler market witnessed significant growth in January 2026largely driven by the benefits of the GST 2.0 regulations. Hero MotoCorp continues to dominate the segmentfollowed by Honda Motorcycle & Scooter India and TVS Motor Company. Royal Enfield remains
calendar_today 10 February 2026
The Italian motorcycle brand has announced the prices of the 2026 Aprilia 457 series in India. Following revisions to GST regulationsthe company has confirmed updated pricing for both the Aprilia RS 457 and the Tuono 457 models. Aprilia 457 Series
calendar_today 9 February 2026
The 2026 KTM Duke 200 has received several updatesincluding new coloursrevised componentsand some mechanical upgrades aimed at improving performancehandlingand efficiency. For the 2026 Duke 200KTM has focused on improving the riding experience to ensure the
Notifications
Settings
Clear Notifications
No New Notifications
Notifications
Use the toggle to switch on notifications
-
Block for 8 hours
-
Block for 12 hours
-
Block for 24 hours
-
Don't block
To start receiving timely alertsas shown below click on the Green “lock” icon next to the address bar
Click it and Unblock the NotificationsClose X
Close X
To Start receiving timely alerts please follow the below steps:
- Click on the Menu icon of the browserit opens up a list of options.
- Click on the “Options ”it opens up the settings page,
- Here click on the “Privacy & Security” options listed on the left hand side of the page.
- Scroll down the page to the “Permission” section .
- Here click on the “Settings” tab of the Notification option.
- A pop up will open with all listed sitesselect the option “ALLOW“for the respective site under the status head to allow the notification.
- Once the changes is doneclick on the “Save Changes” option to save the changes.
Log in for Better Reading Experience!
Continue with Google By signing inyou agree to our Terms and Privacy Policy
Gender
Select your Gender
- Male
- Female
- Others
Age
Select your Age Range
- Under 18
- 18 to 25
- 26 to 35
- 36 to 45
- 45 to 55
- 55+
Best Bikes in India