:root, [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } *, ::after, ::before { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } .h2, h2 { font-size: calc(1.325rem + 0.9vw); } a:hover { color: #e31e23; transition: 0.25s ease-in-out; } .h3, h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem; } } p { margin-top: 0; margin-bottom: 1rem; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } b, strong { font-weight: bolder; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } img, svg { vertical-align: middle; } button { border-radius: 0; } button, input, optgroup, select, textarea { margin: 0; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col-12 { flex: 0 0 auto; width: 100%; } .ad_div_bottom_adcode15 { width: 100% !important; background: #fff; margin: 0 8px 8px 0; float: left; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } .header-section-inner { width: 100%; float: left; margin-bottom: 10px; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group .btn { position: relative; z-index: 2; } .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .main { width: 100%; float: left; position: relative; /* overflow-x: hidden; */ } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-flush { border-radius: 0; } .nav-logo { width: 90px; margin-left: 14px; } .header-section { width: 100%; float: left; padding: 7px 0px 7px; background-color: #efefef; border-bottom: 1px solid #e5e4e2; position: sticky; top: 0; z-index: 25; } div { caret-color: transparent; } a { text-decoration: none !important; } a { text-decoration: none; color: #000; } li { list-style-type: none; } .bottom_sticky_menu_toolbar { display: none !important; } .nav-logo img { width: 100%; height: auto; } .remaining-header-section { width: calc(100% - 190px); float: left; padding: 4px 12px 0px; } .search-bar { width: 300px; float: right; } .inp-grp input { padding-left: 10px; border: none; border-radius: 10px; } .inp-grp input::placeholder { line-height: 1.2; font-size: 14px; font-weight: 400; margin-top: 10px; } .download-btn a { width: 100%; padding: 10px; color: #fff !important; font-weight: 700; font-size: 16px; } .download-btn { position: relative; width: 100%; float: left; } .search-btn { padding: 10px 10px !important; } .mobile-navbar { display: none; } .social-icons ul { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 0px; margin: 0px; } /* top menu */ .dropdown-toggle.dropdown-main-btn.list-group-item.list-group-item-action { padding: 13px 0px 10px 30px; } .menu-text { font-size: 15px; font-weight: 400; line-height: 1; } .dropdown .dropdown-menu { --bs-dropdown-border-color: transparent !important; --bs-dropdown-border-radius: 0px !important; } .navbar-nav .dropdown-menu { position: static; } .side-bar-menu { float: left; width: 100%; margin-bottom: 60px; } .side-bar-menu li { position: relative; background-color: #e31e23; overflow-x: hidden; } .side-bar-menu li a:hover, .side-bar-menu li>div:hover { color: #fff; background-color: #e31e23 !important; transition: all .3s ease-in-out; } .list-group-flush .list-group-item:hover img { filter: invert(100%) sepia(0%) saturate(4643%) hue-rotate(190deg) brightness(109%) contrast(111%); transition: all .3s ease-in-out; } .selected_class img { filter: invert(18%) sepia(84%) saturate(2364%) hue-rotate(342deg) brightness(111%) contrast(108%); transition: all .3s ease-in-out; } .bottom_sticky_menu_toolbar #toolbar_first_show .selected_color img { filter: invert(18%) sepia(84%) saturate(2364%) hue-rotate(342deg) brightness(111%) contrast(108%); transition: all .3s ease-in-out; } div#toolbar_first_show .selected_color span { color: #ba1a1a !important; } .list-group-flush .list-group-item { padding: 16px 0px 10px 28px; border: none; width: 100%; display: flex; align-items: center; border-bottom: 1px solid #e5e4e2; } .side-bar-menu li.selcted_cls .list-group-item { background: #f4f4f4; } .side-bar-menu li.selcted_cls.hover .list-group-item { background: inherit; } .side-bar-menu li.selcted_cls .list-group-item img.top_icon { filter: invert(11%) sepia(87%) saturate(3951%) hue-rotate(350deg) brightness(134%) contrast(93%); } .side-bar-menu li.selcted_cls .list-group-item:hover img.top_icon { filter: invert(11%) sepia(87%) saturate(3951%) hue-rotate(350deg) brightness(134%) contrast(93%) !important; } .side-bar-menu li.selcted_cls .list-group-item .menu-text { color: #e31e23; } .list-group-flush .list-group-item img.top_icon { width: 18px; height: auto; margin-right: 10px; /* line-height: 1; */ margin-top: -5px; } .list-group-flush .list-group-item:hover { color: #fff; } button { position: absolute; top: 50%; border: none; background: rgba(32, 26, 26, 0.527); color: rgb(243, 243, 243); padding: 10px 16px; /* margin-top: -25px; */ font-size: 30px; z-index: 1000; font-weight: 900; transition: 0.5s ease-in-out; } .header_top_menu { position: absolute; top: 94px; left: 0; width: 100%; overflow-x: auto; padding: 2px 2px; background-color: #e31e23; /* margin-top: 5px; */ overflow-y: hidden; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } .social-icons ul li { display: inline-block; margin: 0px; text-align: center; } .menu { float: left; width: 100%; margin-bottom: 15px; } h1, h2, h3, h4 { margin: 0; caret-color: transparent; } .inp-grp input { caret-color: #666 !important; } a { text-decoration: none !important; } a { text-decoration: none; color: #000; } li { list-style-type: none; } .bottom_sticky_menu_toolbar { display: none !important; } .header-logo-section { width: 190px; float: left; padding: 0 10px 0 0; } .search-bar-form { float: left; width: 100%; } .inp-grp { background-color: #fff; border-radius: 10px; border: solid 1px #ccc; } .inp-grp button { border: none !important; background: transparent !important; } .inp-grp input { border: none; border-radius: 10px; } .form-control:focus { box-shadow: unset !important; border-color: none; } .srch-btn-icn { width: 21px; height: 21px; display: inline-block; } .srch-btn-icn img { width: 100%; } .download-btn a { width: 100%; padding: 10px; color: #fff !important; font-weight: 700; font-size: 16px; } .download-btn a i { margin: 0px 0px 0px 8px; } .download-btn { position: relative; width: 100%; float: left; } .search-btn { padding: 10px 10px !important; } .download-btn-icon { width: 14px; height: 14px; display: inline-block; margin-left: 10px; } .download-btn-icon img { width: 100%; } .navbar-toggler { padding: unset !important; border: none !important; top: 5px; left: -5px; } .srch-overlay-icn-btn { width: 18px; height: 18px; display: inline-block; } .srch-overlay-icn-btn img { width: 100%; } /* sandwich button */ .menu_icons_head_button { float: right; width: 100%; padding: 0; margin: 5px 0px 0 0px; } .menu_icons_head_button span { width: 23px; float: right; height: 2px; margin-bottom: 5px; border-radius: 5px; } /* top mennu bttom icons */ .social-icons.srch-ovrly a { display: inline-block; text-align: center; line-height: 1; } .social-icons ul li:hover { transform: scale(1.1); } .inp-grp input { border: none; border-radius: 10px; } .inp-grp input { caret-color: #666 !important; } .form-control:focus { box-shadow: unset !important; border-color: none; } /* left sidebar soc-icons */ .social-icons.srch-ovrly a#ftr-facebook img ppathath { fill: #000 !important; } .social-icons.srch-ovrly { display: inline-block; float: left; width: 100%; padding: 9px 4px; margin-top: 8px; } .social-icons.srch-ovrly h3 { font-size: 16px; font-weight: 500; color: #000; } .social-icons.srch-ovrly ul { justify-content: center; } .social-icons.srch-ovrly ul li { margin-left: 0 !important; } /* top menu */ .left-side { width: 100%; float: left; overflow-y: auto; background-color: #fff; height: calc(100% - 45.63px); overflow-x: hidden; height: 100%; } .dropdown-toggle.dropdown-main-btn.list-group-item.list-group-item-action { padding: 13px 0px 10px 30px; } .dropdown>a.dropdown-toggle.list-group-item.list-group-item-action { padding: 13px 0px 10px 30px; border-top: none; border-left: none; border-right: none; } .nav-link.dropdown-toggle.anchlist { padding: 10px 0px 10px 4px; text-align: start; border-bottom: 1px solid #50505033 !important; font-size: 17px; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: 0 0; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .dropdown-menu.dropdown-left a { padding: 13px 0px 10px 40px; } .dropdown .dropdown-menu.dropdown-left { position: relative !important; inset: 0px !important; margin: 0px; padding: 0px !important; border: none; } .dropdown .dropdown-menu.dropdown-left .dropdown-item { border-top-left-radius: unset !important; border-top-right-radius: unset !important; border-bottom-right-radius: unset !important; border-bottom-left-radius: unset !important; border-left: none; border-right: none; } .dropdown .dropdown-menu { --bs-dropdown-border-color: transparent !important; --bs-dropdown-border-radius: 0px !important; } .left-side::-webkit-scrollbar { width: 7px !important; } .left-side::-webkit-scrollbar-thumb { border-radius: 5px !important; background-color: #bdbdbd; } .left-side::-webkit-scrollbar-track { background-color: #fff; } .social-icons.left-side-bar a img { width: 100%; } .social-icons.left-side-bar { float: left; width: 205px; position: fixed; left: 0; bottom: 0; z-index: 9999; padding: 9px 6px; background: #0c8a70; text-align: unset; top: unset; transform: unset; } .left-col { float: left; width: 205px; height: calc(100vh - 83.39px); position: fixed; border-right: 1px solid #e5e4e2; } .list-group-flush .list-group-item .sub-menu { list-style: none; } .list-group-flush .list-group-item .sub-menu li a { border: none; padding: 15px auto; } .list-group-flush .list-group-item .sub-menu li a span { color: #818181; font-size: 0.8rem; } button { position: absolute; top: 50%; border: none; background: rgba(32, 26, 26, 0.527); color: rgb(243, 243, 243); padding: 10px 16px; /* margin-top: -25px; */ font-size: 30px; z-index: 1000; font-weight: 900; transition: 0.5s ease-in-out; } .parent_cat { font-size: 17px; font-weight: 600; padding: 14px; margin: -2px; color: #fff !important; } .inner_links_main { color: #fff !important; padding: 10px; } .inner_links_main span { color: inherit; } .mb-2 { margin-bottom: 0.5rem !important; } .me-auto { margin-right: auto !important; } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .scrollable-mobile-navbar-wrapper { display: none; width: 100%; float: left; background-color: #fff; margin-top: 6px; } .branding-container { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 6px; } span.bc-text { width: fit-content; font-size: 12px; color: #fff; font-weight: 500; line-height: 1; text-align: center; } span.bc-logo { width: 60px; height: auto; line-height: 1; } span.bc-logo img { width: 100%; height: auto; } .scrollable-navbar a.selected_color { color: #fff; background: #ba2a2d; } @media only screen and (max-width: 768px) { .header-section.mobile-header { padding: 6px 0px 0px !important; border-bottom: none; } .scrollable-mobile-navbar-wrapper { display: block; } /* .col-md-6 { flex: 0 0 auto; width: 50%; } */ .remaining-header-section { display: none !important; } .search-bar-overlay { caret-color: #888 !important; margin-bottom: 5px; } .search-bar-overlay input { padding-left: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .search-bar-overlay button { background-color: #fff !important; border-top-right-radius: 10px; border-bottom-right-radius: 10px; top: 0; } .search-bar-overlay input { border: none !important; } .search-bar { display: none; } .mobile-navbar { width: calc(100% - 190px); display: flex; float: right; padding: 8px 0px; justify-content: flex-end; } .nav-logo { width: 85px; margin-left: 0px; } .srch-btn-mobile-header { float: left; width: 30px; height: 30px; margin-top: 5px; margin-right: 15px; } .news-btn-mobile-header img, .srch-btn-mobile-header img { width: 100%; height: auto; } .news-btn-mobile-header { float: left; width: 30px; height: 30px; margin-top: 5px; /* margin-right: 17px; */ } .mobile-right-navbar { float: left; position: absolute; left: 12px; top: 10px; width: auto; --bs-navbar-padding-x: unset !important; --bs-navbar-padding-y: unset !important; } .mobile-right-navbar .navbar { float: left; width: 25px; } .mobile-collpase .navbar-nav { height: 550px !important; overflow-y: auto !important; } .navbar-nav .nav-item.dropdown { display: none; } .navbar-nav>li:first-child { position: sticky; top: 0px; background: #e31e23; } .navbar-nav form { position: sticky; top: 67px; padding-bottom: 10px; background: #e31e23; } .mobile-collpase.show .navbar-nav li>a { display: block; padding: 12px 4px !important; text-align: start; border-bottom: 1px solid #50505033 !important; font-size: 16px; font-weight: 500; } .mobile-collpase.show .dropdown-menu li>a { padding-left: 25px !important; } .mobile-collpase.show .navbar-nav .nav-item.dropdown a::after { position: sticky; top: 21%; left: 94%; } .mobile-collpase.show { position: fixed !important; top: 0 !important; right: 0 !important; opacity: 0.98 !important; height: 100% !important; width: 100% !important; z-index: 999 !important; padding: 10px 15px 15px; overflow: hidden; } .mobile-collpase.show span img { width: 20px; height: 20px; } .mobile-collpase.show .dropdown-menu.show { background-color: #000; padding: 0; } .mobile-collpase.show .dropdown-menu.show .dropdown-item { text-align: start; } .above-searchbar { width: 100%; float: left; padding: 0px 0 24px; background-color: transparent; } .logo-as { width: 80px; float: left; } .logo-as img { width: 100%; float: left; } .live-tv-btn { width: 100%; float: left; display: none; } .live-tv-btn img { width: 30px; float: left; border: none; } .close-btn { width: 20px; float: right; margin: 12px 11px 0px 0px; } .close-btn img { width: 100%; color: #fff; width: 20px; height: 20px; } .menu-btn { float: left; color: #000; font-size: 30px; margin-top: 7px; } .menu-btn img { width: 30px; float: right; } /* top menu */ .left-side { width: 100% !important; float: left; height: 45vh !important; padding-top: 0vh !important; position: unset !important; overflow-x: scroll; margin-top: 80px; border-right: none !important; } .left-side .list-group-flush .list-group-item { padding: 15px 10px 10px 15px !important; } .left-side::-webkit-scrollbar { width: 7px !important; } .left-side::-webkit-scrollbar-thumb { border-radius: 5px !important; background-color: #bdbdbd; } .left-side::-webkit-scrollbar-track { background-color: #fff; } .dropdown>a.dropdown-toggle.list-group-item.list-group-item-action { padding: 15px 10px !important; border-top: none; border-left: none; border-right: none; } .left-col { display: none; } .sn-item { padding: 4px 13px 0; font-weight: 600; font-size: 18px; margin: 0 0 0 0; border-bottom: solid 1px transparent; display: inline-block; line-height: normal; } /* div.sn-item{ display: none; } */ .scrollable-navbar { width: 100%; float: unset; overflow: scroll; white-space: nowrap; background-color: #ededed; margin-top: 0; /* padding: 0px 8px 6px 8px; */ } .scrollable-navbar::-webkit-scrollbar { display: none; } .sn-item .arrow-collapse { margin-left: 6px; opacity: 0.6; font-size: 13px; } .bottom_sticky_menu_toolbar { display: block !important; bottom: 0px !important; } .scrollable-navbar { white-space: nowrap; } .nav-item.dropdown .dropdown-menu { --bs-dropdown-bg: none !important; --bs-dropdown-border-color: none !important; overflow-y: scroll !important; /* height: 196px !important; */ } .top-bar-base { display: none !important; } .header-section-inner { display: none; margin-bottom: 0px; } .header-logo-section { padding: 0 10px 0 45px; } /* bottom-sticky bar custom css */ .bottom_sticky_menu_toolbar_sec img { width: 21px; height: 21px; margin-bottom: 1px; margin-top: 1px; } /* bottom-sticky bar custom css */ } .form-control::placeholder { padding-left: 10px; /* Adjust the value as needed */ } .form-control { outline: none; } .bottom_sticky_menu_toolbar { height: 55px !important; } .bottom_sticky_menu_toolbar_sec span.btm_stk_title { font-size: 13px !important; height: 15px !important; } .top-header .logo-img { width: 130px; } #srch_if_icn2 img { filter: brightness(100) !important; } .sticky { padding: 5px 0px !important; } .bottom-header { border-bottom: none; } .bottom-header .bottom-navbar { justify-content: space-between; } .bottom-header { padding: 15px 0; } .bl-icon-wrap { width: 125px; } .reltd-content { line-height: 1.45; } .container-grid { margin-top: unset !important; margin-bottom: unset !important; } .layout-7 .layout-7-inner .post-desc { display: none; } .top-news-section .post-desc { display: none; } .top-news-section .post-desc { display: none; } .top-news-section .single-block-pl .post-header { font-size: 30px; line-height: 1.45; } .post-info { width: 100%; } .spotlight .post-info { width: unset; } .post-info .author-card { white-space: nowrap; width: 45%; overflow: hidden; margin-right: 5px; line-height: 1; align-items: center; display: inline-flex; } .post-info .auth-name { max-width: 85%; overflow: hidden; text-overflow: ellipsis; line-height: 1; margin-left: 5px; } .post-info .post-time { width: 55%; font-size: inherit; color: inherit; display: inline-block; overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis; line-height: normal; } .post-item .post-featured-img-wrapper { margin-bottom: 8px; } .top-news-section .multi-block-pl .post-header { line-height: 1.45; font-weight: 600; margin-bottom: 4px; } .multi-block-pl .post-featured-img-wrapper { margin-bottom: 5px; } .layout-4 .post-item .post-featured-img-wrapper { margin-bottom: 0px; } .scrollable-navbar a.selected_color { color: #fff; background: #ba2a2d; } .main-menu-list-item a:hover { color: #000 !important; } .bottom-header .main-menu ul li { font-weight: 600 !important; font-size: 18px !important; } .leftright { background: #fff !important; } .rightleft { background: #fff !important; } .smnu-list-item a:hover { color: #000 !important; } @media only screen and (min-width: 360px) and (max-width: 768px) { .bottom_sticky_menu_toolbar_sec span.btm_stk_title{ opacity: 1 !important;} .top-bar { display: none !important; } .bottom_sticky_menu_toolbar { height: 8% !important; } .main-menu-list-item a:hover { color: #e31e23!important; } .bottom-header .bottom-navbar .search-input-field-btm { top: 87px; padding: 16px 15px 16px; } .bottom-header { padding: 5px 0; background-color: #fff !important; } #rjfirst-toolbar { display: none; } .top-header { height: 100px; } .bl-icon-wrap { width: 110px; } ul.smnu-list { padding: 0px 10px; } .layout-7 .layout-7-inner .posts-list-wrapper:nth-of-type(2)>div:nth-of-type(1) .post-featured-img-wrapper { order: 2; height: 190px; } .hz-layout .post-featured-img-wrapper { height: 100px; } .pbs-vrtcl .post-featured-img-wrapper { height: 190px; } .hz-layout .post-featured-img-wrapper { height: 105px; } .post-info { flex-direction: row !important; } .news-top-carousel { padding: 60px 0 0 !important; } .bottom-header .main-menu ul.main-menu-list { padding: 5px 10px 4px !important; } .bottom-header .bottom-navbar .search-input-field-btm { top: 89px; padding: 16px 15px 16px; } .bottom_sticky_menu_toolbar_sec img { width: 25px; height: 25px; margin-bottom: 1px !important; margin-top: 1px; } } /* new css */ .bottom-header .main-menu ul li { font-size: 17px !important; } .header_social-icons { display: none } .date-time { display: none; } .si-inner form input { border: 1px solid #c6c6c6; } .post-info .author-card { width: auto !important; max-width: 45%; } .search-section { display: none !important; } .main-logo { justify-content: left; } .news-top-carousel { padding: 20px 0 0; } li.chooseState span { color: #000; } .search-input-field-btm { top: 60px; } .header-content { position: relative; } .bottom-header .bhdr_logo>.logo-img { width: 105px !important; } .Header_header__stateLink__66MfX { width: 40% !important; } .Header_header__stateLink__66MfX li { margin-top: -10px; } .ot_logout_div button{ background-color: #ffffff; color: #090909; border-radius: 14%; padding: 4px; cursor: pointer; opacity: .7; border: none; position: relative !important; font-size: 14px !important; padding: 10px !important; } .ot_logout_div button:hover{ opacity: 0.9; } .onetablog { display: flex; flex-direction: column; border: solid 1px #acb3b4; border-radius: 15px; align-items: center; margin-top: 5px; } div#vertical_menu .ot_logout_div { padding-top: 5px !important; padding-bottom: 5px !important; } @media screen and (max-width: 768px) { .spotlight-stories h1, .spotlight-article h2 { padding: 0px; line-height: 1.24em; } .news-top-carousel { padding: 44px 0 0 !important; } .bottom-header .bhdr_logo .logo-img { margin: -2px auto 2px -5% !important; } .header-menu-btn { width: 10% !important; } a.badge.badge-outline-dark.mr-3.mb-1 { padding: 2px 10px; margin: 0 0 0 2px; } .bottom-header .bhdr_logo .logo-img { width: 75px !important; padding: 1px 0 0 0; } div#srch_if_icn2 { margin: -6% 8% 0% 0% !important; filter: invert(1); } .bottom-header .main-menu{ bottom: -40px !important; } div#toolbar { /* background: #fff; */ border-top: 1px solid #fff; border-radius: 0px; } } @media screen and (min-width: 769px) { .top-header .logo-img { margin: -6px 0 3px 0; width: 110px; } .header-content .Header_header__stateLink__66MfX { top: 23px !important; } } @media screen and (max-width: 768px) { .btn-line {background:#000 !important;} } .side-bar-menu li a:hover { background-color: #e31e23 !important; transition: all .3s ease-in-out; } .list-group-flush .list-group-item:hover{ color: #fff !important; transition: all .3s ease-in-out; } .list-group-flush .list-group-item:hover img { filter: invert(100%) sepia(0%) saturate(4643%) hue-rotate(190deg) brightness(109%) contrast(111%) !important; transition: all .3s ease-in-out; } .selected_class img { filter: invert(18%) sepia(84%) saturate(2364%) hue-rotate(342deg) brightness(111%) contrast(108%); transition: all .3s ease-in-out; } .top_menu_toolbar_sec:hover img{ filter: invert(18%) sepia(84%) saturate(2364%) hue-rotate(342deg) brightness(111%) contrast(108%); transition: all .3s ease-in-out; } .top_menu_toolbar_sec:hover span { color: #e31e23 !important; transition: all .3s ease-in-out; } @media only screen and (max-width: 768px) { .scrollable-navbar { background-color: #e31e23 !important; } .sn-item{ color: #fff !important; font-size: 17px !important; } } .ad_div_bottom_adcode_cat{ float: left; } .header-section { padding: 0px 0px 8px; } .bottom_sticky_menu_toolbar #toolbar_first_show .selected_color img{ filter: invert(18%) sepia(84%) saturate(2364%) hue-rotate(342deg) brightness(111%) contrast(108%); transition: all .3s ease-in-out; } div#toolbar_first_show .selected_color span { color: #ba1a1a !important; } .side-bar-menu li.selcted_cls .list-group-item{ background: #f4f4f4 !important; } .topmenu{ margin: -2px .5% 0 0 !important } .footer-section { width: calc(100% - 205px); float: right; background-color: #000000d9; padding: 20px 0px 0px 0px; } .about { width: 100%; float: left; padding: 0px 12px 0px 12px; margin-bottom: 12px; } .footer-section .about .about-info { float: left; font-size: 15px; font-weight: 400; line-height: 1.35; margin-bottom: 5px; /* color: #fff; */ } .about p i { margin-right: 5px; } .about .address { line-height: 1.2; font-size: 15px; display: flex; } .about .address i { margin-right: 10px; } .about .phone { font-size: 15px; } .about .email { font-size: 15px; } .logo-info-wrapper { width: 100%; float: left; } .logo-image { width: 100px; float: left; margin-bottom: 15px; text-align: start; } .logo-image img { width: 100%; height: auto; margin-right: 5px; } .news-tabs .card-layout.sm-card.sm-card-mobile.footer { width: 100%; background-color: transparent; border: none; border-radius: 15px; padding: 5px 12px 2px 0; float: left; margin-bottom: 0px; } .news-tabs .card-layout { background-color: unset !important; border: unset !important; padding: unset !important; } .news-tabs .img-post { display: none; } .news-tabs .card-layout .content-post { width: 100% !important; margin-left: 0 !important; } .news-tabs .all-icons { display: none; } .news-tabs { width: 100%; float: left; margin-bottom: 10px; } .news-tabs .card-layout.sm-card.sm-card-mobile.footer .meta-category { display: none; } .news-tabs .card-layout.sm-card.sm-card-mobile.footer .all-icons { display: none; } .copyright-row { background: #000; margin-top: 25px; } .copyright-wrap { width: 100%; padding: 11px; display: flex; justify-content: center; align-items: center; /* border-top: 1px solid lightgrey; */ /* background-color: #d7d7d7; */ } .copyright { width: 100%; font-size: 15px; display: flex; justify-content: space-between; align-items: center; position: relative; } .copyright .pwrd-by { float: left; width: fit-content; font-size: 15px; font-weight: normal; color: #fff; } .copyright .pwrd-by a { width: 72px; height: auto; display: inline-block; } .copyright img { width: 100%; } .footer-list-heading { font-size: 18px; font-weight: 700; line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #ffffff45 !important; margin: 10px 0 10px !important; } .menu-mobile ul.footer-list { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 4px; } .menu-mobile ul.footer-list li { width: 48%; } /* .footer-list{ display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-list li{ width: 48%; } */ .card-layout.sm-card .all-icons i { font-size: 11px; } .social-icons.srch-ovrly a#ftr-facebook img path { fill: #000 !important; } .copyright-wrap.mobile .copyright .social-icons { /* margin-bottom: 10px; */ left: 15% !important; } .social-icons.ftr { display: none; } .social-icons.ftr a { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 1; } .social-icons.ftr a img { width: 100%; /* filter: invert(41%) sepia(47%) saturate(24%) hue-rotate(3deg) brightness(104%) contrast(97%); */ color: #fff; } .rights-rsvd p { float: left; width: fit-content; font-size: 15px; font-weight: normal; color: #fff; } .quick-links { width: 100%; float: left; margin-left: auto; margin-right: auto; /* padding: 0px 12px 0 0; */ } li { list-style-type: none; } .footer-list { padding: 0px; margin: 0px; } .footer-list li a { /* color: #fff; */ font-size: 15px; font-weight: normal; line-height: 1.1; } .menu { float: left; width: 100%; margin-bottom: 15px; } .copyright p { display: inline-block; margin-bottom: 0 !important; } .social-icons.download_icon { display: inline-block; background: #cccccc14; padding: 5px 5px; border-radius: 5px; margin-bottom: 11px; } @media only screen and (max-width: 768px) { .menu.mobile { margin-bottom: 20px !important; } .footer-list li a { font-size: 14px; margin: 0px 16px 0 0; } footer .quick-links { padding: 0; margin-bottom: 23px; } .footer-list { display: flex; flex-wrap: wrap; row-gap: 4px; } .footer-section .about { padding: 0 !important; margin-bottom: 20px; } footer.footer-section { width: 100% !important; } .footer-section .social-icons { width: 100%; } .copyright-wrap.mobile { padding: 8px 0px !important; } .copyright-wrap.mobile .copyright { flex-direction: column; gap: 5px; align-items: center; } .copyright-wrap.mobile .copyright .social-icons { /* margin-bottom: 10px; */ left: 15% !important; } footer .footer-list-heading { margin: 0px 0 5px !important; padding-bottom: 8px; font-size: 18px; } .card-layout.big-carousel .content-post { position: absolute !important; } .card-layout.sm-card.sm-card-mobile .content-post .all-icons { position: absolute; bottom: 0; right: 0; } .card-layout.sm-card.sm-card-mobile .content-post .meta-date { display: block; } .news-tabs { display: none !important; } .news-tabs .card-layout.sm-card.sm-card-mobile.footer .img-post { width: 130px !important; height: 80px !important; border-radius: 8px !important; } .news-tabs .card-layout.footer .content-post { width: calc(100% - 140px) !important; } .copyright-row { padding-bottom: 65px !important; } .menu-mobile { margin-bottom: 35px; } .menu-mobile ul.footer-list { justify-content: unset; row-gap: 4px; } .menu-mobile ul.footer-list li { width: fit-content; display: inline-block; } } .right-sn-widgets { width: 100%; float: left; margin-top: 12px; } .card-below-tv { width: 100%; float: left; } .right-side .post-type-heading { float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #ccc; } .right-side .post-type-heading h2 { display: inline-block; font-size: 21px; font-weight: 500; color: #000; border-bottom: 4px solid #e31e23; margin-bottom: 0; padding-bottom: 3px; line-height: 1.2; } .main_spec_listing_content { width: 100%; float: left; margin-bottom: 15px; } .right-side .card-layout { width: 100%; float: left; margin-bottom: 12px; border: none; padding: 0; position: relative; } .right-side .card-layout .img-post { width: 120px; height: 80px; position: relative; display: inline-block; float: left; overflow: hidden; border-radius: 6px; margin-bottom: 0px; } .right-side .card-layout .img-post picture img { width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .right-side .card-layout .content-post { width: calc(100% - 130px); float: left; margin-left: 10px; } .right-side .card-layout .content-post .meta-category { font-size: 12px; font-weight: 500; width: 50%; display: none; position: relative; top: -4px; } .meta-category a { color: inherit; } .right-side .card-layout .btm-entry { float: left; width: 100%; } .right-side .card-layout.sm-card .content-post h2 { font-size: 15px; line-height: 1.3; -webkit-line-clamp: 3; font-weight: 500; margin: 0 0 5px 0; display: -webkit-box; -webkit-box-orient: vertical; color: #000; overflow: hidden; position: relative; /* top: -8px; */ } .right-side .card-layout .meta-time { font-size: 12px; float: left; color: #000 !important; display: inline-block; line-height: 1; margin: 0px; line-height: 16px; font-weight: 400; position: relative; top: -6px; } @media only screen and (max-width: 768px) { .right-sn-widgets { display: none; } } .main-content-section { width: 100%; float: left; } .col-md-content { flex: 0 0 auto; width: 70% !important; } .middle-side { width: 100%; float: left; padding-bottom: 25px; } .middle-side .card-layout { width: 100%; float: left; margin-bottom: 25px; border: none; padding: 0; position: relative; } .middle-side .card-layout .img-post { width: 100%; height: 145px; position: relative; display: inline-block; float: left; overflow: hidden; border-radius: 6px; margin-bottom: 3px; } .card-layout .img-post picture img { width: 100%; height: auto; } .middle-side .card-layout .content-post { width: 100%; float: left; margin-left: 0px; } .middle-side .card-layout .content-post .meta-category { font-size: 13px; font-weight: 500; width: 50%; display: inline-block; } .meta-category a{ color: inherit; } .author-page .middle-side .card-layout .content-post h1, .author-page .middle-side .card-layout .content-post div{ line-height: 1.3; -webkit-line-clamp: 3; font-weight: 500; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; color: #000; overflow: hidden; font-size: 15px; margin-bottom: 0px; position: relative; top: -4px; } .author-page .middle-side .card-layout .content-post .btm-entry { float: left; width: 100%; overflow: hidden; text-wrap: nowrap; top: -4px; position: relative; font-size: 12px; line-height: 1.2; } .author-page .middle-side .card-layout .content-post .author-info { float: left; display: inline-block; line-height: inherit; margin-right: 8px; font-size: inherit; } .author-page .middle-side .card-layout .content-post .author-info b { font-weight: 400; font-size: inherit; color: #555; line-height: inherit; } .author-page .middle-side .card-layout .content-post .author-info a { color: #e31e23; font-size: inherit; line-height: inherit; font-weight: 500; text-transform: capitalize; padding-right: 10px; border-right: 1px solid #0000007d; } .author-page .middle-side .card-layout .content-post .btm-entry .meta-time { font-size: inherit; float: left; color: #000 !important; display: inline-block; line-height: inherit; margin: 0px; line-height: 16px; font-weight: 400; } @media (min-width: 768px) { .col-md-12 { flex: 0 0 auto; width: 100%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } } .content-section { width: calc(100% - 205px); float: right; padding: 0px 7px; } .content-section .middle-col{ margin-top: 15px; } .col-md-content { flex: 0 0 auto; width: 70% !important; } .col-md-sidebar { flex: 0 0 auto; width: 30% !important; } .right-side { width: 100%; float: left; z-index: 10; } .loader.hcms_loader { margin: auto; margin-top: 25px; } .category_pagination { width: 100% !important; margin: 30px 0 30px; float: left; text-align: center; } #pagination_loader { width: 100%; float: left; } .loader.hcms_loader { margin: auto; margin-top: 25px; } /* pagination css */ .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0; list-style: none; } .category_pagination .pagination a.page-link { color: #888; } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .disabled>.page-link, .page-link.disabled { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .cat-page-nav { width: fit-content; margin: auto; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); } p.a_desc { font-size: 16px; line-height: 1.3; font-weight: 400; margin: 0px; } @media only screen and (max-width: 768px) { .right-sn-widgets { display: none; } .main-content-section { width: 100%; float: left; } .left-col { display: none; } .content-section { width: 100% !important; float: left; padding: 0px 15px 0px; } .main-content-section .middle-col { padding: 0; } .col-md-content { flex: 0 0 auto; width: 100% !important; } .middle-side { padding-bottom: 0; } .heading-arrow h2 { font-size: 20px !important; } .middle-side .card-layout { margin-bottom: 22px; } .middle-side .card-layout .img-post { width: 150px; height: 80px; position: relative; display: inline-block; float: left; overflow: hidden; border-radius: 6px; margin-bottom: 0px; } .middle-side .card-layout .content-post { width: calc(100% - 160px); float: left; margin-left: 10px; } .middle-side .card-layout.sm-card.sm-card-mobile .img-post picture img { width: 100%; height: auto; } .card-layout.sm-card.sm-card-mobile .img-post picture img { width: 130px; height: 80px; border-radius: 8px; } .author-page .middle-side .card-layout .content-post h1 { font-size: 15px; top: unset; } .category_pagination { width: 100% !important; } .category_page_name h1 { margin-bottom: 5px; } .right-sn-widgets { display: none; } .middle-side .card-layout .content-post .meta-category { display: none; } .author-page .middle-side .card-layout .content-post .btm-entry { top: unset; } /* first card on mobile listing */ .middle-side .row .col-md-4:nth-of-type(1) .card-layout .img-post { width: 100%; height: 210px; overflow: hidden; margin-bottom: 6px; } .middle-side .row .col-md-4:nth-of-type(1) .card-layout .content-post { width: 100%; margin: 0px; } .middle-side .row .col-md-4:nth-of-type(1) .card-layout .content-post h1,.middle-side .row .col-md-4:nth-of-type(1) .card-layout .content-post div { font-size: 18px !important; font-weight: 600 !important; } }