@charset "UTF-8";
/*
* Bootstrap  v5.2.3 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--bs-blue: #003CC5;
--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: #003CC5;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 0, 60, 197;
--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-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
--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-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-link-color: #003CC5;
--bs-link-hover-color: #00309e;
--bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd;
}

*,
*::before,
*::after {
box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}

body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: 1px solid;
opacity: 0.25;
}

h6, .form-wrapper.accordion .accordion-item h2, .form-wrapper.accordion .accordion-item .h2, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}

h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}

h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}

h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}

h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}

h5, .h5 {
font-size: 1.25rem;
}

h6, .form-wrapper.accordion .accordion-item h2, .form-wrapper.accordion .accordion-item .h2, .h6 {
font-size: 1rem;
}

p {
margin-top: 0;
margin-bottom: 1rem;
}

abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none;
}

address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}

ol,
ul {
padding-left: 2rem;
}

ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}

dt {
font-weight: 700;
}

dd {
margin-bottom: 0.5rem;
margin-left: 0;
}

blockquote {
margin: 0 0 1rem;
}

b,
strong {
font-weight: bolder;
}

small, .small {
font-size: 0.875em;
}

mark, .mark {
padding: 0.1875em;
background-color: var(--bs-highlight-bg);
}

sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

a {
color: var(--bs-link-color);
text-decoration: underline;
}
a:hover {
color: var(--bs-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}

pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
}

pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}

code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}

kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}

figure {
margin: 0 0 1rem;
}

img,
svg {
vertical-align: middle;
}

table {
caption-side: bottom;
border-collapse: collapse;
}

caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}

th {
text-align: inherit;
text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}

label {
display: inline-block;
}

button {
border-radius: 0;
}

button:focus:not(:focus-visible) {
outline: 0;
}

input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}

button,
select {
text-transform: none;
}

[role=button] {
cursor: pointer;
}

select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}

::-moz-focus-inner {
padding: 0;
border-style: none;
}

textarea {
resize: vertical;
}

fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}

legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1rem;
line-height: inherit;
}
legend + * {
clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}

::-webkit-inner-spin-button {
height: auto;
}

[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
padding: 0;
}

::file-selector-button {
font: inherit;
-webkit-appearance: button;
}

output {
display: inline-block;
}

iframe {
border: 0;
}

summary {
display: list-item;
cursor: pointer;
}

progress {
vertical-align: baseline;
}

[hidden] {
display: none !important;
}

.lead {
font-size: 1.25rem;
font-weight: 300;
}

.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}

.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}

.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}

.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}

.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}

.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}

.list-unstyled {
padding-left: 0;
list-style: none;
}

.list-inline {
padding-left: 0;
list-style: none;
}

.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}

.initialism {
font-size: 0.875em;
text-transform: uppercase;
}

.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}

.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}

.img-fluid {
max-width: 100%;
height: auto;
}

.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid var(--bs-border-color);
border-radius: 0.375rem;
max-width: 100%;
height: auto;
}

.figure {
display: inline-block;
}

.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}

.figure-caption {
font-size: 0.875em;
color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--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;
}

@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.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 {
flex: 1 0 0%;
}

.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}

.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}

.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}

.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}

.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}

.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}

.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}

.col-auto {
flex: 0 0 auto;
width: auto;
}

.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}

.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}

.col-3 {
flex: 0 0 auto;
width: 25%;
}

.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}

.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}

.col-6 {
flex: 0 0 auto;
width: 50%;
}

.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}

.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}

.col-9 {
flex: 0 0 auto;
width: 75%;
}

.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}

.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}

.col-12 {
flex: 0 0 auto;
width: 100%;
}

.offset-1 {
margin-left: 8.33333333%;
}

.offset-2 {
margin-left: 16.66666667%;
}

.offset-3 {
margin-left: 25%;
}

.offset-4 {
margin-left: 33.33333333%;
}

.offset-5 {
margin-left: 41.66666667%;
}

.offset-6 {
margin-left: 50%;
}

.offset-7 {
margin-left: 58.33333333%;
}

.offset-8 {
margin-left: 66.66666667%;
}

.offset-9 {
margin-left: 75%;
}

.offset-10 {
margin-left: 83.33333333%;
}

.offset-11 {
margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
--bs-gutter-x: 0;
}

.g-0,
.gy-0 {
--bs-gutter-y: 0;
}

.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@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;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-color: var(--bs-body-color);
--bs-table-bg: transparent;
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-body-color);
--bs-table-striped-bg: #f9f9f9;
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: var(--bs-body-color);
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: var(--bs-table-color);
vertical-align: top;
border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.75rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}

.table-group-divider {
border-top: 2px solid currentcolor;
}

.caption-top {
caption-side: top;
}

.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
}

.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color);
}

.table-primary {
--bs-table-color: #000;
--bs-table-bg: #ccd8f3;
--bs-table-border-color: #b8c2db;
--bs-table-striped-bg: #c2cde7;
--bs-table-striped-color: #000;
--bs-table-active-bg: #b8c2db;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bdc8e1;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

.table-secondary {
--bs-table-color: #000;
--bs-table-bg: #e2e3e5;
--bs-table-border-color: #cbccce;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

.table-success {
--bs-table-color: #000;
--bs-table-bg: #d1e7dd;
--bs-table-border-color: #bcd0c7;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

.table-info {
--bs-table-color: #000;
--bs-table-bg: #cff4fc;
--bs-table-border-color: #badce3;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

.table-warning {
--bs-table-color: #000;
--bs-table-bg: #fff3cd;
--bs-table-border-color: #e6dbb9;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

.table-danger {
--bs-table-color: #000;
--bs-table-bg: #f8d7da;
--bs-table-border-color: #dfc2c4;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

.table-light {
--bs-table-color: #000;
--bs-table-bg: #f8f9fa;
--bs-table-border-color: #dfe0e1;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #212529;
--bs-table-border-color: #373b3e;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
}

.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}

.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
}

.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
}

.form-text {
margin-top: 0;
font-size: 0.875em;
color: #6c757d;
}

.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control[type=file] {
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #809ee2;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}
.form-control::-webkit-date-and-time-value {
height: 1.5em;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled {
background-color: #e9ecef;
opacity: 1;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
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;
}
@media (prefers-reduced-motion: reduce) {
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3;
}

.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext:focus {
outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}

.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}

.form-control-lg {
min-height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.5rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}

textarea.form-control {
min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
width: 3rem;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + 2px);
}

.form-select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select:focus {
border-color: #809ee2;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
background-color: #e9ecef;
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #212529;
}

.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}

.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: 0.5rem;
}

.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}

.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right;
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0;
}

.form-check-input {
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
appearance: none;
print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
border-radius: 0.25em;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #809ee2;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}
.form-check-input:checked {
background-color: #003CC5;
border-color: #003CC5;
}
.form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #003CC5;
border-color: #003CC5;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
cursor: default;
opacity: 0.5;
}

.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23809ee2'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
padding-right: 2.5em;
padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.5em;
margin-left: 0;
}

.form-check-inline {
display: inline-block;
margin-right: 1rem;
}

.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn, .node-preview-container .btn-check[disabled] + .node-preview-backlink, .btn-check[disabled] + .button, .btn-check[disabled] + button.link, .btn-check:disabled + .btn, .node-preview-container .btn-check:disabled + .node-preview-backlink, .btn-check:disabled + .button, .btn-check:disabled + button.link {
pointer-events: none;
filter: none;
opacity: 0.65;
}

.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
appearance: none;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #003CC5;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b3c5ee;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #003CC5;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: #b3c5ee;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
}

.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
height: calc(3.5rem + 2px);
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
border-width: 1px 0;
}

.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
z-index: 5;
}
.input-group .btn, .input-group .node-preview-container .node-preview-backlink, .node-preview-container .input-group .node-preview-backlink, .input-group .button, .input-group button.link {
position: relative;
z-index: 2;
}
.input-group .btn:focus, .input-group .node-preview-container .node-preview-backlink:focus, .node-preview-container .input-group .node-preview-backlink:focus, .input-group .button:focus, .input-group button.link:focus {
z-index: 5;
}

.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.375rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn,
.node-preview-container .input-group-lg > .node-preview-backlink,
.input-group-lg > .button,
.input-group-lg > button.link {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.5rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn,
.node-preview-container .input-group-sm > .node-preview-backlink,
.input-group-sm > .button,
.input-group-sm > button.link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.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 {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
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: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.valid-feedback {
display: none;
width: 100%;
margin-top: 0;
font-size: 0.875em;
color: #198754;
}

.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(25, 135, 84, 0.9);
border-radius: 0.375rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
border-color: #198754;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
z-index: 3;
}

.invalid-feedback {
display: none;
width: 100%;
margin-top: 0;
font-size: 0.875em;
color: #dc3545;
}

.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.375rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
z-index: 4;
}

.btn, .node-preview-container .node-preview-backlink, a.button, .button, button.link {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: #212529;
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: 0.375rem;
--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), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
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;
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;
}
@media (prefers-reduced-motion: reduce) {
.btn, .node-preview-container .node-preview-backlink, a.button, .button, button.link {
transition: none;
}
}
.btn:hover, .node-preview-container .node-preview-backlink:hover, .button:hover, button.link:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover, .node-preview-container .btn-check + .node-preview-backlink:hover, .btn-check + .button:hover, .btn-check + button.link:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color);
}
.btn:focus-visible, .node-preview-container .node-preview-backlink:focus-visible, .button:focus-visible, button.link:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn, .node-preview-container .btn-check:focus-visible + .node-preview-backlink, .btn-check:focus-visible + .button, .btn-check:focus-visible + button.link {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, .node-preview-container .btn-check:checked + .node-preview-backlink, .btn-check:checked + .button, .btn-check:checked + button.link, :not(.btn-check) + .btn:active, .node-preview-container :not(.btn-check) + .node-preview-backlink:active, :not(.btn-check) + .button:active, :not(.btn-check) + button.link:active, .btn:first-child:active, .node-preview-container .node-preview-backlink:first-child:active, .button:first-child:active, button.link:first-child:active, .btn.active, .media-library-view--widget .view-header a.btn.is-active, .node-preview-container .active.node-preview-backlink, .node-preview-container .media-library-view--widget .view-header a.node-preview-backlink.is-active, .media-library-view--widget .view-header .node-preview-container a.node-preview-backlink.is-active, .active.button, .media-library-view--widget .view-header a.button.is-active, button.active.link, .btn.show, .node-preview-container .show.node-preview-backlink, .show.button, button.show.link {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, .node-preview-container .btn-check:checked + .node-preview-backlink:focus-visible, .btn-check:checked + .button:focus-visible, .btn-check:checked + button.link:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .node-preview-container :not(.btn-check) + .node-preview-backlink:active:focus-visible, :not(.btn-check) + .button:active:focus-visible, :not(.btn-check) + button.link:active:focus-visible, .btn:first-child:active:focus-visible, .node-preview-container .node-preview-backlink:first-child:active:focus-visible, .button:first-child:active:focus-visible, button.link:first-child:active:focus-visible, .btn.active:focus-visible, .media-library-view--widget .view-header a.btn.is-active:focus-visible, .node-preview-container .active.node-preview-backlink:focus-visible, .node-preview-container .media-library-view--widget .view-header a.node-preview-backlink.is-active:focus-visible, .media-library-view--widget .view-header .node-preview-container a.node-preview-backlink.is-active:focus-visible, .active.button:focus-visible, .media-library-view--widget .view-header a.button.is-active:focus-visible, button.active.link:focus-visible, .btn.show:focus-visible, .node-preview-container .show.node-preview-backlink:focus-visible, .show.button:focus-visible, button.show.link:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .node-preview-container .node-preview-backlink:disabled, .button:disabled, button.link:disabled, .btn.disabled, .node-preview-container .disabled.node-preview-backlink, .disabled.button, button.disabled.link, fieldset:disabled .btn, fieldset:disabled .node-preview-container .node-preview-backlink, .node-preview-container fieldset:disabled .node-preview-backlink, fieldset:disabled .button, fieldset:disabled button.link {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #003CC5;
--bs-btn-border-color: #003CC5;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0033a7;
--bs-btn-hover-border-color: #00309e;
--bs-btn-focus-shadow-rgb: 38, 89, 206;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #00309e;
--bs-btn-active-border-color: #002d94;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #003CC5;
--bs-btn-disabled-border-color: #003CC5;
}

.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5c636a;
--bs-btn-hover-border-color: #565e64;
--bs-btn-focus-shadow-rgb: 130, 138, 145;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #565e64;
--bs-btn-active-border-color: #51585e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6c757d;
--bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #157347;
--bs-btn-hover-border-color: #146c43;
--bs-btn-focus-shadow-rgb: 60, 153, 110;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #146c43;
--bs-btn-active-border-color: #13653f;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #198754;
--bs-btn-disabled-border-color: #198754;
}

.btn-info {
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #31d2f2;
--bs-btn-hover-border-color: #25cff2;
--bs-btn-focus-shadow-rgb: 11, 172, 204;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #3dd5f3;
--bs-btn-active-border-color: #25cff2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffca2c;
--bs-btn-hover-border-color: #ffc720;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffcd39;
--bs-btn-active-border-color: #ffc720;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
--bs-btn-focus-shadow-rgb: 225, 83, 97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b02a37;
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d5;
--bs-btn-hover-border-color: #c6c7c8;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7c8;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #424649;
--bs-btn-hover-border-color: #373b3e;
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4d5154;
--bs-btn-active-border-color: #373b3e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary, .node-preview-container .node-preview-backlink {
--bs-btn-color: #003CC5;
--bs-btn-border-color: #003CC5;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #003CC5;
--bs-btn-hover-border-color: #003CC5;
--bs-btn-focus-shadow-rgb: 0, 60, 197;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #003CC5;
--bs-btn-active-border-color: #003CC5;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #003CC5;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #003CC5;
--bs-gradient: none;
}

.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;
}

.btn-outline-success {
--bs-btn-color: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #198754;
--bs-btn-hover-border-color: #198754;
--bs-btn-focus-shadow-rgb: 25, 135, 84;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #198754;
--bs-btn-active-border-color: #198754;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #198754;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #198754;
--bs-gradient: none;
}

.btn-outline-info {
--bs-btn-color: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0dcaf0;
--bs-btn-hover-border-color: #0dcaf0;
--bs-btn-focus-shadow-rgb: 13, 202, 240;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0dcaf0;
--bs-btn-active-border-color: #0dcaf0;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0dcaf0;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0dcaf0;
--bs-gradient: none;
}

.btn-outline-warning {
--bs-btn-color: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #ffc107;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffc107;
--bs-gradient: none;
}

.btn-outline-danger {
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #dc3545;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545;
--bs-gradient: none;
}

.btn-outline-light {
--bs-btn-color: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fa;
--bs-btn-hover-border-color: #f8f9fa;
--bs-btn-focus-shadow-rgb: 248, 249, 250;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fa;
--bs-btn-active-border-color: #f8f9fa;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f8f9fa;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f8f9fa;
--bs-gradient: none;
}

.btn-outline-dark {
--bs-btn-color: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-focus-shadow-rgb: 33, 37, 41;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #212529;
--bs-gradient: none;
}

.btn-link, button.link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: none;
--bs-btn-focus-shadow-rgb: 38, 89, 206;
text-decoration: underline;
}
.btn-link:focus-visible, button.link:focus-visible {
color: var(--bs-btn-color);
}
.btn-link:hover, button.link:hover {
color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn, .node-preview-container .btn-group-lg > .node-preview-backlink, .btn-group-lg > .button, .btn-group-lg > button.link {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn, .node-preview-container .btn-group-sm > .node-preview-backlink, .btn-group-sm > .button, .btn-group-sm > button.link {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: 0.25rem;
}

.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}

.collapse:not(.show) {
display: none;
}

.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-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-toggle:empty::after {
margin-left: 0;
}

.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: #212529;
--bs-dropdown-bg: #fff;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: 0.375rem;
--bs-dropdown-border-width: 1px;
--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
--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: #212529;
--bs-dropdown-link-hover-color: #1e2125;
--bs-dropdown-link-hover-bg: #e9ecef;
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #003CC5;
--bs-dropdown-link-disabled-color: #adb5bd;
--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);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}

.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}

@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}

.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1;
}

.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;
}
.dropdown-item:hover, .dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .media-library-view--widget .view-header a.dropdown-item.is-active, .dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent;
}

.dropdown-menu.show {
display: block;
}

.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}

.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #003CC5;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn, .node-preview-container .btn-group > .node-preview-backlink, .btn-group > .button, .btn-group > button.link,
.btn-group-vertical > .btn,
.node-preview-container .btn-group-vertical > .node-preview-backlink,
.btn-group-vertical > .button,
.btn-group-vertical > button.link {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn, .node-preview-container .btn-group > .btn-check:checked + .node-preview-backlink, .btn-group > .btn-check:checked + .button, .btn-group > .btn-check:checked + button.link,
.btn-group > .btn-check:focus + .btn,
.node-preview-container .btn-group > .btn-check:focus + .node-preview-backlink,
.btn-group > .btn-check:focus + .button,
.btn-group > .btn-check:focus + button.link,
.btn-group > .btn:hover,
.node-preview-container .btn-group > .node-preview-backlink:hover,
.btn-group > .button:hover,
.btn-group > button.link:hover,
.btn-group > .btn:focus,
.node-preview-container .btn-group > .node-preview-backlink:focus,
.btn-group > .button:focus,
.btn-group > button.link:focus,
.btn-group > .btn:active,
.node-preview-container .btn-group > .node-preview-backlink:active,
.btn-group > .button:active,
.btn-group > button.link:active,
.btn-group > .btn.active,
.media-library-view--widget .view-header .btn-group > a.btn.is-active,
.node-preview-container .btn-group > .active.node-preview-backlink,
.node-preview-container .media-library-view--widget .view-header .btn-group > a.node-preview-backlink.is-active,
.media-library-view--widget .view-header .node-preview-container .btn-group > a.node-preview-backlink.is-active,
.btn-group > .active.button,
.media-library-view--widget .view-header .btn-group > a.button.is-active,
.btn-group > button.active.link,
.btn-group-vertical > .btn-check:checked + .btn,
.node-preview-container .btn-group-vertical > .btn-check:checked + .node-preview-backlink,
.btn-group-vertical > .btn-check:checked + .button,
.btn-group-vertical > .btn-check:checked + button.link,
.btn-group-vertical > .btn-check:focus + .btn,
.node-preview-container .btn-group-vertical > .btn-check:focus + .node-preview-backlink,
.btn-group-vertical > .btn-check:focus + .button,
.btn-group-vertical > .btn-check:focus + button.link,
.btn-group-vertical > .btn:hover,
.node-preview-container .btn-group-vertical > .node-preview-backlink:hover,
.btn-group-vertical > .button:hover,
.btn-group-vertical > button.link:hover,
.btn-group-vertical > .btn:focus,
.node-preview-container .btn-group-vertical > .node-preview-backlink:focus,
.btn-group-vertical > .button:focus,
.btn-group-vertical > button.link:focus,
.btn-group-vertical > .btn:active,
.node-preview-container .btn-group-vertical > .node-preview-backlink:active,
.btn-group-vertical > .button:active,
.btn-group-vertical > button.link:active,
.btn-group-vertical > .btn.active,
.media-library-view--widget .view-header .btn-group-vertical > a.btn.is-active,
.node-preview-container .btn-group-vertical > .active.node-preview-backlink,
.node-preview-container .media-library-view--widget .view-header .btn-group-vertical > a.node-preview-backlink.is-active,
.media-library-view--widget .view-header .node-preview-container .btn-group-vertical > a.node-preview-backlink.is-active,
.btn-group-vertical > .active.button,
.media-library-view--widget .view-header .btn-group-vertical > a.button.is-active,
.btn-group-vertical > button.active.link {
z-index: 1;
}

.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}

.btn-group {
border-radius: 0.375rem;
}
.btn-group > :not(.btn-check:first-child) + .btn, .node-preview-container .btn-group > :not(.btn-check:first-child) + .node-preview-backlink, .btn-group > :not(.btn-check:first-child) + .button, .btn-group > :not(.btn-check:first-child) + button.link,
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .node-preview-container .btn-group > .node-preview-backlink:not(:last-child):not(.dropdown-toggle), .btn-group > .button:not(:last-child):not(.dropdown-toggle), .btn-group > button.link:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.node-preview-container .btn-group > .dropdown-toggle-split.node-preview-backlink:first-child,
.btn-group > .dropdown-toggle-split.button:first-child,
.btn-group > button.dropdown-toggle-split.link:first-child,
.btn-group > .btn-group:not(:last-child) > .btn,
.node-preview-container .btn-group > .btn-group:not(:last-child) > .node-preview-backlink,
.btn-group > .btn-group:not(:last-child) > .button,
.btn-group > .btn-group:not(:last-child) > button.link {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3), .node-preview-container .btn-group > .node-preview-backlink:nth-child(n+3), .btn-group > .button:nth-child(n+3), .btn-group > button.link:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.node-preview-container .btn-group > :not(.btn-check) + .node-preview-backlink,
.btn-group > :not(.btn-check) + .button,
.btn-group > :not(.btn-check) + button.link,
.btn-group > .btn-group:not(:first-child) > .btn,
.node-preview-container .btn-group > .btn-group:not(:first-child) > .node-preview-backlink,
.btn-group > .btn-group:not(:first-child) > .button,
.btn-group > .btn-group:not(:first-child) > button.link {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .node-preview-container .btn-group-sm > .node-preview-backlink + .dropdown-toggle-split, .btn-group-sm > .button + .dropdown-toggle-split, .btn-group-sm > button.link + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .node-preview-container .btn-group-lg > .node-preview-backlink + .dropdown-toggle-split, .btn-group-lg > .button + .dropdown-toggle-split, .btn-group-lg > button.link + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}

.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn, .node-preview-container .btn-group-vertical > .node-preview-backlink, .btn-group-vertical > .button, .btn-group-vertical > button.link,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .node-preview-container .btn-group-vertical > .node-preview-backlink:not(:first-child), .btn-group-vertical > .button:not(:first-child), .btn-group-vertical > button.link:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .node-preview-container .btn-group-vertical > .node-preview-backlink:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .button:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > button.link:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.node-preview-container .btn-group-vertical > .btn-group:not(:last-child) > .node-preview-backlink,
.btn-group-vertical > .btn-group:not(:last-child) > .button,
.btn-group-vertical > .btn-group:not(:last-child) > button.link {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn, .node-preview-container .btn-group-vertical > .node-preview-backlink ~ .btn, .node-preview-container .btn-group-vertical > .btn ~ .node-preview-backlink, .node-preview-container .btn-group-vertical > .node-preview-backlink ~ .node-preview-backlink, .btn-group-vertical > .button ~ .btn, .node-preview-container .btn-group-vertical > .button ~ .node-preview-backlink, .btn-group-vertical > .btn ~ .button, .node-preview-container .btn-group-vertical > .node-preview-backlink ~ .button, .btn-group-vertical > .button ~ .button, .btn-group-vertical > button.link ~ .btn, .node-preview-container .btn-group-vertical > button.link ~ .node-preview-backlink, .btn-group-vertical > button.link ~ .button, .btn-group-vertical > .btn ~ button.link, .node-preview-container .btn-group-vertical > .node-preview-backlink ~ button.link, .btn-group-vertical > .button ~ button.link, .btn-group-vertical > button.link ~ button.link,
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.node-preview-container .btn-group-vertical > .btn-group:not(:first-child) > .node-preview-backlink,
.btn-group-vertical > .btn-group:not(:first-child) > .button,
.btn-group-vertical > .btn-group:not(:first-child) > button.link {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.nav, .media-library-view--widget .view-header {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: #6c757d;
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

.nav-link, .media-library-view--widget .view-header a {
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;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link, .media-library-view--widget .view-header a {
transition: none;
}
}
.nav-link:hover, .media-library-view--widget .view-header a:hover, .nav-link:focus, .media-library-view--widget .view-header a:focus {
color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled, .media-library-view--widget .view-header a.disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}

.nav-tabs, .media-library-view--widget .view-header {
--bs-nav-tabs-border-width: 1px;
--bs-nav-tabs-border-color: #dee2e6;
--bs-nav-tabs-border-radius: 0.375rem;
--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
--bs-nav-tabs-link-active-color: #495057;
--bs-nav-tabs-link-active-bg: #fff;
--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link, .media-library-view--widget .view-header .nav-link, .media-library-view--widget .view-header a {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
background: none;
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .media-library-view--widget .view-header .nav-link:hover, .media-library-view--widget .view-header a:hover, .nav-tabs .nav-link:focus, .media-library-view--widget .view-header .nav-link:focus, .media-library-view--widget .view-header a:focus {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .media-library-view--widget .view-header .nav-link.disabled, .media-library-view--widget .view-header a.disabled, .nav-tabs .nav-link:disabled, .media-library-view--widget .view-header .nav-link:disabled, .media-library-view--widget .view-header a:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active, .media-library-view--widget .view-header .nav-link.active, .media-library-view--widget .view-header a.active, .media-library-view--widget .view-header a.is-active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item.show .media-library-view--widget .view-header a,
.media-library-view--widget .view-header .nav-item.show .nav-link,
.media-library-view--widget .view-header .nav-item.show a {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu, .media-library-view--widget .view-header .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.nav-pills {
--bs-nav-pills-border-radius: 0.375rem;
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #003CC5;
}
.nav-pills .nav-link, .nav-pills .media-library-view--widget .view-header a, .media-library-view--widget .view-header .nav-pills a {
background: none;
border: 0;
border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled, .nav-pills .media-library-view--widget .view-header a:disabled, .media-library-view--widget .view-header .nav-pills a:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
.nav-pills .nav-link.active, .nav-pills .media-library-view--widget .view-header a.active, .nav-pills .media-library-view--widget .view-header a.is-active, .media-library-view--widget .view-header .nav-pills a.active, .media-library-view--widget .view-header .nav-pills a.is-active,
.nav-pills .show > .nav-link,
.nav-pills .media-library-view--widget .view-header .show > a,
.media-library-view--widget .view-header .nav-pills .show > a {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill > .nav-link, .media-library-view--widget .view-header .nav-fill > a,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}

.nav-justified > .nav-link, .media-library-view--widget .view-header .nav-justified > a,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}

.nav-fill .nav-item .nav-link, .nav-fill .nav-item .media-library-view--widget .view-header a, .media-library-view--widget .view-header .nav-fill .nav-item a,
.nav-justified .nav-item .nav-link,
.nav-justified .nav-item .media-library-view--widget .view-header a,
.media-library-view--widget .view-header .nav-justified .nav-item a {
width: 100%;
}

.tab-content > .tab-pane {
display: none;
}
.tab-content > .active, .media-library-view--widget .view-header .tab-content > a.is-active {
display: block;
}

.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(0, 0, 0, 0.55);
--bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
--bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
--bs-navbar-active-color: rgba(0, 0, 0, 0.9);
--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(0, 0, 0, 0.9);
--bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
--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%280, 0, 0, 0.55%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(0, 0, 0, 0.1);
--bs-navbar-toggler-border-radius: 0.375rem;
--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 > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
color: var(--bs-navbar-brand-hover-color);
}

.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;
}
.navbar-nav .show > .nav-link, .navbar-nav .media-library-view--widget .view-header .show > a, .media-library-view--widget .view-header .navbar-nav .show > a,
.navbar-nav .nav-link.active,
.navbar-nav .media-library-view--widget .view-header a.active,
.navbar-nav .media-library-view--widget .view-header a.is-active,
.media-library-view--widget .view-header .navbar-nav a.active,
.media-library-view--widget .view-header .navbar-nav a.is-active {
color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
}

.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--bs-navbar-active-color);
}

.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);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}

.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}

@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand-sm .navbar-nav a {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand-md .navbar-nav a {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand-lg .navbar-nav a {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand-xl .navbar-nav a {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link, .navbar-expand-xxl .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand-xxl .navbar-nav a {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand .navbar-nav a {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}

.navbar-dark {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--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%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card, .media-library-selection .media-library-item.media-library-item--grid, .view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-border-width: 1px;
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: 0.375rem;
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(0.375rem - 1px);
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(0, 0, 0, 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: #fff;
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
.card > hr, .media-library-selection .media-library-item.media-library-item--grid > hr, .view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group, .media-library-selection .media-library-item.media-library-item--grid > .list-group, .view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child, .media-library-selection .media-library-item.media-library-item--grid > .list-group:first-child, .view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child, .media-library-selection .media-library-item.media-library-item--grid > .list-group:last-child, .view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group, .media-library-selection .media-library-item.media-library-item--grid > .card-header + .list-group, .view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity > .card-header + .list-group, .view-media-library .media-library-views-form .media-library-item--grid .card > .views-field-media-library-select-form + .list-group, .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .media-library-item.media-library-item--grid > .views-field-media-library-select-form + .list-group, .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .media-library-item.media-library-item--grid > .views-field-media-library-select-form + .list-group, .view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity > .views-field-media-library-select-form + .list-group,
.view-media-library .media-library-views-form .media-library-item--grid .card > .views-field-media-bulk-form + .list-group,
.view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .media-library-item.media-library-item--grid > .views-field-media-bulk-form + .list-group,
.media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .media-library-item.media-library-item--grid > .views-field-media-bulk-form + .list-group,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity > .views-field-media-bulk-form + .list-group,
.card > .list-group + .card-footer,
.media-library-selection .media-library-item.media-library-item--grid > .list-group + .card-footer,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity > .list-group + .card-footer {
border-top: 0;
}

.card-body, .media-library-selection .media-library-item.media-library-item--grid > div,
.media-library-selection .media-library-item.media-library-item--grid article, .view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}

.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0;
}

.card-text:last-child {
margin-bottom: 0;
}

.card-link + .card-link {
margin-left: var(--bs-card-spacer-x);
}

.card-header, .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child, .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form:first-child,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active, .card-header-tabs .media-library-view--widget .view-header a.active, .card-header-tabs .media-library-view--widget .view-header a.is-active, .media-library-view--widget .view-header .card-header-tabs a.active, .media-library-view--widget .view-header .card-header-tabs a.is-active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}

.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card, .media-library-selection .card-group > .media-library-item.media-library-item--grid, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity {
margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card, .media-library-selection .card-group > .media-library-item.media-library-item--grid, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card, .media-library-selection .card-group > .media-library-item.media-library-item--grid + .card, .media-library-selection .card-group > .card + .media-library-item.media-library-item--grid, .media-library-selection .card-group > .media-library-item.media-library-item--grid + .media-library-item.media-library-item--grid, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity + .card, .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group > .views-field-rendered-entity + .media-library-item.media-library-item--grid, .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity + .media-library-item.media-library-item--grid, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .card + .views-field-rendered-entity, .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group > .media-library-item.media-library-item--grid + .views-field-rendered-entity, .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group > .media-library-item.media-library-item--grid + .views-field-rendered-entity, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity + .views-field-rendered-entity {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child), .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child), .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top, .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child) .card-img-top, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header,
.media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child) .card-header,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:last-child) .card-header,
.card-group > .card:not(:last-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .card:not(:last-child) .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child) .views-field-media-library-select-form,
.media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group > .media-library-item.media-library-item--grid:not(:last-child) .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:last-child) .views-field-media-library-select-form,
.card-group > .card:not(:last-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
.media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .card:not(:last-child) .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child) .views-field-media-bulk-form,
.media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group > .media-library-item.media-library-item--grid:not(:last-child) .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:last-child) .views-field-media-bulk-form {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom, .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child) .card-img-bottom, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer,
.media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:last-child) .card-footer,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child), .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child), .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top, .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child) .card-img-top, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header,
.media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child) .card-header,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:first-child) .card-header,
.card-group > .card:not(:first-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .card:not(:first-child) .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child) .views-field-media-library-select-form,
.media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group > .media-library-item.media-library-item--grid:not(:first-child) .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:first-child) .views-field-media-library-select-form,
.card-group > .card:not(:first-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
.media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .card:not(:first-child) .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child) .views-field-media-bulk-form,
.media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group > .media-library-item.media-library-item--grid:not(:first-child) .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:first-child) .views-field-media-bulk-form {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom, .media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child) .card-img-bottom, .view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer,
.media-library-selection .card-group > .media-library-item.media-library-item--grid:not(:first-child) .card-footer,
.view-media-library .media-library-views-form .media-library-item--grid .card-group > .views-field-rendered-entity:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}

.accordion {
--bs-accordion-color: #212529;
--bs-accordion-bg: #fff;
--bs-accordion-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, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: 1px;
--bs-accordion-border-radius: 0.375rem;
--bs-accordion-inner-border-radius: calc(0.375rem - 1px);
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: #212529;
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230036b1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #809ee2;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: #0036b1;
--bs-accordion-active-bg: #e6ecf9;
}

.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
margin-bottom: 0;
}

.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0;
}

.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: #6c757d;
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: #6c757d;
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "../index.html") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active, .media-library-view--widget .view-header a.breadcrumb-item.is-active {
color: var(--bs-breadcrumb-item-active-color);
}

.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: #fff;
--bs-pagination-border-width: 1px;
--bs-pagination-border-color: #dee2e6;
--bs-pagination-border-radius: 0.375rem;
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: #e9ecef;
--bs-pagination-hover-border-color: #dee2e6;
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: #e9ecef;
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #003CC5;
--bs-pagination-active-border-color: #003CC5;
--bs-pagination-disabled-color: #6c757d;
--bs-pagination-disabled-bg: #fff;
--bs-pagination-disabled-border-color: #dee2e6;
display: flex;
padding-left: 0;
list-style: none;
}

.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;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: var(--bs-pagination-hover-color);
background-color: var(--bs-pagination-hover-bg);
border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
z-index: 3;
color: var(--bs-pagination-focus-color);
background-color: var(--bs-pagination-focus-bg);
outline: 0;
box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .media-library-view--widget .view-header a.page-link.is-active, .active > .page-link, .media-library-view--widget .view-header a.is-active > .page-link {
z-index: 3;
color: var(--bs-pagination-active-color);
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
color: var(--bs-pagination-disabled-color);
pointer-events: none;
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
margin-left: -1px;
}
.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);
}

.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: 0.25rem;
}

.badge {
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: 0.375rem;
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
display: none;
}

.btn .badge, .node-preview-container .node-preview-backlink .badge, .button .badge, button.link .badge {
position: relative;
top: -1px;
}

.alert {
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: 1px solid var(--bs-alert-border-color);
--bs-alert-border-radius: 0.375rem;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom: var(--bs-alert-margin-bottom);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
border: var(--bs-alert-border);
border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
color: inherit;
}

.alert-link {
font-weight: 700;
}

.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .btn-close, .alert-dismissible .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .alert-dismissible .ui-dialog-titlebar-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}

.alert-primary {
--bs-alert-color: #002476;
--bs-alert-bg: #ccd8f3;
--bs-alert-border-color: #b3c5ee;
}
.alert-primary .alert-link {
color: #001d5e;
}

.alert-secondary {
--bs-alert-color: #41464b;
--bs-alert-bg: #e2e3e5;
--bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
color: #34383c;
}

.alert-success {
--bs-alert-color: #0f5132;
--bs-alert-bg: #d1e7dd;
--bs-alert-border-color: #badbcc;
}
.alert-success .alert-link {
color: #0c4128;
}

.alert-info {
--bs-alert-color: #055160;
--bs-alert-bg: #cff4fc;
--bs-alert-border-color: #b6effb;
}
.alert-info .alert-link {
color: #04414d;
}

.alert-warning {
--bs-alert-color: #664d03;
--bs-alert-bg: #fff3cd;
--bs-alert-border-color: #ffecb5;
}
.alert-warning .alert-link {
color: #523e02;
}

.alert-danger {
--bs-alert-color: #842029;
--bs-alert-bg: #f8d7da;
--bs-alert-border-color: #f5c2c7;
}
.alert-danger .alert-link {
color: #6a1a21;
}

.alert-light {
--bs-alert-color: #636464;
--bs-alert-bg: #fefefe;
--bs-alert-border-color: #fdfdfe;
}
.alert-light .alert-link {
color: #4f5050;
}

.alert-dark {
--bs-alert-color: #141619;
--bs-alert-bg: #d3d3d4;
--bs-alert-border-color: #bcbebf;
}
.alert-dark .alert-link {
color: #101214;
}

@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
.progress {
--bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem;
--bs-progress-bg: #e9ecef;
--bs-progress-border-radius: 0.375rem;
--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #003CC5;
--bs-progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--bs-progress-height);
overflow: hidden;
font-size: var(--bs-progress-font-size);
background-color: var(--bs-progress-bg);
border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-progress-bar-bg);
transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}

.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}

.list-group {
--bs-list-group-color: #212529;
--bs-list-group-bg: #fff;
--bs-list-group-border-color: rgba(0, 0, 0, 0.125);
--bs-list-group-border-width: 1px;
--bs-list-group-border-radius: 0.375rem;
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: #495057;
--bs-list-group-action-hover-color: #495057;
--bs-list-group-action-hover-bg: #f8f9fa;
--bs-list-group-action-active-color: #212529;
--bs-list-group-action-active-bg: #e9ecef;
--bs-list-group-disabled-color: #6c757d;
--bs-list-group-disabled-bg: #fff;
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #003CC5;
--bs-list-group-active-border-color: #003CC5;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
content: counters(section, ".") ". ";
counter-increment: section;
}

.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg);
}

.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-item.disabled, .list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active, .media-library-view--widget .view-header a.list-group-item.is-active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active, .media-library-view--widget .view-header .list-group-item + a.list-group-item.is-active {
margin-top: calc(-1 * var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal > a.list-group-item.is-active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal > .list-group-item + a.list-group-item.is-active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-sm > a.list-group-item.is-active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-sm > .list-group-item + a.list-group-item.is-active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-md > a.list-group-item.is-active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-md > .list-group-item + a.list-group-item.is-active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-lg > a.list-group-item.is-active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-lg > .list-group-item + a.list-group-item.is-active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-xl > a.list-group-item.is-active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-xl > .list-group-item + a.list-group-item.is-active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-xxl > a.list-group-item.is-active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active, .media-library-view--widget .view-header .list-group-horizontal-xxl > .list-group-item + a.list-group-item.is-active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}

.list-group-item-primary {
color: #002476;
background-color: #ccd8f3;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #002476;
background-color: #b8c2db;
}
.list-group-item-primary.list-group-item-action.active, .media-library-view--widget .view-header a.list-group-item-primary.list-group-item-action.is-active {
color: #fff;
background-color: #002476;
border-color: #002476;
}

.list-group-item-secondary {
color: #41464b;
background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #41464b;
background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active, .media-library-view--widget .view-header a.list-group-item-secondary.list-group-item-action.is-active {
color: #fff;
background-color: #41464b;
border-color: #41464b;
}

.list-group-item-success {
color: #0f5132;
background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #0f5132;
background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active, .media-library-view--widget .view-header a.list-group-item-success.list-group-item-action.is-active {
color: #fff;
background-color: #0f5132;
border-color: #0f5132;
}

.list-group-item-info {
color: #055160;
background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #055160;
background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active, .media-library-view--widget .view-header a.list-group-item-info.list-group-item-action.is-active {
color: #fff;
background-color: #055160;
border-color: #055160;
}

.list-group-item-warning {
color: #664d03;
background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #664d03;
background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active, .media-library-view--widget .view-header a.list-group-item-warning.list-group-item-action.is-active {
color: #fff;
background-color: #664d03;
border-color: #664d03;
}

.list-group-item-danger {
color: #842029;
background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #842029;
background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active, .media-library-view--widget .view-header a.list-group-item-danger.list-group-item-action.is-active {
color: #fff;
background-color: #842029;
border-color: #842029;
}

.list-group-item-light {
color: #636464;
background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #636464;
background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active, .media-library-view--widget .view-header a.list-group-item-light.list-group-item-action.is-active {
color: #fff;
background-color: #636464;
border-color: #636464;
}

.list-group-item-dark {
color: #141619;
background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #141619;
background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active, .media-library-view--widget .view-header a.list-group-item-dark.list-group-item-action.is-active {
color: #fff;
background-color: #141619;
border-color: #141619;
}

.btn-close, .ui-dialog .ui-dialog-titlebar-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: 0.5;
}
.btn-close:hover, .ui-dialog .ui-dialog-titlebar-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.btn-close:focus, .ui-dialog .ui-dialog-titlebar-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
opacity: 1;
}
.btn-close:disabled, .ui-dialog .ui-dialog-titlebar-close:disabled, .btn-close.disabled, .ui-dialog .disabled.ui-dialog-titlebar-close {
pointer-events: none;
user-select: none;
opacity: 0.25;
}

.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
--bs-toast-zindex: 1090;
--bs-toast-padding-x: 0.75rem;
--bs-toast-padding-y: 0.5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size: 0.875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(255, 255, 255, 0.85);
--bs-toast-border-width: 1px;
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: 0.375rem;
--bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-toast-header-color: #6c757d;
--bs-toast-header-bg: rgba(255, 255, 255, 0.85);
--bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
width: var(--bs-toast-max-width);
max-width: 100%;
font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color);
pointer-events: auto;
background-color: var(--bs-toast-bg);
background-clip: padding-box;
border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow: var(--bs-toast-box-shadow);
border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}

.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
display: flex;
align-items: center;
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color: var(--bs-toast-header-color);
background-color: var(--bs-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close, .toast-header .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .toast-header .ui-dialog-titlebar-close {
margin-right: calc(-0.5 * var(--bs-toast-padding-x));
margin-left: var(--bs-toast-padding-x);
}

.toast-body {
padding: var(--bs-toast-padding-x);
word-wrap: break-word;
}

.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: 0.5rem;
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(0.5rem - 1px);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: 1px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 1px;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}

.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}

.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}

.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
}

.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity);
}

.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close, .modal-header .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .modal-header .ui-dialog-titlebar-close {
padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height);
}

.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding);
}

.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto;
}
.modal-sm {
--bs-modal-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
--bs-modal-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
--bs-modal-width: 1140px;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}

@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
}
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: #fff;
--bs-tooltip-bg: #000;
--bs-tooltip-border-radius: 0.375rem;
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
padding: var(--bs-tooltip-arrow-height);
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius);
}

.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: 0.875rem;
--bs-popover-bg: #fff;
--bs-popover-border-width: 1px;
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: 0.5rem;
--bs-popover-inner-border-radius: calc(0.5rem - 1px);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: ;
--bs-popover-header-bg: #f0f0f0;
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: #212529;
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: 0.5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-popover-font-size);
word-wrap: break-word;
background-color: var(--bs-popover-bg);
background-clip: padding-box;
border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
display: block;
width: var(--bs-popover-arrow-width);
height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: var(--bs-popover-border-width);
border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: var(--bs-popover-border-width);
border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--bs-popover-arrow-width);
margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
content: "";
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: var(--bs-popover-border-width);
border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--bs-popover-header-font-size);
color: var(--bs-popover-header-color);
background-color: var(--bs-popover-header-bg);
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius: var(--bs-popover-inner-border-radius);
border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
display: none;
}

.popover-body {
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color);
}

.carousel {
position: relative;
}

.carousel.pointer-event {
touch-action: pan-y;
}

.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}

.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}

.carousel-item.active, .media-library-view--widget .view-header a.carousel-item.is-active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end,
.media-library-view--widget .view-header a.carousel-item-end.is-active {
transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start,
.media-library-view--widget .view-header a.carousel-item-start.is-active {
transform: translateX(-100%);
}

.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .media-library-view--widget .view-header a.carousel-item.is-active, .media-library-view--widget .view-header .carousel-fade a.carousel-item.is-active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start, .carousel-fade .media-library-view--widget .view-header a.carousel-item-start.is-active, .media-library-view--widget .view-header .carousel-fade a.carousel-item-start.is-active,
.carousel-fade .active.carousel-item-end,
.carousel-fade .media-library-view--widget .view-header a.carousel-item-end.is-active,
.media-library-view--widget .view-header .carousel-fade a.carousel-item-end.is-active {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start, .carousel-fade .media-library-view--widget .view-header a.carousel-item-start.is-active, .media-library-view--widget .view-header .carousel-fade a.carousel-item-start.is-active,
.carousel-fade .active.carousel-item-end,
.carousel-fade .media-library-view--widget .view-header a.carousel-item-end.is-active,
.media-library-view--widget .view-header .carousel-fade a.carousel-item-end.is-active {
transition: none;
}
}

.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}

.carousel-control-prev {
left: 0;
}

.carousel-control-next {
right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}

/* rtl:options: {
"autoRename": true,
"stringMap":[ {
"name"    : "prev-next",
"search"  : "prev",
"replace" : "next"
} ]
} */
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none;
}
}
.carousel-indicators .active, .carousel-indicators .media-library-view--widget .view-header a.is-active, .media-library-view--widget .view-header .carousel-indicators a.is-active {
opacity: 1;
}

.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000;
}
.carousel-dark .carousel-caption {
color: #000;
}

.spinner-grow,
.spinner-border {
display: inline-block;
width: var(--bs-spinner-width);
height: var(--bs-spinner-height);
vertical-align: var(--bs-spinner-vertical-align);
border-radius: 50%;
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */;
}
}
.spinner-border {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-border-width: 0.25em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-border;
border: var(--bs-spinner-border-width) solid currentcolor;
border-right-color: transparent;
}

.spinner-border-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0;
}

.spinner-grow-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
--bs-spinner-animation-speed: 1.5s;
}
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: ;
--bs-offcanvas-bg: #fff;
--bs-offcanvas-border-width: 1px;
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-sm {
transition: none;
}
}
@media (max-width: 575.98px) {
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
transform: none;
}
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
visibility: visible;
}
}
@media (min-width: 576px) {
.offcanvas-sm {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-sm .offcanvas-header {
display: none;
}
.offcanvas-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}

@media (max-width: 767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-md {
transition: none;
}
}
@media (max-width: 767.98px) {
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
transform: none;
}
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
visibility: visible;
}
}
@media (min-width: 768px) {
.offcanvas-md {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-md .offcanvas-header {
display: none;
}
.offcanvas-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}

@media (max-width: 991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-lg {
transition: none;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
transform: none;
}
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
visibility: visible;
}
}
@media (min-width: 992px) {
.offcanvas-lg {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-lg .offcanvas-header {
display: none;
}
.offcanvas-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}

@media (max-width: 1199.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xl {
transition: none;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
transform: none;
}
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
visibility: visible;
}
}
@media (min-width: 1200px) {
.offcanvas-xl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xl .offcanvas-header {
display: none;
}
.offcanvas-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}

@media (max-width: 1399.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xxl {
transition: none;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
transform: none;
}
.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
visibility: visible;
}
}
@media (min-width: 1400px) {
.offcanvas-xxl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xxl .offcanvas-header {
display: none;
}
.offcanvas-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}

.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none;
}
}
.offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
visibility: visible;
}

.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.offcanvas-backdrop.fade {
opacity: 0;
}
.offcanvas-backdrop.show {
opacity: 0.5;
}

.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close, .offcanvas-header .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .offcanvas-header .ui-dialog-titlebar-close {
padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
margin-bottom: 0;
line-height: 1.5;
}

.offcanvas-body {
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y: auto;
}

.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentcolor;
opacity: 0.5;
}
.placeholder.btn::before, .node-preview-container .placeholder.node-preview-backlink::before, .placeholder.button::before, button.placeholder.link::before {
display: inline-block;
content: "";
}

.placeholder-xs {
min-height: 0.6em;
}

.placeholder-sm {
min-height: 0.8em;
}

.placeholder-lg {
min-height: 1.2em;
}

.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
.placeholder-wave {
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
100% {
mask-position: -200% 0%;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}

.text-bg-primary {
color: #fff !important;
background-color: RGBA(0, 60, 197, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
color: #fff !important;
background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
color: #fff !important;
background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
color: #000 !important;
background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
color: #000 !important;
background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
color: #fff !important;
background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
color: #000 !important;
background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
color: #fff !important;
background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
color: #003CC5 !important;
}
.link-primary:hover, .link-primary:focus {
color: #00309e !important;
}

.link-secondary {
color: #6c757d !important;
}
.link-secondary:hover, .link-secondary:focus {
color: #565e64 !important;
}

.link-success {
color: #198754 !important;
}
.link-success:hover, .link-success:focus {
color: #146c43 !important;
}

.link-info {
color: #0dcaf0 !important;
}
.link-info:hover, .link-info:focus {
color: #3dd5f3 !important;
}

.link-warning {
color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
color: #ffcd39 !important;
}

.link-danger {
color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
color: #b02a37 !important;
}

.link-light {
color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
color: #f9fafb !important;
}

.link-dark {
color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
color: #1a1e21 !important;
}

.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.ratio-1x1 {
--bs-aspect-ratio: 100%;
}

.ratio-4x3 {
--bs-aspect-ratio: 75%;
}

.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}

.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}

.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}

.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}

@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}

.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}

.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}

.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: currentcolor;
opacity: 0.25;
}

.align-baseline {
vertical-align: baseline !important;
}

.align-top {
vertical-align: top !important;
}

.align-middle {
vertical-align: middle !important;
}

.align-bottom {
vertical-align: bottom !important;
}

.align-text-bottom {
vertical-align: text-bottom !important;
}

.align-text-top {
vertical-align: text-top !important;
}

.float-start {
float: left !important;
}

.float-end {
float: right !important;
}

.float-none {
float: none !important;
}

.opacity-0 {
opacity: 0 !important;
}

.opacity-25 {
opacity: 0.25 !important;
}

.opacity-50 {
opacity: 0.5 !important;
}

.opacity-75 {
opacity: 0.75 !important;
}

.opacity-100 {
opacity: 1 !important;
}

.overflow-auto {
overflow: auto !important;
}

.overflow-hidden {
overflow: hidden !important;
}

.overflow-visible {
overflow: visible !important;
}

.overflow-scroll {
overflow: scroll !important;
}

.d-inline {
display: inline !important;
}

.d-inline-block {
display: inline-block !important;
}

.d-block {
display: block !important;
}

.d-grid {
display: grid !important;
}

.d-table {
display: table !important;
}

.d-table-row {
display: table-row !important;
}

.d-table-cell {
display: table-cell !important;
}

/*.d-flex {*/
/*display: flex !important;*/
/*}*/

.d-inline-flex {
display: inline-flex !important;
}

.d-none {
display: none !important;
}

.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
box-shadow: none !important;
}

.position-static {
position: static !important;
}

.position-relative {
position: relative !important;
}

.position-absolute {
position: absolute !important;
}

.position-fixed {
position: fixed !important;
}

.position-sticky {
position: sticky !important;
}

.top-0 {
top: 0 !important;
}

.top-50 {
top: 50% !important;
}

.top-100 {
top: 100% !important;
}

.bottom-0 {
bottom: 0 !important;
}

.bottom-50 {
bottom: 50% !important;
}

.bottom-100 {
bottom: 100% !important;
}

.start-0 {
left: 0 !important;
}

.start-50 {
left: 50% !important;
}

.start-100 {
left: 100% !important;
}

.end-0 {
right: 0 !important;
}

.end-50 {
right: 50% !important;
}

.end-100 {
right: 100% !important;
}

.translate-middle {
transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
transform: translateX(-50%) !important;
}

.translate-middle-y {
transform: translateY(-50%) !important;
}

.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
border: 0 !important;
}

.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
border-top: 0 !important;
}

.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
border-right: 0 !important;
}

.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
border-bottom: 0 !important;
}

.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
border-left: 0 !important;
}

.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
--bs-border-width: 1px;
}

.border-2 {
--bs-border-width: 2px;
}

.border-3 {
--bs-border-width: 3px;
}

.border-4 {
--bs-border-width: 4px;
}

.border-5 {
--bs-border-width: 5px;
}

.border-opacity-10 {
--bs-border-opacity: 0.1;
}

.border-opacity-25 {
--bs-border-opacity: 0.25;
}

.border-opacity-50 {
--bs-border-opacity: 0.5;
}

.border-opacity-75 {
--bs-border-opacity: 0.75;
}

.border-opacity-100 {
--bs-border-opacity: 1;
}

.w-25 {
width: 25% !important;
}

.w-50 {
width: 50% !important;
}

.w-75 {
width: 75% !important;
}

.w-100 {
width: 100% !important;
}

.w-auto {
width: auto !important;
}

.mw-100 {
max-width: 100% !important;
}

.vw-100 {
width: 100vw !important;
}

.min-vw-100 {
min-width: 100vw !important;
}

.h-25 {
height: 25% !important;
}

.h-50 {
height: 50% !important;
}

.h-75 {
height: 75% !important;
}

.h-100 {
height: 100% !important;
}

.h-auto {
height: auto !important;
}

.mh-100 {
max-height: 100% !important;
}

.vh-100 {
height: 100vh !important;
}

.min-vh-100 {
min-height: 100vh !important;
}

.flex-fill {
flex: 1 1 auto !important;
}

.flex-row {
flex-direction: row !important;
}

.flex-column {
flex-direction: column !important;
}

.flex-row-reverse {
flex-direction: row-reverse !important;
}

.flex-column-reverse {
flex-direction: column-reverse !important;
}

.flex-grow-0 {
flex-grow: 0 !important;
}

.flex-grow-1 {
flex-grow: 1 !important;
}

.flex-shrink-0 {
flex-shrink: 0 !important;
}

.flex-shrink-1 {
flex-shrink: 1 !important;
}

.flex-wrap {
flex-wrap: wrap !important;
}

.flex-nowrap {
flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}

.justify-content-start {
justify-content: flex-start !important;
}

.justify-content-end {
justify-content: flex-end !important;
}

.justify-content-center {
justify-content: center !important;
}

.justify-content-between {
justify-content: space-between !important;
}

.justify-content-around {
justify-content: space-around !important;
}

.justify-content-evenly {
justify-content: space-evenly !important;
}

.align-items-start {
align-items: flex-start !important;
}

.align-items-end {
align-items: flex-end !important;
}

.align-items-center {
align-items: center !important;
}

.align-items-baseline {
align-items: baseline !important;
}

.align-items-stretch {
align-items: stretch !important;
}

.align-content-start {
align-content: flex-start !important;
}

.align-content-end {
align-content: flex-end !important;
}

.align-content-center {
align-content: center !important;
}

.align-content-between {
align-content: space-between !important;
}

.align-content-around {
align-content: space-around !important;
}

.align-content-stretch {
align-content: stretch !important;
}

.align-self-auto {
align-self: auto !important;
}

.align-self-start {
align-self: flex-start !important;
}

.align-self-end {
align-self: flex-end !important;
}

.align-self-center {
align-self: center !important;
}

.align-self-baseline {
align-self: baseline !important;
}

.align-self-stretch {
align-self: stretch !important;
}

.order-first {
order: -1 !important;
}

.order-0 {
order: 0 !important;
}

.order-1 {
order: 1 !important;
}

.order-2 {
order: 2 !important;
}

.order-3 {
order: 3 !important;
}

.order-4 {
order: 4 !important;
}

.order-5 {
order: 5 !important;
}

.order-last {
order: 6 !important;
}

.m-0 {
margin: 0 !important;
}

.m-1 {
margin: 0.25rem !important;
}

.m-2 {
margin: 0.5rem !important;
}

.m-3 {
margin: 1rem !important;
}

.m-4 {
margin: 1.5rem !important;
}

.m-5 {
margin: 3rem !important;
}

.m-auto {
margin: auto !important;
}

.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}

.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}

.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}

.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}

.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}

.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}

.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}

.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}

.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}

.my-3, .form-wrapper.accordion .accordion-item {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}

.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}

.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}

.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}

.mt-0 {
margin-top: 0 !important;
}

.mt-1 {
margin-top: 0.25rem !important;
}

.mt-2 {
margin-top: 0.5rem !important;
}

.mt-3 {
margin-top: 1rem !important;
}

.mt-4 {
margin-top: 1.5rem !important;
}

.mt-5 {
margin-top: 3rem !important;
}

.mt-auto {
margin-top: auto !important;
}

.me-0 {
margin-right: 0 !important;
}

.me-1 {
margin-right: 0.25rem !important;
}

.me-2 {
margin-right: 0.5rem !important;
}

.me-3 {
margin-right: 1rem !important;
}

.me-4 {
margin-right: 1.5rem !important;
}

.me-5 {
margin-right: 3rem !important;
}

.me-auto {
margin-right: auto !important;
}

.mb-0 {
margin-bottom: 0 !important;
}

.mb-1 {
margin-bottom: 0.25rem !important;
}

.mb-2 {
margin-bottom: 0.5rem !important;
}

.mb-3 {
margin-bottom: 1rem !important;
}

.mb-4 {
margin-bottom: 1.5rem !important;
}

.mb-5 {
margin-bottom: 3rem !important;
}

.mb-auto {
margin-bottom: auto !important;
}

.ms-0 {
margin-left: 0 !important;
}

.ms-1 {
margin-left: 0.25rem !important;
}

.ms-2 {
margin-left: 0.5rem !important;
}

.ms-3 {
margin-left: 1rem !important;
}

.ms-4 {
margin-left: 1.5rem !important;
}

.ms-5 {
margin-left: 3rem !important;
}

.ms-auto {
margin-left: auto !important;
}

.p-0 {
padding: 0 !important;
}

.p-1 {
padding: 0.25rem !important;
}

.p-2 {
padding: 0.5rem !important;
}

.p-3 {
padding: 1rem !important;
}

.p-4 {
padding: 1.5rem !important;
}

.p-5 {
padding: 3rem !important;
}

.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}

.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}

.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}

.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}

.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}

.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}

.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}

.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}

.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}

.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}

.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}

.pt-0 {
padding-top: 0 !important;
}

.pt-1 {
padding-top: 0.25rem !important;
}

.pt-2 {
padding-top: 0.5rem !important;
}

.pt-3 {
padding-top: 1rem !important;
}

.pt-4 {
padding-top: 1.5rem !important;
}

.pt-5 {
padding-top: 3rem !important;
}

.pe-0 {
padding-right: 0 !important;
}

.pe-1 {
padding-right: 0.25rem !important;
}

.pe-2 {
padding-right: 0.5rem !important;
}

.pe-3 {
padding-right: 1rem !important;
}

.pe-4 {
padding-right: 1.5rem !important;
}

.pe-5 {
padding-right: 3rem !important;
}

.pb-0 {
padding-bottom: 0 !important;
}

.pb-1 {
padding-bottom: 0.25rem !important;
}

.pb-2 {
padding-bottom: 0.5rem !important;
}

.pb-3 {
padding-bottom: 1rem !important;
}

.pb-4 {
padding-bottom: 1.5rem !important;
}

.pb-5 {
padding-bottom: 3rem !important;
}

.ps-0 {
padding-left: 0 !important;
}

.ps-1 {
padding-left: 0.25rem !important;
}

.ps-2 {
padding-left: 0.5rem !important;
}

.ps-3 {
padding-left: 1rem !important;
}

.ps-4 {
padding-left: 1.5rem !important;
}

.ps-5 {
padding-left: 3rem !important;
}

.gap-0 {
gap: 0 !important;
}

.gap-1 {
gap: 0.25rem !important;
}

.gap-2 {
gap: 0.5rem !important;
}

.gap-3 {
gap: 1rem !important;
}

.gap-4 {
gap: 1.5rem !important;
}

.gap-5 {
gap: 3rem !important;
}

.font-monospace {
font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
font-size: 1.25rem !important;
}

.fs-6 {
font-size: 1rem !important;
}

.fst-italic {
font-style: italic !important;
}

.fst-normal {
font-style: normal !important;
}

.fw-light {
font-weight: 300 !important;
}

.fw-lighter {
font-weight: lighter !important;
}

.fw-normal {
font-weight: 400 !important;
}

.fw-bold {
font-weight: 700 !important;
}

.fw-semibold {
font-weight: 600 !important;
}

.fw-bolder {
font-weight: bolder !important;
}

.lh-1 {
line-height: 1 !important;
}

.lh-sm {
line-height: 1.25 !important;
}

.lh-base {
line-height: 1.5 !important;
}

.lh-lg {
line-height: 2 !important;
}

.text-start {
text-align: left !important;
}

.text-end {
text-align: right !important;
}

.text-center {
text-align: center !important;
}

.text-decoration-none {
text-decoration: none !important;
}

.text-decoration-underline {
text-decoration: underline !important;
}

.text-decoration-line-through {
text-decoration: line-through !important;
}

.text-lowercase {
text-transform: lowercase !important;
}

.text-uppercase {
text-transform: uppercase !important;
}

.text-capitalize {
text-transform: capitalize !important;
}

.text-wrap {
white-space: normal !important;
}

.text-nowrap {
white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
--bs-text-opacity: 1;
color: #6c757d !important;
}

.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
--bs-text-opacity: 1;
color: inherit !important;
}

.text-opacity-25 {
--bs-text-opacity: 0.25;
}

.text-opacity-50 {
--bs-text-opacity: 0.5;
}

.text-opacity-75 {
--bs-text-opacity: 0.75;
}

.text-opacity-100 {
--bs-text-opacity: 1;
}

.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important;
}

.bg-opacity-10 {
--bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
--bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
--bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
--bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
--bs-bg-opacity: 1;
}

.bg-gradient {
background-image: var(--bs-gradient) !important;
}

.user-select-all {
user-select: all !important;
}

.user-select-auto {
user-select: auto !important;
}

.user-select-none {
user-select: none !important;
}

.pe-none {
pointer-events: none !important;
}

.pe-auto {
pointer-events: auto !important;
}

.rounded {
border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
border-radius: 0 !important;
}

.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
border-radius: 50% !important;
}

.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
visibility: visible !important;
}

.invisible {
visibility: hidden !important;
}

@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
.ui-widget-content a {
color: #003CC5;
text-decoration: underline;
}
.ui-widget-content a:hover {
color: #00309e;
}

.ckeditor-buttons li .cke-icon-only {
width: auto;
}
.ckeditor-buttons li a {
min-height: 28px;
}
.ckeditor-buttons .cke_button_icon img {
vertical-align: initial;
}

button.link {
color: #003CC5;
}

.button--small {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: 0.25rem;
}

a.button {
text-decoration: none;
}
a.button.button--primary {
--bs-btn-color: #fff;
--bs-btn-bg: #003CC5;
--bs-btn-border-color: #003CC5;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0033a7;
--bs-btn-hover-border-color: #00309e;
--bs-btn-focus-shadow-rgb: 38, 89, 206;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #00309e;
--bs-btn-active-border-color: #002d94;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #003CC5;
--bs-btn-disabled-border-color: #003CC5;
}
a.button.button--danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
--bs-btn-focus-shadow-rgb: 225, 83, 97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b02a37;
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545;
}
a.button.button-action {
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #31d2f2;
--bs-btn-hover-border-color: #25cff2;
--bs-btn-focus-shadow-rgb: 11, 172, 204;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #3dd5f3;
--bs-btn-active-border-color: #25cff2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #0dcaf0;
}
a.button.button--small {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: 0.25rem;
}

.btn-primary a {
color: #fff;
}
.btn-primary a:hover {
color: #fff;
text-decoration: none;
}

.btn-secondary a {
color: #fff;
}
.btn-secondary a:hover {
color: #fff;
text-decoration: none;
}

.btn-success a {
color: #fff;
}
.btn-success a:hover {
color: #fff;
text-decoration: none;
}

.btn-info a {
color: #000;
}
.btn-info a:hover {
color: #000;
text-decoration: none;
}

.btn-warning a {
color: #000;
}
.btn-warning a:hover {
color: #000;
text-decoration: none;
}

.btn-danger a {
color: #fff;
}
.btn-danger a:hover {
color: #fff;
text-decoration: none;
}

.btn-light a {
color: #000;
}
.btn-light a:hover {
color: #000;
text-decoration: none;
}

.btn-dark a {
color: #fff;
}
.btn-dark a:hover {
color: #fff;
text-decoration: none;
}

.btn-outline-primary:hover a, .node-preview-container .node-preview-backlink:hover a {
color: #fff;
}
.btn-outline-primary a:hover, .node-preview-container .node-preview-backlink a:hover {
color: #fff;
text-decoration: none;
}

.btn-outline-secondary:hover a {
color: #fff;
}
.btn-outline-secondary a:hover {
color: #fff;
text-decoration: none;
}

.btn-outline-success:hover a {
color: #fff;
}
.btn-outline-success a:hover {
color: #fff;
text-decoration: none;
}

.btn-outline-info:hover a {
color: #000;
}
.btn-outline-info a:hover {
color: #000;
text-decoration: none;
}

.btn-outline-warning:hover a {
color: #000;
}
.btn-outline-warning a:hover {
color: #000;
text-decoration: none;
}

.btn-outline-danger:hover a {
color: #fff;
}
.btn-outline-danger a:hover {
color: #fff;
text-decoration: none;
}

.btn-outline-light:hover a {
color: #000;
}
.btn-outline-light a:hover {
color: #000;
text-decoration: none;
}

.btn-outline-dark:hover a {
color: #fff;
}
.btn-outline-dark a:hover {
color: #fff;
text-decoration: none;
}

.btn, .node-preview-container .node-preview-backlink, button.link,
.button, a.button {
margin: 0 0.5rem;
}
.btn:first-child, .node-preview-container .node-preview-backlink:first-child, button.link:first-child,
.button:first-child {
margin-left: 0;
}
.btn:last-child, .node-preview-container .node-preview-backlink:last-child, button.link:last-child,
.button:last-child {
margin-right: 0;
}

.btn-group .btn, .btn-group .node-preview-container .node-preview-backlink, .node-preview-container .btn-group .node-preview-backlink, .btn-group button.link,
.btn-group .button {
margin: 0;
}

a[class=button] {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f9fafb;
--bs-btn-hover-border-color: #f9fafb;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f9fafb;
--bs-btn-active-border-color: #f9fafb;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa;
}

.form-control.image-button {
width: unset;
}
.form-control.form-checkbox, .form-control.form-radio {
display: inline-block;
height: auto;
width: unset;
}

.form-select {
min-width: 5rem;
}

input[type=search] {
box-sizing: border-box;
}

.dropbutton-multiple .dropbutton .dropbutton-action > * {
border: 0;
}

@media (min-width: 992px) {
.node-form {
margin: 2rem;
}
}
.node-form .form-actions {
text-align: center;
}

.container-inline div,
.container-inline label {
display: inline-block;
margin: 0;
}
.container-inline.webform-multiple-add > .form-item > * {
display: inline-block;
width: unset;
}

td > .form-item {
margin: 0;
}

#search-block-form {
display: flex;
}

.js td .dropbutton-wrapper {
min-height: 2.25rem;
}

.dropbutton-widget {
background-color: #fff;
border-radius: 0.375rem;
}
.dropbutton-widget .dropbutton .dropbutton-action > * {
padding: 0.375rem 0.75rem;
}

.webform-dropbutton .dropbutton-wrapper .dropbutton-widget {
background-color: #fff;
}

.form-type-datetime label {
display: block;
}
.form-type-datetime.webform-element--title-inline label, .form-type-datetime[class$=-title-after] label {
display: inline-block;
}

.paragraph-type-label,
.paragraph-type-title {
font-weight: 700;
}

.paragraphs-dropdown-action.button.btn-primary {
background-color: #003CC5;
}
.paragraphs-dropdown-action.button.btn-danger {
background-color: #dc3545;
}

.field--widget-paragraphs .field-add-more-submit,
.field--widget-entity-reference-paragraphs .field-add-more-submit {
margin: 0;
}

.js .field--widget-entity-reference-paragraphs td {
padding: 1rem;
}

.navbar .block-search form {
display: flex;
flex-direction: column;
text-align: center;
}
@media (min-width: 576px) {
.navbar .block-search form {
flex-direction: row;
}
}
.navbar .block-search form .form-actions {
margin-top: 0.5rem;
}
@media (min-width: 768px) {
.navbar .block-search form .form-actions {
margin-left: 0.5rem;
margin-top: 0;
}
}

.navbar-nav .nav-link, .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-nav a {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.navbar-nav .nav-link.dropdown-toggle, .navbar-nav .media-library-view--widget .view-header a.dropdown-toggle, .media-library-view--widget .view-header .navbar-nav a.dropdown-toggle {
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-brand {
white-space: unset;
}
.navbar-brand .site-slogan {
display: none;
font-size: 0.875rem;
}
@media (min-width: 992px) {
.navbar-brand .site-slogan {
display: block;
}
}
.navbar-brand a.site-title {
color: #212529;
text-decoration: none;
}
.navbar-brand a.site-title:hover {
color: #212529;
text-decoration: none;
}
.navbar-brand .site-title {
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
}
.navbar-brand img {
height: 36px;
margin: 0 1rem 0 0;
width: auto;
}
@media (min-width: 992px) {
.navbar-brand img {
height: 60px;
}
}

.navbar-dark .navbar-brand a.site-title,
.footer-dark .navbar-brand a.site-title {
color: #f8f9fa;
text-decoration: none;
}
.navbar-dark .navbar-brand a.site-title:hover,
.footer-dark .navbar-brand a.site-title:hover {
color: #f8f9fa;
text-decoration: none;
}

footer {
padding: 2rem 0;
}
footer.footer-dark a {
color: #f8f9fa;
text-decoration: none;
}
footer.footer-dark a:hover {
color: #f8f9fa;
text-decoration: none;
}
footer .region-footer {
display: flex;
flex-direction: column;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
padding: 0 0.5rem;
}

.node-preview-container {
background-color: #fff;
}
.node-preview-container .form-type-select {
margin: 0;
}

.region-nav-branding,
.region-nav-additional {
flex-shrink: 0;
}

.tabs-primary {
margin: 1rem 0;
}

.tabs-secondary {
margin: 0 0 1rem 0;
}

@media (max-width: 767.98px) {
.tabs-wrapper .tab-toggle {
color: #495057;
padding: 0.5rem 1rem;
}
.tabs-wrapper .nav-tabs, .tabs-wrapper .media-library-view--widget .view-header, .media-library-view--widget .tabs-wrapper .view-header {
border: 1px solid #dee2e6;
border-radius: 0.375rem;
overflow: hidden;
}
.tabs-wrapper .nav-item {
padding: 0.25rem 0.5rem;
}
.tabs-wrapper .nav-item.active, .tabs-wrapper .media-library-view--widget .view-header a.nav-item.is-active, .media-library-view--widget .view-header .tabs-wrapper a.nav-item.is-active {
background-color: #dee2e6;
}
.tabs-wrapper .nav-item .nav-link, .tabs-wrapper .nav-item .media-library-view--widget .view-header a, .media-library-view--widget .view-header .tabs-wrapper .nav-item a {
border: 0;
border-radius: 0;
background-color: unset;
flex-grow: 1;
}
.tabs-wrapper .nav-item .nav-link.active, .tabs-wrapper .nav-item .media-library-view--widget .view-header a.active, .tabs-wrapper .nav-item .media-library-view--widget .view-header a.is-active, .media-library-view--widget .view-header .tabs-wrapper .nav-item a.active, .media-library-view--widget .view-header .tabs-wrapper .nav-item a.is-active {
background-color: unset;
}
.tabs-wrapper:not(.is-collapsible) .nav-item:not(:first-of-type) {
border-top: 1px solid #dee2e6;
}
.tabs-wrapper.is-collapsible .nav-item.active, .tabs-wrapper.is-collapsible .media-library-view--widget .view-header a.nav-item.is-active, .media-library-view--widget .view-header .tabs-wrapper.is-collapsible a.nav-item.is-active {
display: flex;
order: -1;
}
.tabs-wrapper.is-collapsible .nav-item:not(.active) {
display: none;
}
.tabs-wrapper.is-collapsible .is-open .nav-item {
display: flex;
}
.tabs-wrapper.is-collapsible .is-open .nav-item.active, .tabs-wrapper.is-collapsible .is-open .media-library-view--widget .view-header a.nav-item.is-active, .media-library-view--widget .view-header .tabs-wrapper.is-collapsible .is-open a.nav-item.is-active {
border-radius: 0.375rem 0.375rem 0 0;
}
.tabs-wrapper.is-collapsible .is-open .nav-item:not(.active) {
border-top: 1px solid #dee2e6;
}
}
@media (min-width: 768px) {
.tabs-wrapper .tab-toggle {
display: none;
}
}
a.tabledrag-handle .handle {
height: 1.7em;
display: table-cell;
padding-right: 1rem !important;
}

table {
caption-side: unset;
}

.progress {
display: block;
height: unset;
overflow: unset;
font-size: unset;
background-color: unset;
}

.region-title__action a.button {
--bs-btn-color: #fff;
--bs-btn-bg: #003CC5;
--bs-btn-border-color: #003CC5;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0033a7;
--bs-btn-hover-border-color: #00309e;
--bs-btn-focus-shadow-rgb: 38, 89, 206;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #00309e;
--bs-btn-active-border-color: #002d94;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #003CC5;
--bs-btn-disabled-border-color: #003CC5;
}

tr.region-title {
--bs-table-bg: #f8f9fa;
}
tr.region-title td {
--bs-table-bg: #f8f9fa;
}

.color-primary {
--bs-alert-color: #002476;
--bs-alert-bg: #ccd8f3;
--bs-alert-border-color: #b3c5ee;
}
.color-primary .alert-link {
color: #001d5e;
}

.color-secondary {
--bs-alert-color: #41464b;
--bs-alert-bg: #e2e3e5;
--bs-alert-border-color: #d3d6d8;
}
.color-secondary .alert-link {
color: #34383c;
}

.color-success {
--bs-alert-color: #0f5132;
--bs-alert-bg: #d1e7dd;
--bs-alert-border-color: #badbcc;
}
.color-success .alert-link {
color: #0c4128;
}

.color-info {
--bs-alert-color: #055160;
--bs-alert-bg: #cff4fc;
--bs-alert-border-color: #b6effb;
}
.color-info .alert-link {
color: #04414d;
}

.color-warning {
--bs-alert-color: #664d03;
--bs-alert-bg: #fff3cd;
--bs-alert-border-color: #ffecb5;
}
.color-warning .alert-link {
color: #523e02;
}

.color-danger {
--bs-alert-color: #842029;
--bs-alert-bg: #f8d7da;
--bs-alert-border-color: #f5c2c7;
}
.color-danger .alert-link {
color: #6a1a21;
}

.color-light {
--bs-alert-color: #636464;
--bs-alert-bg: #fefefe;
--bs-alert-border-color: #fdfdfe;
}
.color-light .alert-link {
color: #4f5050;
}

.color-dark {
--bs-alert-color: #141619;
--bs-alert-bg: #d3d3d4;
--bs-alert-border-color: #bcbebf;
}
.color-dark .alert-link {
color: #101214;
}

.views-admin a {
color: #003CC5;
text-decoration: underline;
}
.views-admin a:hover {
color: #00309e;
}
.views-admin .views-displays .tabs {
list-style: none;
}
.views-admin .views-ui-display-tab-bucket__title {
padding: 4px 6px 6px;
}
.views-admin .dropbutton .dropbutton-action > * {
line-height: 20px;
padding: 0.1em 0.5em;
}
.views-admin .dropbutton .dropbutton-action .btn-primary {
color: #003CC5;
text-decoration: underline;
}
.views-admin .dropbutton .dropbutton-action .btn-primary:hover {
color: #00309e;
text-decoration: none;
}
.views-admin .view-preview-form .form-item-view-args,
.views-admin .view-preview-form .form-actions {
display: block;
margin-left: 1rem;
margin-right: 1rem;
}

.pagination {
flex-wrap: wrap;
padding: 1rem 0;
justify-content: center;
}

.media-library-item__edit,
.media-library-item__remove {
position: absolute;
z-index: 1;
top: 0.6rem;
overflow: hidden;
width: 1.5rem;
height: 1.5rem;
margin: 0.3125rem;
padding: 0;
transition: 0.2s border-color;
color: transparent;
background-size: 0.75rem;
text-shadow: none;
font-size: 0;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 0.25em;
background-repeat: no-repeat;
background-position: center;
background-size: 0.75rem;
}

.media-library-item__edit {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg fill='%23545560'%3e%3cpath d='M14.545 3.042l-1.586-1.585a1.003 1.003 0 00-1.414 0L10.252 2.75l3 3 1.293-1.293a1.004 1.004 0 000-1.415zM5.25 13.751l-3-3 6.998-6.998 3 3zM.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
right: 3rem;
}

.media-library-item__remove {
background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e");
right: 1rem;
}

.view-media-library .media-library-views-form {
--bs-gutter-x: 0;
--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));
position: relative;
}
.view-media-library .media-library-views-form .form-actions,
.view-media-library .media-library-views-form .form-wrapper,
.view-media-library .media-library-views-form .media-library-select-all {
flex: 0 0 auto;
width: 100%;
margin: 1rem 0;
}
.view-media-library .media-library-views-form .form-actions .form-checkbox,
.view-media-library .media-library-views-form .form-wrapper .form-checkbox,
.view-media-library .media-library-views-form .media-library-select-all .form-checkbox {
margin-right: 1rem;
}
.view-media-library .media-library-views-form .media-library-item--grid {
position: relative;
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 768px) {
.view-media-library .media-library-views-form .media-library-item--grid {
flex: 0 0 auto;
width: 50%;
}
}
@media (min-width: 992px) {
.view-media-library .media-library-views-form .media-library-item--grid {
flex: 0 0 auto;
width: 25%;
}
}
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form {
position: absolute;
z-index: 1;
top: 0.5rem;
left: 0.5rem;
right: 0.5rem;
}
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form .form-item,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form .form-item {
margin: 0;
}
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity {
height: calc(100% - 1rem);
padding-top: 3rem;
margin: 0.5rem;
}

.media-library-view--widget {
display: flex;
flex-direction: column;
}
.media-library-view--widget .view-filters .form--inline,
.view-media-library .view-filters .form--inline {
--bs-gutter-x: 0;
--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));
align-items: flex-end;
}
.media-library-view--widget .view-filters .form--inline > div,
.view-media-library .view-filters .form--inline > div {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 768px) {
.media-library-view--widget .view-filters .form--inline > div,
.view-media-library .view-filters .form--inline > div {
flex: 0 0 auto;
width: auto;
margin-bottom: 1rem;
}
}

.media-library-selection {
--bs-gutter-x: 0;
--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));
}
.media-library-selection .media-library-item.media-library-item--grid {
position: relative;
flex: 0 0 auto;
width: 100%;
padding-top: 3rem;
margin: 0.5rem;
}
@media (min-width: 768px) {
.media-library-selection .media-library-item.media-library-item--grid {
flex: 0 0 auto;
width: 50%;
width: calc(50% - 1rem);
}
}
@media (min-width: 992px) {
.media-library-selection .media-library-item.media-library-item--grid {
flex: 0 0 auto;
width: 25%;
width: calc(25% - 1rem);
}
}
#media-library-add-form-wrapper .item-list ul {
padding-left: 0;
list-style: none;
}

em.placeholder {
display: unset;
min-height: unset;
vertical-align: unset;
cursor: unset;
background-color: unset;
opacity: unset;
}

.card-img-top img {
width: 100% !important;
max-width: 100% !important;
}

.alert-dismissible .close {
color: #000;
}

code {
overflow-y: auto;
}

@media all {
body {
font-family: var(--f_regular) !important;
font-size: 16px;
background: #fff;
}
.form-select {
appearance: auto !important;
background-image: none !important;
}
p,
.ui-widget {
font-family: var(--f_regular) !important;
}
body,
html {
scroll-snap-type: y proximity;
}
.path-frontpage .view-news .views-field-field-tags {
display: none;
}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .media-library-view--widget .view-header > li > a:focus, .media-library-view--widget .tb-megamenu .view-header > li > a:focus,
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .media-library-view--widget .view-header > li > a:hover,
.media-library-view--widget .tb-megamenu .view-header > li > a:hover,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .media-library-view--widget .view-header > li > span.tb-megamenu-no-link:focus,
.media-library-view--widget .tb-megamenu .view-header > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover,
.tb-megamenu .media-library-view--widget .view-header > li > span.tb-megamenu-no-link:hover,
.media-library-view--widget .tb-megamenu .view-header > li > span.tb-megamenu-no-link:hover {
background-color: inherit !important;
color: inherit !important;
}
:root {
--container: 1400px;
--headingS1: 34px;
--f_regular: UniNeuRegular;
--f_bold: UniNeuBold;
--f_black: UniNeuBlack;
--f_book: UniNeuBook;
--f_heavy: UniNeuHeavy;
--f_light: UniNeuLight;
}
img {
max-width: 100%;
}
.g-recaptcha iframe {
transform: scale(0.77);
}
.ajax-progress.ajax-progress-fullscreen {
position: fixed;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
left: 0;
right: 0;
z-index: 9999;
display: none !important;
}
.form-composite > legend,
.label {
font-weight: normal;
}
input:focus {
outline: none !important;
box-shadow: none !important;
}
main {
margin-top: 180px;
}
.path-frontpage main {
margin-top: 145px;
}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .media-library-view--widget .view-header > li > a:focus, .media-library-view--widget .tb-megamenu .view-header > li > a:focus,
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .media-library-view--widget .view-header > li > a:hover,
.media-library-view--widget .tb-megamenu .view-header > li > a:hover,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .media-library-view--widget .view-header > li > span.tb-megamenu-no-link:focus,
.media-library-view--widget .tb-megamenu .view-header > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover,
.tb-megamenu .media-library-view--widget .view-header > li > span.tb-megamenu-no-link:hover,
.media-library-view--widget .tb-megamenu .view-header > li > span.tb-megamenu-no-link:hover {
background-color: none;
}
h3, .h3 {
font-size: var(--headingS1);
}
li a {
text-decoration: none;
}
.container {
width: var(--container);
padding: 0;
margin: auto;
max-width: 100%;
}
p:empty {
margin: auto;
padding: 0;
}
footer .region-footer .footer-brands,
footer .region-footer .footer-menu-commercial-vehicle,
footer .region-footer .footer-services,
footer .region-footer .footer-spares,
footer .region-footer .footer-aggregates {
padding: 20px 0;
width: var(--container);
margin: auto;
}
footer .region-footer .footer-brands h5, footer .region-footer .footer-brands .h5,
footer .region-footer .footer-menu-commercial-vehicle h5,
footer .region-footer .footer-menu-commercial-vehicle .h5,
footer .region-footer .footer-services h5,
footer .region-footer .footer-services .h5,
footer .region-footer .footer-spares h5,
footer .region-footer .footer-spares .h5,
footer .region-footer .footer-aggregates h5,
footer .region-footer .footer-aggregates .h5 {
font-family: var(--f_bold);
position: relative;
display: flex;
align-content: center;
align-items: center;
gap: 20px;
white-space: nowrap;
}
footer .region-footer .footer-brands h5::after, footer .region-footer .footer-brands .h5::after,
footer .region-footer .footer-menu-commercial-vehicle h5::after,
footer .region-footer .footer-menu-commercial-vehicle .h5::after,
footer .region-footer .footer-services h5::after,
footer .region-footer .footer-services .h5::after,
footer .region-footer .footer-spares h5::after,
footer .region-footer .footer-spares .h5::after,
footer .region-footer .footer-aggregates h5::after,
footer .region-footer .footer-aggregates .h5::after {
content: "";
width: 100%;
height: 1px;
background-color: #F2F2F2;
}
footer .region-footer .footer-brands .navbar-nav,
footer .region-footer .footer-menu-commercial-vehicle .navbar-nav,
footer .region-footer .footer-services .navbar-nav,
footer .region-footer .footer-spares .navbar-nav,
footer .region-footer .footer-aggregates .navbar-nav {
padding: 10px 0;
flex-direction: initial;
gap: 40px;
}
footer .region-footer .footer-brands .navbar-nav li,
footer .region-footer .footer-menu-commercial-vehicle .navbar-nav li,
footer .region-footer .footer-services .navbar-nav li,
footer .region-footer .footer-spares .navbar-nav li,
footer .region-footer .footer-aggregates .navbar-nav li {
width: fit-content;
}
footer .region-footer .footer-brands .navbar-nav li a,
footer .region-footer .footer-menu-commercial-vehicle .navbar-nav li a,
footer .region-footer .footer-services .navbar-nav li a,
footer .region-footer .footer-spares .navbar-nav li a,
footer .region-footer .footer-aggregates .navbar-nav li a {
padding: 0;
color: #8D8B8C;
}
footer .region-footer .footer-brands .navbar-nav li a:hover,
footer .region-footer .footer-menu-commercial-vehicle .navbar-nav li a:hover,
footer .region-footer .footer-services .navbar-nav li a:hover,
footer .region-footer .footer-spares .navbar-nav li a:hover,
footer .region-footer .footer-aggregates .navbar-nav li a:hover {
color: #0A0A5F;
}
footer .region-footer .footer-call-us-block {
display: inline-block;
}
footer .region-footer .footer-copyright {
background-color: #0A0A5F;
color: #fff;
padding: 15px 10px;
font-size: 12px;
margin-top: 30px;
height: 50px;
}
footer .region-footer .footer-copyright a:hover {
color: #BABABA;
}
footer .region-footer .footer-copyright p.float-start {
margin-right: 3%;
}
footer .region-footer .footer-copyright div.footer-bottom-nav {
width: 50%;
}
footer .region-footer .footer-copyright ul {
margin: auto;
padding: 0;
}
footer .region-footer .footer-copyright ul li {
margin-right: 10%;
}
footer .region-footer .footer-copyright ul li li a {
color: #fff;
text-decoration: none;
}
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.form-wrapper.accordion .accordion-item h2,
.form-wrapper.accordion .accordion-item .h2 {
font-family: var(--f_heavy);
}
.enquire-footer-slide-button {
position: fixed;
z-index: 22;
bottom: 0;
right: 5%;
width: auto;
transition: all 0.5s;
}
.enquire-footer-slide-button .container {
width: auto;
}
.enquire-footer-slide-button .container a {
padding: 10px 20px;
display: block;
color: #fff;
background: #0A0A5F;
text-decoration: none;
width: 150px;
text-align: center;
}
.enquire-footer-slide-button .container .enquire-close-button {
display: none;
}
.enquire-footer-slide-button.active, .media-library-view--widget .view-header a.enquire-footer-slide-button.is-active {
bottom: 200px;
}
.enquire-footer-slide-button.active .container a, .media-library-view--widget .view-header a.enquire-footer-slide-button.is-active .container a {
background: #F5F5F5;
color: #0A0A5F;
}
.enquire-footer-slide-button.active .container .enquire-close-button, .media-library-view--widget .view-header a.enquire-footer-slide-button.is-active .container .enquire-close-button {
display: block;
}
.enquire-footer-slide-button.active .container .enquire-button, .media-library-view--widget .view-header a.enquire-footer-slide-button.is-active .container .enquire-button {
display: none;
}
#block-views-block-news-block-1 {
display: none;
}
.footer-enquire-now-form-popup {
position: fixed;
bottom: 0;
width: 100%;
z-index: 22222;
height: 0;
overflow: auto;
display: flex !important;
transition: all 0.5s;
box-shadow: 0 0 7px 0 #b5b3b3;
background-color: #F5F5F5;
}
.footer-enquire-now-form-popup.show {
height: 200px;
}
.footer-enquire-now-form-popup .container {
width: var(--container) !important;
position: relative;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .container {
position: relative;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form {
width: 90%;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .js-form-item {
display: inline-block;
width: 16%;
margin: auto;
vertical-align: top;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .captcha {
display: inline-block;
width: 17%;
margin: -14px 0 0 0;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .captcha .g-recaptcha {
transform: scale(0.8);
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .js-form-type-checkbox {
width: 100%;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-control {
border-radius: 0;
padding: 10px 20px;
width: 100%;
background-color: #fff !important;
border: 1px solid #ced4da !important;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form label {
font-size: 12px;
line-height: 14px;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-actions {
position: absolute;
right: 0;
margin: auto;
display: flex;
width: auto;
top: 0;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-actions .btn, .footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-actions button.link, .footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-actions .button, .footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-actions .node-preview-container .node-preview-backlink, .node-preview-container .footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-actions .node-preview-backlink {
background-color: #0A0A5F;
padding: 10px 15px;
border-radius: 0;
color: #fff;
margin: auto;
height: 48px;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .js-form-type-checkbox {
position: relative;
margin: 0;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .js-form-type-checkbox .form-checkbox {
position: absolute;
left: 0;
top: 0;
margin: auto;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .js-form-type-checkbox label {
padding-left: 24px;
display: block;
font-size: 12px;
line-height: 14px;
}
/* Categorysigna */
/* Categorysigna End */
/* TAB */
/* TAB End */
/* Search Results */
/* Search Results End */
/* Footer Search bar */
/* Footer Search bar end */
/* EMI Calculator End */
/* EMI Calculator End */
/* Similar vehicle css start*/
/* Similar vehicle css end*/
/* About Manufacture css start */
/* about us sub-menu start */
/* about us sub-menu end */
/* About Manufacture css end */
/* product page accordion gallery start */
/* product page accordion gallery end */
/* product page links section start */
/* product page links section end */
/* cabin features tab css start */
/* cabin features tab css end */
/* Gallery page css start */
/* Gallery page css end */
/* Gallery css start */
/* Gallery css end */
/* About Manufacture css start */
/* About Manufacture css end */
/* brand page accodion gallery css start */
/* brand page accodion gallery css end */
/* Hi-Tech css start */
/* Hi-Tech css end */
/* Peace of mind css start */
/* Peace of mind css end */
/* production css start */
/* staging css end */
}
@media only screen and (max-width: 768px) {
.enquire-footer-slide-button,
.enquire-footer-slide-button.active,
.media-library-view--widget .view-header a.enquire-footer-slide-button.is-active {
position: fixed;
z-index: 22;
bottom: 50% !important;
right: -40px;
width: auto;
transition: all 0.5s;
transform: rotate(-90deg);
}
.footer-enquire-now-form-popup.show {
height: 100%;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: rgba(0, 0, 0, 0.6980392157);
overflow: hidden;
}
.footer-enquire-now-form-popup.show .container {
height: 90%;
padding: 20px;
overflow: auto;
background: #fff;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form {
display: block;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-actions {
position: inherit;
width: 100%;
height: auto;
margin-top: 20px;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-control {
padding: 5px 20px;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .js-form-type-checkbox label {
font-size: 10px;
line-height: 13px;
margin-bottom: 5px;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .g-recaptcha {
transform: scale(0.7);
margin: -13px 0 0;
height: 64px;
}
.enquire-footer-slide-button .container a {
padding: 5px 10px;
width: 100px;
font-size: 12px;
line-height: 11px;
display: none;
}
.enquire-footer-slide-button.active,
.media-library-view--widget .view-header a.enquire-footer-slide-button.is-active {
z-index: 2222222;
}
}
@media all {
p:empty {
margin: auto !important;
padding: 0;
}
body {
margin: auto;
padding: 0;
box-sizing: border-box;
overflow-x: hidden;
}
header {
position: fixed;
width: 100%;
z-index: 222;
left: 0;
right: 0;
top: 0;
transition: all 0.5s;
background: #fff;
}
header .navbar-toggler {
background-color: #fff;
border: 1px solid #fff;
}
header .region-header {
transition: all 0.5s;
height: 40px;
}
header .topmost-header {
background-color: #231F20;
color: #fff;
height: 40px;
line-height: 36px;
overflow: hidden;
}
header .topmost-header .header-top-nav ul {
margin: auto;
padding: 0;
}
header .topmost-header .header-top-nav ul li {
margin: auto;
margin-left: 10px;
}
header .topmost-header .header-top-nav ul li a {
color: #fff;
font-size: 12px;
padding: 13px;
}
header .topmost-header .header-top-nav ul .top-nav-blogs a::before {
content: "";
width: 24px;
height: 20px;
display: inline-block;
margin: auto;
background: url(../png/topblog_b.png);
line-height: 19px;
background-repeat: no-repeat;
background-size: 14px;
background-position: center;
position: relative;
top: 4px;
}
header .topmost-header .header-top-nav ul .top-nav-service a::before {
content: "";
width: 24px;
height: 20px;
display: inline-block;
margin: auto;
background: url(../png/topservice_b.png);
line-height: 19px;
background-repeat: no-repeat;
background-size: 14px;
background-position: center;
position: relative;
top: 4px;
}
header .topmost-header .header-top-nav ul .top-nav-dealers a::before {
content: "";
width: 24px;
height: 20px;
display: inline-block;
margin: auto;
background: url(../png/location_b.png);
line-height: 19px;
background-repeat: no-repeat;
background-size: 14px;
background-position: center;
position: relative;
top: 4px;
}
header .topmost-header .header-top-nav ul .top-nav-call a::before {
content: "";
width: 24px;
height: 20px;
display: inline-block;
margin: auto;
background: url(../png/call_b.png);
line-height: 19px;
background-repeat: no-repeat;
background-size: 14px;
background-position: center;
position: relative;
top: 4px;
}
header .topmost-header .header-top-nav ul li:last-child {
background-color: #0A0A5F;
margin-left: 40px;
}
header .navbar-expand-lg .container-fluid, header .navbar-expand-lg .container-sm, header .navbar-expand-lg .container-md, header .navbar-expand-lg .container-lg, header .navbar-expand-lg .container-xl, header .navbar-expand-lg .container-xxl {
width: var(--container);
margin: auto !important;
}
header .navbar-expand-lg .container {
width: 100%;
}
header .mobile-main-menu {
display: none;
}
header nav {
width: 100%;
}
header nav .navbar-brand .site-logo {
height: 31px;
background: url(../png/tata-motors-logo.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center left;
}
header nav .navbar-brand .site-logo img {
height: 100%;
opacity: 0;
}
header nav .tb-megamenu {
background: none;
}
header nav .tb-megamenu .tb-megamenu-nav li a {
font-weight: 500;
background: none;
color: #000 !important;
white-space: normal;
}
header nav .tb-megamenu .tb-megamenu-nav li a:hover {
background-color: transparent !important;
color: #0A0A5F !important;
}
header nav .tb-megamenu .tb-megamenu-nav li a .caret {
display: none !important;
}
header nav .tb-megamenu .tb-megamenu-nav li.active a {
background-color: transparent !important;
background-image: none !important;
}
header nav .tb-megamenu .tb-megamenu-nav li.tata-logo-header {
width: 100px;
margin-left: 30px;
}
header nav .tb-megamenu .tb-megamenu-nav li.tata-logo-header span {
width: 100%;
height: 100%;
background-color: transparent;
background-image: url(../png/tata.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
font-size: 0;
}
header nav .tb-megamenu .tb-megamenu-nav li.tata-logo-header span:hover {
background-color: transparent !important;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu {
position: fixed;
width: 100% !important;
top: 100px;
overflow: hidden !important;
background-color: #fff;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner {
padding: 0;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs {
border: none;
padding: 0;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav {
display: flex;
background-color: transparent;
border: none;
border-radius: 0;
padding: 0 40px;
text-align: center;
width: fit-content;
margin: auto;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav li {
margin: auto;
padding: 0 25px;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav li a {
color: #231F20 !important;
display: block;
padding: 15px 20px;
font-family: var(--f_bold);
text-transform: uppercase;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav li a::after {
background-color: #0A0A5F;
width: 0%;
height: 3px;
display: block;
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -3px;
transition: all 0.5s;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav li:hover {
color: #0A0A5F !important;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav li.ui-tabs-active a {
color: #0A0A5F !important;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav li.ui-tabs-active a::after {
width: 80%;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel {
border-top: 1px solid #f2f2f2 !important;
padding: 0;
height: 75vh;
overflow: hidden;
overflow-y: auto;
width: 100%;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container {
width: var(--container);
margin: auto;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row {
margin-left: 0;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row h3, header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .h3 {
font-size: 23px;
color: #0A0A5F;
padding: 40px 0 5px;
text-transform: capitalize;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid {
padding: 0;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row {
gap: 0;
margin-left: 0;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row::before {
display: none;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row .menu-trucks-wrapper.row {
flex-wrap: wrap;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div {
padding: 5px;
width: 50%;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div div {
width: 100%;
background: #Ffff;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field {
width: 100%;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper {
gap: 0;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper h3, header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper .h3 {
display: block;
padding: 20px 0 0;
margin: auto;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper h3 a, header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper .h3 a {
font-size: 19px;
text-decoration: none;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper .col-6 {
width: 50%;
padding: 0 20px 20px;
margin: auto;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper .col-6 img {
width: 100%;height:200px;object-fit:contain;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper .col-6 a {
color: #0A0A5F;
padding: 8px 0;
text-decoration: underline;
transition: all 0.5s;
}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper .col-6 a:hover {
color: #0A0A5F !important;
}
header nav #block-trucksheaderhr,
header nav .region-nav-additional {
display: none;
}
header nav .region-nav-main {
position: relative;
}
header nav .region-nav-main .menu--tata-logo {
position: absolute;
right: 0;
background-image: url(../png/tata-w.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
font-size: 0;
width: 100px;
height: 45px;
top: 6px;
display: none;
}
.fixed-header header {
transition: all 0.5s;
background: #fff !important;
}
.fixed-header header nav .tb-megamenu .tb-megamenu-nav li a {
color: #000 !important;
}
.fixed-header header .tata-logo-header span {
background-image: url(../png/tata.png) !important;
}
.fixed-header header nav {
width: 100%;
}
header .tb-megamenu-nav li:nth-child(3) {
position: relative;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-row.row-fluid::after {
background: #0A0A5F;
content: "";
display: block;
position: absolute;
height: 60px;
width: 100%;
left: 0;
z-index: -1;
pointer-events: none;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item {
text-align: center;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item a.dropdown-toggle {
display: block;
padding: 20px;
color: #fff !important;
height: 60px;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item a.dropdown-toggle::after {
transform: rotate(90deg);
position: initial;
float: none;
display: inline-block;
margin: 0 0 -5px 10px;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item.open a.dropdown-toggle::after {
border-left-color: #0A0A5F;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item.open a.dropdown-toggle {
background-color: #F5F5F5 !important;
color: #0A0A5F !important;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item .tb-megamenu-submenu {
left: 0 !important;
right: 0 !important;
margin: auto;
min-width: 100% !important;
top: 160px;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item.open .tb-megamenu-submenu {
opacity: 1;
min-width: 100% !important;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .mega-dropdown-inner {
background: #fff;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-row.row-fluid {
width: var(--container);
margin: auto;
}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-row.row-fluid .tb-megamenu-row.row-fluid {
width: 100%;
}
}
@media only screen and (max-width: 980px) {
header #navbarSupportedContent {
width: 100%;
background: #231F20;
position: absolute;
left: 0;
right: 0;
top: 59px;
}
header #navbarSupportedContent .nav-collapse {
display: block;
height: auto;
}
header #navbarSupportedContent .tb-megamenu .nav-collapse .nav, header #navbarSupportedContent .tb-megamenu .nav-collapse .media-library-view--widget .view-header, .media-library-view--widget header #navbarSupportedContent .tb-megamenu .nav-collapse .view-header {
display: block;
text-align: center;
}
header #navbarSupportedContent .tb-megamenu .always-show .mega > .mega-dropdown-menu,
header #navbarSupportedContent .tb-megamenu .always-show .dropdown-menu {
display: none !important;
}
header #navbarSupportedContent .tb-megamenu .tb-megamenu-nav li.tata-logo-header {
margin: 20px auto;
}
header #navbarSupportedContent .tb-megamenu .tb-megamenu-nav li.tata-logo-header span {
font-size: 0;
}
header #navbarSupportedContent .nav-collapse {
height: auto !important;
}
header #navbarSupportedContent button {
display: none;
}
header .tb-megamenu .nav-collapse {
top: -10px;
}
header .navbar-toggler:focus {
outline: none;
}
header .navbar-toggler {
padding: 1px 6px;
background-color: transparent;
}
header .topmost-header .header-top-nav ul li {
margin-left: 5px;
}
header .topmost-header {
height: 29px;
line-height: 26px;
}
header .topmost-header .header-top-nav ul li:last-child {
margin-left: 10px;
}
header .topmost-header .header-top-nav ul li:nth-child(2) a::before {
width: 15px;
height: 10px;
background-size: contain;
top: 2px;
}
header .topmost-header .header-top-nav ul li:nth-child(3) a::before {
width: 15px;
height: 10px;
background-size: contain;
top: 2px;
}
header .topmost-header .header-top-nav ul li a {
font-size: 9px;
padding: 6px;
}
.region-breadcrumb .search-block-form .container form {
width: 210px !important;
}
}
@media all {
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle, .tb-megamenu .media-library-view--widget .view-header li.dropdown.open > .dropdown-toggle, .media-library-view--widget .tb-megamenu .view-header li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
background-color: transparent;
}
footer {
padding: 0;
}
footer .container .container {
width: 100%;
}
footer .region {
padding: 0;
}
footer .region .navigation.menu--footer-one {
border-top: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;
}
footer .region .navigation.menu--footer-one .navbar-nav {
display: flex;
width: 100%;
flex-direction: inherit;
flex-wrap: initial;
text-align: center;
}
footer .region .navigation.menu--footer-one .navbar-nav li {
width: 100%;
}
footer .region .navigation.menu--footer-one .navbar-nav li a {
display: block;
padding: 15px 5px;
font-family: var(--f_bold);
background-color: #fff;
transition: all 0.5s;
}
footer .region .navigation.menu--footer-one .navbar-nav li a:hover {
color: #0A0A5F;
text-decoration: underline;
}
footer .region .navigation.menu--footer-one .navbar-nav li a::after {
content: "›";
font-weight: normal;
margin-left: 5px;
width: 25px;
height: 17px;
display: inline-block;
position: relative;
top: 3px;
font-size: 30px;
line-height: 0;
}
footer .region .navigation.menu--footer-one .navbar-nav li:nth-child(1) a {
color: #fff;
background: #050545;
text-transform: uppercase;
clip-path: polygon(0% 0%, 95% 1.85%, 99.61% 51.85%, 94.42% 99.55%, 0% 100%);
}
footer .region .navigation.menu--footer-one .navbar-nav li:nth-child(1) a::after {
display: none;
}
footer .region .search-block-form,
footer .region .bef-exposed-form {
padding: 60px 0;
text-align: center;
}
footer .region .search-block-form h2, footer .region .search-block-form .h2,
footer .region .bef-exposed-form h2,
footer .region .bef-exposed-form .h2 {
font-family: var(--f_regular);
}
footer .region .search-block-form form,
footer .region .bef-exposed-form form {
width: 600px;
margin: 40px auto 0;
position: relative;
background: none;
overflow: hidden;
}
footer .region .search-block-form form .js-form-item,
footer .region .bef-exposed-form form .js-form-item {
width: 100%;
}
footer .region .search-block-form form .js-form-item .form-control,
footer .region .bef-exposed-form form .js-form-item .form-control {
width: 100%;
background: none;
border: none;
border-radius: 0;
outline: 0;
background-color: #F5F5F5;
padding: 15px 30px;
}
footer .region .search-block-form form .form-actions,
footer .region .bef-exposed-form form .form-actions {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 50px;
height: 100%;
}
footer .region .search-block-form form .form-actions input,
footer .region .bef-exposed-form form .form-actions input {
font-size: 0;
background-image: url("../png/icon-list.png");
background-position: top -3px left -1927px;
height: 100%;
border-radius: 0;
background-color: transparent;
width: 100%;
border: none;
}
footer .region .block-block-groupfooter-quicklinks-getintouch {
width: 100%;
border-top: 1px solid #F2F2F2;
padding: 70px 20px;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .contact {
width: var(--container);
margin: auto;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block {
float: left;
width: 500px;
margin: auto;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block h5, footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block .h5 {
font-family: var(--f_bold);
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block .navbar-nav {
margin: auto;
padding: 0;
display: block;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block .navbar-nav li {
display: inline-block;
vertical-align: top;
width: 48%;
padding: 3px 0;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block .navbar-nav li a {
padding: 0;
color: #8D8B8C;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block .navbar-nav li a:hover {
color: #0A0A5F;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons {
float: right;
margin: auto;
width: 240px;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons p {
font-family: var(--f_bold);
font-size: 19px;
text-transform: uppercase;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links {
margin: auto;
padding: 0;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links li {
margin: auto;
padding: 0;
list-style-type: none;
display: inline-block;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links li a {
width: 40px !important;
height: 40px;
background-image: url("../png/icon-list.png");
overflow: hidden;
border-radius: 100%;
padding: 0;
margin-right: 6px;
font-size: 0;
display: block;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links li a:hover {
opacity: 0.7;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links li.linkedin a {
background-position: -1038px -12px;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links li.facebook a {
background-position: -1101px -11px;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links li.twitter a {
background-position: -1166px -11px;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links li.instagram a {
background-position: -1229px -11px;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons .social-links li.youtube a {
background-position: -1293px -11px;
}
footer .region .block-block-groupfooter-newsletter-search {
padding: 70px 0;
border-top: 1px solid #F2F2F2;
}
footer .region .block-block-groupfooter-newsletter-search #block-subscribetonewsletter,
footer .region .block-block-groupfooter-newsletter-search #block-webform {
float: left;
width: 50%;
}
footer .region .block-block-groupfooter-newsletter-search #block-subscribetonewsletter h5, footer .region .block-block-groupfooter-newsletter-search #block-subscribetonewsletter .h5,
footer .region .block-block-groupfooter-newsletter-search #block-webform h5,
footer .region .block-block-groupfooter-newsletter-search #block-webform .h5 {
font-size: var(--headingS1);
font-family: var(--f_bold);
}
footer .region .block-block-groupfooter-newsletter-search #block-subscribetonewsletter p,
footer .region .block-block-groupfooter-newsletter-search #block-webform p {
color: #8D8B8C;
}
footer .region .block-block-groupfooter-newsletter-search #block-webform .webform-submission-form {
display: flex;
gap: 20px;
}
footer .region .block-block-groupfooter-newsletter-search #block-webform .webform-submission-form label {
display: none;
}
footer .region .block-block-groupfooter-newsletter-search #block-webform .webform-submission-form .js-form-item {
margin: auto;
}
footer .region .block-block-groupfooter-newsletter-search #block-webform .webform-submission-form .js-form-item input {
margin: auto;
padding: 20px;
border-radius: 0;
border: none;
border-bottom: 2px solid #0A0A5F;
height: 60px;
}
footer .region .block-block-groupfooter-newsletter-search #block-webform .webform-submission-form .form-actions {
margin: auto;
}
footer .region .block-block-groupfooter-newsletter-search #block-webform .webform-submission-form .form-actions input {
height: 60px;
background-color: #0A0A5F;
border-radius: 0;
padding: 10px;
border: none;
width: 90px;
}
}
@media only screen and (max-width: 1000px) {
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block {
float: none;
width: 100%;
text-align: center;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block nav {
padding: 20px 0;
}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-social-icons {
float: none;
width: 100%;
margin-top: 40px;
text-align: center;
}
footer .region .block-block-groupfooter-newsletter-search #block-subscribetonewsletter,
footer .region .block-block-groupfooter-newsletter-search #block-webform {
float: none;
width: 100%;
padding: 20px 0;
}
}
@media only screen and (max-width: 768px) {
footer .region .search-block-form form,
footer .region .bef-exposed-form form {
width: 100%;
}
footer .region .navigation.menu--footer-one .navbar-nav li a {
font-size: 9px;
}
footer .region .navigation.menu--footer-one .navbar-nav li a::after {
display: none;
}
footer .region .search-block-form #search-block-form--3 {
width: 100%;
}
footer .region-footer .footer-copyright {
height: auto;
padding-bottom: 110px;
}
footer .region-footer .footer-copyright p.float-start {
float: none;
margin: 0;
text-align: center;
}
footer .region-footer .footer-copyright div.footer-bottom-nav {
float: none;
width: 100%;
padding: 10px 0;
}
footer .region-footer .footer-brands .navbar-nav,
footer .region-footer .footer-menu-commercial-vehicle .navbar-nav,
footer .region-footer .footer-services .navbar-nav,
footer .region-footer .footer-spares .navbar-nav,
footer .region-footer .footer-aggregates .navbar-nav {
gap: 20px;
}
}
@media all {
.page-node-type-products .region-breadcrumb .block-system,
.services .region-breadcrumb .block-system {
background-color: #fff !important;
}
.page-node-type-products .region-breadcrumb .block-system *,
.services .region-breadcrumb .block-system * {
color: #000;
}
.page-node-type-products .region-breadcrumb .block-system .breadcrumb-item + .breadcrumb-item::before,
.services .region-breadcrumb .block-system .breadcrumb-item + .breadcrumb-item::before {
color: #000 !important;
}
.path-frontpage .block-system-breadcrumb-block {
display: none;
}
.path-frontpage main .region-breadcrumb .block-block-content {
background-color: transparent;
}
.path-frontpage main .region-breadcrumb .block-block-content {
border-top: none;
}
.block-system-breadcrumb-block {
border-top: 1px solid #f2f2f2;
}
.block-system-breadcrumb-block .breadcrumb li {
color: #000;
}
.block-system-breadcrumb-block .breadcrumb li a {
color: #000 !important;
}
.block-system-breadcrumb-block .breadcrumb-item + .breadcrumb-item::before {
content: "›";
color: #000;
}
main {
/* animation  */
/* animation end */
}
main .region-content {
padding: 0;
}
main .region-breadcrumb {
background: transparent;
position: fixed;
top: 110px;
z-index: 18;
width: 100%;
transition: all 0.5s;
color: #fff;
}
main .region-breadcrumb .block-block-content {
padding: 8px 0;
color: #231F20;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
height: 35px;
background: #fff;
border-top: 1px solid whitesmoke !important;
}
main .region-breadcrumb .block-block-content h4, main .region-breadcrumb .block-block-content .h4 {
margin: auto;
padding: 0;
color: #231F20;
font-size: 14px;
}
main .region-breadcrumb .search-block-form {
margin: -46px 0 0 0;
position: relative;
border-bottom: 1px solid #F2F2F2;
border-top: 1px solid #F2F2F2;
}
main .region-breadcrumb .search-block-form .container {
display: block;
margin: auto;
}
main .region-breadcrumb .search-block-form .container form {
float: right;
background: #F5F5F5;
height: 35px;
position: relative;
width: 300px;
}
main .region-breadcrumb .search-block-form .container form .js-form-item input {
border: none;
border-radius: 0;
background: transparent;
outline: none;
box-shadow: none !important;
width: 100%;
height: 35px;
padding: 0 20px;
}
main .region-breadcrumb .search-block-form .container form .js-form-item input::placeholder {
color: #000;
}
main .region-breadcrumb .search-block-form .container form .form-actions {
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
main .region-breadcrumb .search-block-form .container form .form-actions input {
border: none;
border-radius: 0;
background: transparent;
outline: none;
box-shadow: none !important;
height: 35px;
color: #0A0A5F;
font-size: 0;
background-image: url("../png/icon-list.png");
background-position: top -12px left -1919px;
width: 45px;
}
main .region-breadcrumb .search-block-form .container::after {
content: "";
width: 100%;
clear: both;
display: block;
}
main .region-breadcrumb .block-system {
background: rgba(255, 255, 255, 0.1803921569);
font-size: 14px;
text-transform: capitalize;
color: #fff;
padding: 10px 0;
margin: 35px 0 0 0;
}
main .region-breadcrumb .block-system ol {
margin: auto;
padding: 0;
}
main .region-breadcrumb .block-system ol li a {
color: #000;
}
main .region-breadcrumb h4, main .region-breadcrumb .h4 {
margin: auto;
text-transform: uppercase;
color: #fff;
font-size: 19px;
padding: 10px 0;
font-family: var(--f_bold);
}
}
@media only screen and (max-width: 940px) {
main .region-breadcrumb {
top: 99px;
}
}
@media all {
main .block-views-blockhero-slider-block-1 {
padding: 0;
}
main .block-views-blockhero-slider-block-1 .flexslider {
padding: 0;
border: none;
overflow: hidden;
}
main .block-views-blockhero-slider-block-1 .flexslider::after {
content: "";
position: absolute;
width: 100%;
height: 20%;
z-index: 2;
opacity: 0.5;
left: 0;
right: 0;
top: 0;
background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 61%);
}
main .block-views-blockhero-slider-block-1 .flexslider .slides {
width: 100% !important;
}
main .block-views-blockhero-slider-block-1 .flexslider .slides li {
width: 100% !important;
}
main .block-views-blockhero-slider-block-1 .flexslider .slides li .views-field-field-slider-media {
background-color: #000;
}
main .block-views-blockhero-slider-block-1 .flexslider .views-field-field-slider-media {
display: block;
}
main .block-views-blockhero-slider-block-1 .flexslider .views-field-field-slider-media-for-phones {
display: none;
}
main .block-views-blockhero-slider-block-1 .container {
width: 100%;
}
main .block-views-blockhero-slider-block-1 .container .container {
width: var(--container);
}
main .block-views-blockhero-slider-block-1 .flex-prev,
main .block-views-blockhero-slider-block-1 .flex-next {
display: none !important;
}
main .block-views-blockhero-slider-block-1 .carousel-caption {
all: unset;
}
main .block-views-blockhero-slider-block-1 h3, main .block-views-blockhero-slider-block-1 .h3 {
display: none;
}
main .block-views-blockhero-slider-block-1 .field__item {
height: 70vh;
overflow: hidden;
}
main .block-views-blockhero-slider-block-1 .field__item img,
main .block-views-blockhero-slider-block-1 .field__item video {
width: 100%;
height: 100%;
object-fit: cover;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
transition: all 0.5s;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .container {
display: flex;
height: 100%;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 {
margin: auto 0;
width: 600px;
position: relative;
top: -100px;
transition: all 0.5s;
opacity: 1;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 h5, main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .h5 {
color: #fff;
font-size: 50px;
text-transform: uppercase;
font-family: var(--f_black);
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 p {
font-size: 28px;
color: #fff;
line-height: normal;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row {
padding: 20px 0;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row a {
color: #fff;
text-decoration: none;
padding: 5px 17px;
margin-right: 10px;
display: inline-block;
position: relative;
transition: all 0.5s;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row span:nth-child(1) a {
background: #0A0A5F;
border: 1px solid #0A0A5F;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row span:nth-child(1) a:hover {
background: #fff;
color: #0A0A5F;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row span:nth-child(2) a {
background: none;
text-decoration: underline;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row span:nth-child(2) a::after {
content: "›";
position: absolute;
right: 3px;
font-size: 27px;
top: 0;
bottom: 0;
margin: auto;
color: #fff;
height: 6px;
line-height: 0;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row span:nth-child(2) a:hover {
color: #0A0A5F;
background-color: #fff;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row span:nth-child(2) a:hover::after {
color: #0A0A5F;
}
main .block-views-blockhero-slider-block-1 .flex-active-slide .hero-slider-item09 .carousel-caption09 {
top: 0;
}
main .block-views-blockhero-slider-block-1 .active .carousel-caption09, main .block-views-blockhero-slider-block-1 .media-library-view--widget .view-header a.is-active .carousel-caption09, .media-library-view--widget .view-header main .block-views-blockhero-slider-block-1 a.is-active .carousel-caption09 {
opacity: 1;
top: 0;
transition: all 0.5s;
}
main .block-views-blockhero-slider-block-1 .flex-control-paging {
display: block;
width: var(--container);
margin: auto;
position: absolute;
left: 0;
right: 0;
padding: 0;
bottom: 5%;
z-index: 2;
text-align: left;
}
main .block-views-blockhero-slider-block-1 .flex-control-paging li {
margin: 0 5px 0 0;
display: inline-block;
width: 50px;
height: 4px;
}
main .block-views-blockhero-slider-block-1 .flex-control-paging li a {
background: #fff;
padding: 0;
border: none;
opacity: 1;
width: 100%;
height: 100%;
display: block;
}
main .block-views-blockhero-slider-block-1 .flex-control-paging li a.flex-active {
background: #0A0A5F;
}
}
@media only screen and (max-width: 1468px) {
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 h5, main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .h5 {
font-size: 36px;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 p {
font-size: 17px;
}
}
@media only screen and (max-width: 768px) {
main main {
margin-top: 129px;
}
main .block-views-blockhero-slider-block-1 .field__item {
height: 450px;
background: #0A0A5F;
}
main .block-views-blockhero-slider-block-1 .field__item img {
height: 100%;
object-fit: cover;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 h5, main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .h5 {
font-size: 25px;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 p {
font-size: 14px;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 {
position: absolute;
top: inherit;
bottom: 0;
padding-bottom: 120px;
width: 90%;
}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row {
padding: 5px 0;
}
main .flex-active-slide .hero-slider-item09 .carousel-caption09 {
top: inherit !important;
}
main .block-views-blockhero-slider-block-1 .flex-control-paging {
display: none;
}
main .block-views-blockhero-slider-block-1 .flexslider .views-field-field-slider-media-for-phones {
display: block !important;
background: #000;
}
main .block-views-blockhero-slider-block-1 .flexslider .views-field-field-slider-media-for-phones img {
opacity: 0.7;
}
main .block-views-blockhero-slider-block-1 .flexslider .views-field-field-slider-media {
display: none;
}


main .block-views-blockhero-slider-block-1 .flex-direction-nav li.flex-nav-next {
right: 25px;
}
}
@media all {
main .block-views-blocknews-block-1 .view-news {
margin: -150px 0 50px 0;
position: relative;
z-index: 2;
}
main .block-views-blocknews-block-1 .view-news .flex-control-nav {
display: none;
}
main .block-views-blocknews-block-1 .view-news .view-content {
background: #fff;
padding: 0;
border: 1px solid #BABABA;
}
main .block-views-blocknews-block-1 .view-news .view-content div {
padding: 0;
overflow: hidden;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default {
padding: 20px 30px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide {
width: 100%;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row {
width: 50%;
float: left;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-field-news-thumbnail-image {
float: left;
width: 40%;
height: 100px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-field-news-thumbnail-image .field-content {
height: 100%;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-field-news-thumbnail-image .field-content img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s;
transform: scale(1);
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-field-tags {
float: left;
width: 60%;
padding: 20px 20px 5px 20px;
font-family: var(--f_heavy);
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-title {
float: left;
width: 50%;
padding: 0px 20px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-title a {
line-height: normal;
font-size: 18px;
text-decoration: none;
color: #0A0A5F;
font-family: var(--f_bold);
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row:hover .views-field-field-news-thumbnail-image img {
transform: scale(1.1);
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text .views_slideshow_controls_text_pause {
display: none;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text span {
height: 30px;
width: 15px;
position: absolute;
bottom: 36%;
display: block;
display: none;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text span a {
font-size: 0;
margin: auto;
text-decoration: none;
display: block;
background: url("../png/arrow2.png");
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 100%;
opacity: 0.5;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text span a:hover {
opacity: 0.8;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text .views_slideshow_controls_text_previous {
left: -60px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text .views_slideshow_controls_text_previous a {
transform: rotate(-180deg);
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text .views_slideshow_controls_text_next {
right: -60px;
}
}
@media only screen and (max-width: 1400px) {
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text .views_slideshow_controls_text_previous {
left: -5px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text .views_slideshow_controls_text_next {
right: -5px;
}
}
@media only screen and (max-width: 768px) {
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text .views_slideshow_controls_text_previous {
left: -12px;
height: 15px;
width: 8px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_controls_text .views_slideshow_controls_text_next {
right: -12px;
height: 15px;
width: 8px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default {
padding: 5px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-field-news-thumbnail-image,
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-field-tags,
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-title {
float: none;
width: 100%;
padding: 5px;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .field-content {
padding: 0;
}
main .block-views-blocknews-block-1 .view-news .view-content .skin-default .views_slideshow_cycle_slide .views-row .views-field-title a {
font-size: 12px;
line-height: 14px;
display: block;
}
}
@media all {
main #block-views-block-news-block-3 {
display: none;
}
main .home-desh-ke-trucks.container {
width: 100%;
position: relative;
overflow: hidden;
color: #000;
padding: 0 0 0;
text-align: center;
}
main .home-desh-ke-trucks.container h2, main .home-desh-ke-trucks.container .h2 {
position: relative;
z-index: 2;
font-size: var(--headingS1);
}
main .home-desh-ke-trucks.container .text-formatted {
position: relative;
z-index: 2;
width: 80%;
margin: auto;
}
main .home-desh-ke-trucks.container .field--name-field-background-image {
width: 100%;
transform: scale(1.2);
margin: -50px 0 0 0;
}
main .home-desh-ke-trucks.container .field--name-field-background-image img {
width: 100%;
transform: scale(1.2);
}
main .home-desh-ke-trucks.container .field--name-field-brand-film {
display: inline-block;
margin-top: 20px;
padding: 5px;
position: absolute;
top: 28%;
left: 0;
right: 0;
width: fit-content;
margin: auto;
}
main .home-desh-ke-trucks.container .field--name-field-brand-film a {
background-color: #0A0A5F;
color: #fff;
border: 1px solid #0A0A5F;
text-decoration: none;
padding: 10px 20px;
transition: all 0.5s;
}
main .home-desh-ke-trucks.container .field--name-field-brand-film a:hover {
background-color: #fff;
color: #0A0A5F;
}
main .home-desh-ke-trucks.container .field--name-field-know-more {
display: inline-block;
position: absolute;
top: 23.5%;
left: 140px;
right: 0;
z-index: 1;
width: fit-content;
margin: auto;
}
main .home-desh-ke-trucks.container .field--name-field-know-more a {
position: relative;
color: #0A0A5F;
text-transform: capitalize;
text-decoration: underline;
}
main .home-desh-ke-trucks.container .field--name-field-know-more a::after {
content: "›";
position: absolute;
right: -20px;
font-size: 30px;
top: 0;
bottom: 0;
margin: auto;
line-height: 0;
height: 10px;
}
}
@media only screen and (max-width: 1268px) {
main .home-desh-ke-trucks.container .field--name-field-brand-film {
top: 32%;
}
main .home-desh-ke-trucks.container .field--name-field-know-more {
top: 32.5%;
}
}
@media only screen and (max-width: 768px) {
main .home-desh-ke-trucks.container {
height: 500px;
}
main .home-desh-ke-trucks.container .text-formatted {
width: 100%;
font-size: 13px;
}
main .home-desh-ke-trucks.container .field--name-field-brand-film {
top: inherit;
bottom: 0px;
background: #fff;
width: 100%;
padding: 35px 0 6px;
}
main .home-desh-ke-trucks.container .field--name-field-know-more {
top: inherit;
bottom: 50px;
}
main .home-desh-ke-trucks.container .field--name-field-background-image {
margin: auto;
}
}
@media all {
main #block-views-block-brand-campaigns-home-page-block-1 {
width: 100%;
padding: 0;
margin: -50px auto 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion {
background: #fff;
padding: 50px 20px;
position: relative;
border-bottom: 2px solid #BABABA;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-accordion-header {
position: absolute;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-know-more-link {
text-align: center;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-know-more-link a {
background: #fff;
color: #0A0A5F;
text-decoration: none;
padding: 10px 23px;
display: inline-block;
border: 1px solid #0A0A5F;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-know-more-link a:hover {
background-color: #0A0A5F;
color: #fff;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-body {
padding: 30px 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image {
margin-bottom: 40px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image .item-list ul {
position: relative;
margin: auto;
padding: 0;
display: flex;
gap: 20px;
text-align: center;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image .item-list ul li {
list-style-type: none;
margin: 0;
padding: 0;
color: #000;
width: 100%;
position: relative;
z-index: 1;
font-size: 13px;
transition: all 0.5s;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image .item-list ul li img {
display: block;
width: 70px;
max-width: 70px;
margin: auto;
padding-bottom: 15px;
transition: all 0.5s;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image .item-list ul li:hover {
color: #0A0A5F;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image .item-list ul li:hover img {
transform: scale(1.1);
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image .item-list ul::after {
content: "";
position: absolute;
width: 72%;
height: 1px;
top: 30%;
border-bottom: 1px dashed #231F20;
margin: auto;
left: 0;
right: 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(1) .views-field {
top: 30%;
left: 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(1) .views-field .ui-icon {
right: -10px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(2) .views-field {
top: 40%;
left: 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(2) .views-field .ui-icon {
right: -10px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(3) .views-field {
top: 30%;
right: 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(3) .views-field .ui-icon {
left: -10px;
transform: rotate(180deg);
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(4) .views-field {
top: 40%;
right: 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(4) .views-field .ui-icon {
left: -10px;
transform: rotate(180deg);
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title {
background: none;
border: none;
padding: 0 20px;
width: 270px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title .ui-icon {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
background: none;
height: 16px;
opacity: 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title .ui-icon::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
width: 15px;
height: 15px;
background-image: url("../png/arrow2.png");
background-repeat: no-repeat;
background-size: contain;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title a {
color: #000;
font-size: 18px;
font-family: var(--f_heavy);
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title a:hover {
color: #0A0A5F;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .ui-state-active a {
color: #0A0A5F;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .ui-state-active .ui-icon {
opacity: 1 !important;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .ui-state-active .ui-icon::after {
border-left-color: #0A0A5F;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .ui-accordion-content {
width: 800px;
margin: auto;
border: none;
padding: 0;
box-sizing: border-box;
height: auto !important;
overflow: hidden !important;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .ui-accordion-content h4, main #block-views-block-brand-campaigns-home-page-block-1 .accordion .ui-accordion-content .h4 {
font-size: 22px;
color: #050545;
font-family: var(--f_heavy);
}
}
@media only screen and (max-width: 1500px) {
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .ui-accordion-content {
width: 600px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title {
width: 211px;
}
}
@media only screen and (max-width: 992px) {
main #block-views-block-brand-campaigns-home-page-block-1 {
margin: auto;
padding: 60px 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion {
padding: 0;
border: none;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .container {
width: 100%;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-title {
width: 100%;
position: relative;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
padding: 20px;
padding-right: 25px;
background: #f0f0f0;
margin-top: 2px;
border-radius: 0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-title a {
font-size: 22px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-title .ui-icon {
right: 10px !important;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .ui-accordion-content {
padding: 0px 30px 40px;
width: 100%;
max-width: 100%;
background: #f0f0f0;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-field-campaign-feature-image .item-list ul {
gap: 10px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-field-campaign-feature-image .item-list ul li {
padding: 0;
font-size: 12px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-field-campaign-feature-image .item-list ul li img {
width: 90%;
}
}
@media all {
main .trucks-about-wrapper {
padding: 15px 0;
border-top: 1px solid #BABABA;
border-bottom: 1px solid #BABABA;
text-align: center;
}
main .trucks-about-wrapper div a {
display: block;
text-decoration: none;
color: #000;
width: fit-content;
margin: auto;
position: relative;
padding-left: 40px;
transition: all 0.5s;
}
main .trucks-about-wrapper div a::before {
content: "";
display: block;
width: 37px;
height: 39px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background-image: url("../png/icon-list.png");
}
main .trucks-about-wrapper div a:hover {
font-family: var(--f_heavy);
color: #000;
}
main .trucks-about-wrapper div:nth-child(4) {
border: none;
}
main .trucks-about-wrapper div:nth-child(1) a::before {
background-position: top -11px left -770px;
}
main .trucks-about-wrapper div:nth-child(2) a::before {
background-position: top -11px left -701px;
}
main .trucks-about-wrapper div:nth-child(3) a::before {
background-position: top -11px left -630px;
}
main .trucks-about-wrapper div:nth-child(4) a::before {
background-position: top -11px left -559px;
}
}
@media only screen and (max-width: 768px) {
main .trucks-about-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: center;
}
main .trucks-about-wrapper div {
padding: 0;
margin: auto;
width: 100%;
}
main .trucks-about-wrapper div a {
padding: 10px;
transform: scale(0.8);
}
main .trucks-about-wrapper div a::before {
width: 40px;
height: 40px;
left: -30px;
}
}
@media all {
main #block-views-block-home-page-category-section-block-1 {
padding: 70px 0;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-first {
padding-bottom: 20px !important;
border: none !important;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-first h5, main #block-views-block-home-page-category-section-block-1 .view-content .views-row-first .h5 {
font-size: var(--headingS1);
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even,
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd {
border: 1px solid #BABABA;
padding: 0;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content img:nth-child(1),
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content img:nth-child(1) {
height: 38px;
background-color: #0A0A5F;
max-width: initial;
padding: 10px 40px 10px 20px;
width: fit-content;
clip-path: polygon(0px 0px, 100% 0%, 90.97% 97.37%, 0% 100%);
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content img:nth-child(2),
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content img:nth-child(2) {
text-align: center;
padding: 10px;
width: 100%;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content h3, main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content .h3,
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content h3,
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content .h3 {
font-family: var(--f_heavy);
color: #0A0A5F;
font-size: 25px;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content p,
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content p {
padding: 0 12px;
margin: auto;
font-size: 15px;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content a,
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content a {
text-decoration: underline;
display: block;
color: #0A0A5F;
text-align: center;
margin: 20px auto;
transition: all 0.5s;
position: relative;
width: fit-content;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content a::after,
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content a::after {
content: "›";
position: absolute;
right: -20px;
top: 0;
bottom: 0;
margin: auto;
line-height: 0;
height: 2px;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content a:hover,
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content a:hover {
color: #8D8B8C;
}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even:hover,
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd:hover {
border-color: #0A0A5F;
}
}
@media only screen and (max-width: 992px) {
main #block-views-block-home-page-category-section-block-1 .view-home-page-category-section .row {
gap: 15px;
}
main #block-views-block-home-page-category-section-block-1 .view-home-page-category-section .row .col-3 {
width: 47%;
}
}
@media only screen and (max-width: 768px) {
main #block-views-block-home-page-category-section-block-1 .view-home-page-category-section .row {
gap: 0px;
}
main #block-views-block-home-page-category-section-block-1 .view-home-page-category-section .row .col-3 {
width: 94%;
margin: 10px auto;
}
main .emi-calculator-menu-home-page {
padding-bottom: 50px;
}
}
@media all {
main .block-views-blocktruck-finder-block-1 {
padding: 110px 0;
margin-top: 80px;
background: #0A0A5F;
position: relative;
overflow: hidden;
}
main .block-views-blocktruck-finder-block-1 .view-truck-finder {
color: #fff;
}
main .block-views-blocktruck-finder-block-1::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(../jpg/our-truck-your-way.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom right;
opacity: 0.4;
}
main .block-views-blocktruck-finder-block-1 .container {
position: relative;
z-index: 2;
}
main .block-views-blocktruck-finder-block-1 .container h2, main .block-views-blocktruck-finder-block-1 .container .h2 {
text-align: center;
color: #fff;
}
main .block-views-blocktruck-finder-block-1 .container .fieldset-wrapper {
background: transparent;
}
main .block-views-blocktruck-finder-block-1 .container .view-header {
text-align: center;
margin-bottom: 90px;
}
main .view-id-truck_finder #edit-actions--f_jbuv0IzP0 {
display: none;
}
main .view-id-truck_finder #edit-actions--2,
main .view-id-truck_finder .form-actions {
position: absolute;
right: 10px;
top: -110px;
z-index: 22;
margin: auto;
}
main .view-id-truck_finder #edit-actions--2 #edit-submit-truck-finder,
main .view-id-truck_finder #edit-actions--2 .button:first-child,
main .view-id-truck_finder .form-actions #edit-submit-truck-finder,
main .view-id-truck_finder .form-actions .button:first-child {
display: none !important;
}
main .view-id-truck_finder #edit-actions--2 .button,
main .view-id-truck_finder .form-actions .button {
font-weight: bold;
text-decoration: underline;
border-radius: 0;
color: #fff;
background: none;
border: none;
}
main .view-id-truck_finder .view-filters {
padding: 25px 0 0;
}
main .view-id-truck_finder .view-filters .form--inline {
display: block;
width: 100%;
height: 410px;
position: relative;
}
main .view-id-truck_finder .view-filters .form--inline::before {
content: "";
background: #D9D9D9;
width: 7px;
height: 90%;
border-radius: 10px;
position: absolute;
top: 5px;
margin: auto;
}
main .view-id-truck_finder .view-filters .form--inline fieldset {
width: 100%;
height: 100%;
padding: 0;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
}
main .view-id-truck_finder .view-filters .form--inline fieldset::after {
content: "";
background: #307FE2;
width: 7px;
height: 9%;
border-radius: 10px;
position: absolute;
top: 5px;
margin: auto;
transition: all 0.5s;
z-index: 1;
left: 0;
}
main .view-id-truck_finder .view-filters .form--inline fieldset::before {
content: "";
background: url("../png/trucks_iw.png");
width: 24px;
height: 90%;
position: absolute;
top: 5px;
margin: auto;
background-size: cover;
left: -45px;
transition: background-position 0.5s;
background-size: contain;
background-repeat: no-repeat;
background-color: #0a0a5f;
background-position: 0 16px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset:nth-child(1) legend {
top: 33px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset:nth-child(2) legend {
top: 117px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset:nth-child(3) legend {
top: 210px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset:nth-child(4) legend {
top: 307px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset legend {
width: 27%;
float: left;
position: relative;
left: 35px;
text-transform: uppercase;
font-family: var(--f_heavy);
}
main .view-id-truck_finder .view-filters .form--inline fieldset legend::after {
content: "";
width: 20px;
height: 20px;
background: #D9D9D9;
border-radius: 100%;
position: absolute;
left: -41px;
top: 0;
z-index: 2;
border: 0px;
transition: all 0.5s;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper {
width: 100%;
padding: 80px 20px 20px 20px;
opacity: 0;
background: none;
border-radius: 20px;
float: right;
width: 80%;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .description {
position: absolute;
top: 20px;
font-size: 22px;
font-family: var(--f_bold);
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .description span {
color: #d8d3d3;
font-size: 15px;
padding-left: 5px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .form-radios .form-radios .form-item {
width: fit-content;
display: inline-block;
background: #fff;
border-radius: 6px;
padding: 11px 15px;
margin: 0 13px 13px 0;
white-space: nowrap;
border: 1px solid transparent;
transition: all 0.5s;
position: relative;
overflow: hidden;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .form-radios .form-radios .form-item::after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
transition: all 0.2s;
width: 0%;
height: 100%;
background: #0A0A5F;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .form-radios .form-radios .form-item:hover label {
color: #fff;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .form-radios .form-radios .form-item:hover::after {
width: 100%;
left: 0;
right: inherit;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .form-radios .form-radios .form-item label,
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .form-radios .form-radios .form-item input {
cursor: pointer;
color: #0A0A5F;
font-family: var(--f_heavy);
padding: 0 10px;
position: relative;
z-index: 1;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active legend::after {
background-color: #fff;
border: 5px solid #0A0A5F;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active:first-child .fieldset-wrapper {
opacity: 1;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active .fieldset-wrapper {
position: relative;
z-index: 11;
border-radius: 20px;
overflow: auto;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active.step1 .fieldset-wrapper, main .view-id-truck_finder .view-filters .form--inline fieldset.active.step2 .fieldset-wrapper, main .view-id-truck_finder .view-filters .form--inline fieldset.active.step3 .fieldset-wrapper, main .view-id-truck_finder .view-filters .form--inline fieldset.active.step4 .fieldset-wrapper {
opacity: 1;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active.truck-finder-filter-application::after {
height: 31%;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active.truck-finder-filter-application::before {
background-position: 0 30%;
z-index: 1;
opacity: 1;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active.truck-finder-filter-payload::after {
height: 55%;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active.truck-finder-filter-payload::before {
background-position: 0 60%;
z-index: 1;
opacity: 1;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active.truck-finder-filter-fuel::after {
height: 91%;
}
main .view-id-truck_finder .view-filters .form--inline fieldset.active.truck-finder-filter-fuel::before {
background-position: 0 92%;
z-index: 2;
opacity: 1;
}
main .view-id-truck_finder .view-content {
background: #f5f5f5;
position: absolute;
right: -5%;
width: 111%;
z-index: 11;
height: 100%;
bottom: -50px;
padding: 30px 50px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
border-radius: 12px;
}
main .view-id-truck_finder .view-content .views-row .views-field-field-image {
height: 150px;
overflow: hidden;
width: 100%;
}
main .view-id-truck_finder .view-content .views-row .views-field-field-image .field-content {
height: 100%;
}
main .view-id-truck_finder .view-content .views-row .views-field-field-image .field-content img {
width: 100%;
height: 100%;
object-fit: contain;
background: #fff;
}
main .view-id-truck_finder .view-content .views-row .views-field-title a {
font-family: var(--f_bold);
color: #0A0A5F;
padding: 10px 0;
display: block;
text-decoration: none;
}
main #views-exposed-form-truck-finder-block-1.step1Active .truck-finder-filter-truck-type .fieldset-wrapper {
opacity: 0;
}
main #views-exposed-form-truck-finder-block-1.step1Active .truck-finder-filter-application .fieldset-wrapper {
opacity: 1;
}
main #views-exposed-form-truck-finder-block-1.step2Active .truck-finder-filter-truck-type .fieldset-wrapper {
opacity: 0;
}
main #views-exposed-form-truck-finder-block-1.step2Active .truck-finder-filter-application .fieldset-wrapper {
opacity: 0;
}
main #views-exposed-form-truck-finder-block-1.step2Active .truck-finder-filter-payload .fieldset-wrapper {
opacity: 1;
}
main #views-exposed-form-truck-finder-block-1.step3Active .truck-finder-filter-truck-type .fieldset-wrapper {
opacity: 0;
}
main #views-exposed-form-truck-finder-block-1.step3Active .truck-finder-filter-payload .fieldset-wrapper {
opacity: 0;
}
main #views-exposed-form-truck-finder-block-1.step3Active .truck-finder-filter-application .fieldset-wrapper {
opacity: 0;
}
main #views-exposed-form-truck-finder-block-1.step3Active .truck-finder-filter-fuel .fieldset-wrapper {
opacity: 1;
}
main .latest-updates .internal-banner-slider .inner-banner-item09 {
display: none;
}
main .latest-updates .view-filters .form--inline .form-item {
margin-bottom: 0;
}
main .latest-updates .view-filters .form--inline .form-item .form-control {
background: none;
border: none;
border-bottom: 1px solid #0a0a5f;
}
main #block-latestupdates {
padding: 60px 0 30px;
}
main #block-latestupdates h2, main #block-latestupdates .h2 {
font-size: var(--headingS1);
color: #000;
text-align: center;
}
main #block-latestupdates .field--name-body {
text-align: center;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content,main .latestUpdateTab .ui-widget.ui-widget-content {
border: none;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav, main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav {
background: #F5F5F5;
border: none;
border-radius: 100px;
margin: auto;
padding: 0;
display: flex;
width: fit-content;
min-width: 75%;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav li,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav li {
width: 100%;
border: none;
background: none;
text-align: center;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav li a,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav li a {
display: block;
width: 100%;
border-radius: 100px;
padding: 15px 5px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav li a:hover,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav li a:hover {
color: #0A0A5F;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a,main .blatestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a {
background-color: #0A0A5F;
color: #fff;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel {
padding: 50px 0 0;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image {
height: 230px;
overflow: hidden;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image .field-content,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image .field-content {
height: 100%;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image .field-content img,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image .field-content img {
width: 100%;
height: 100%;
object-fit: cover;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date {
padding: 15px 0 0;
font-size: 14px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date .home-news-tags ul li,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date .home-news-tags ul li {
list-style-type: none;
margin: 0 5px 0 0;
padding: 3px 5px;
display: inline-block;
background: rgba(48, 128, 226, 0.3137254902);
color: #0A0A5F;
font-size: 10px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date .home-news-date,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date .home-news-date {
text-align: right;
padding-top: 5px;
color: #8D8B8C;
font-weight: bold;
font-size: 10px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-title a,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-title a {
font-size: 16px;
color: #231F20;
text-decoration: none;
line-height: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-body,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-body {
padding: 5px 0;
color: #8D8B8C;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets,
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets,
main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget {
width: 32%;
height: 660px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets iframe,
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget iframe ,
main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets iframe,
main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget iframe {
min-width: 100%;
width: 100%;
height: 100%;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets .home-facebook-social-widget,
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget .home-facebook-social-widget,
main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets .home-facebook-social-widget,
main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget .home-facebook-social-widget {
width: 100%;
height: 100%;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-footer,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-footer {
text-align: center;
padding: 30px 0 40px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a {
color: #0A0A5F;
text-transform: capitalize;
display: inline-block;
position: relative;
text-decoration: underline;
position: relative;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a::after main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a::after {
content: "›";
position: absolute;
right: -20px;
font-size: 30px;
top: 0;
bottom: 0;
margin: auto;
line-height: 0;
height: 10px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a:hover,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a:hover {
color: #0A0A5F;
}
}
@media only screen and (max-width: 768px) {
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .container,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .container {
width: 100%;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row {
width: 100%;
padding: 20px 0;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-field-publish-date .home-news-tags ul li,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-field-publish-date .home-news-tags ul li {
margin: 1px;
padding: 2px;
font-size: 9px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-field-publish-date .home-news-date, main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-field-publish-date .home-news-date {
font-size: 9px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-title a,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-title a {
font-size: 17px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-body,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-body {
font-size: 14px;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets  {
width: 100%;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav {
min-width: 100%;
}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav li,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav li {
width: 47%;
}
main .view-id-truck_finder .view-filters .form--inline fieldset legend {
font-size: 9px;
width: 190px;
left: 25px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset::before {
left: -34px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset::after {
width: 4px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset legend::after {
width: 15px;
height: 15px;
left: -32px;
}
main .view-id-truck_finder .view-filters .form--inline::before {
width: 4px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .form-radios .form-radios .form-item {
padding: 5px;
margin: 0 5px 5px 0;
font-size: 11px;
}
main .view-id-truck_finder .view-content {
right: -6.5%;
width: 120%;
gap: 20px 0;
padding: 30px 20px;
overflow: auto;
height: 90%;
grid-template-columns: repeat(2, 1fr);
}
main main .view-id-truck_finder .view-content .views-row .views-field-title a {
font-size: 14px;
}
}
@media all {
main #block-socialhome {
padding: 40px 0 70px;
}
main #block-socialhome .home-social-widgets {
width: 800px;
gap: 40px;
margin: auto;
display: flex;
}
main #block-socialhome .home-social-widgets div {
width: 100%;
display: flex !important;
}
main #block-socialhome .home-social-widgets div iframe {
margin: auto;
width: 100% !important;
height: 500px !important;
}
main #block-views-block-home-page-portfolio-block-1 {
background: #F5F5F5;
padding: 30px 0;
}
main #block-views-block-home-page-portfolio-block-1 .view-content .views-row .views-field-field-folio-image {
width: 60px;
padding-bottom: 5px;
}
main #block-views-block-home-page-portfolio-block-1 .view-content .views-row .views-field-field-folio-image img {
width: 100%;
}
main #block-views-block-home-page-portfolio-block-1 .view-content .views-row h3, main #block-views-block-home-page-portfolio-block-1 .view-content .views-row .h3 {
font-size: 40px;
font-weight: bold;
color: #0A0A5F;
}
main #block-views-block-home-page-portfolio-block-1 .view-content .views-row .field-content {
padding: 5px 0;
}
main #block-views-block-home-page-portfolio-block-1 .view-content .views-row .field-content p {
margin: auto;
}
main .tab09_min {
position: relative;
overflow: hidden;
display: none;
/* hidden div */
/* hidden div end */
/* content */
/* content end */
}
main .tab09_min .container {
position: relative;
height: 100%;
}
main .tab09_min .tab09_nav {
position: absolute;
left: 0;
top: 100px;
bottom: 0;
margin: auto;
display: flex;
z-index: 2;
width: 260px;
}
main .tab09_min .tab09_nav h2, main .tab09_min .tab09_nav .h2 {
font-size: 40px;
}
main .tab09_min .tab09_nav h2 strong, main .tab09_min .tab09_nav .h2 strong {
color: #201F59;
font-family: var(--f_bold);
}
main .tab09_min .tab09_nav ul {
margin: 30px auto 0;
padding: 0;
}
main .tab09_min .tab09_nav ul li {
list-style-type: none;
position: relative;
}
main .tab09_min .tab09_nav ul li strong {
position: absolute;
font-size: 34px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
height: 0;
line-height: 0;
color: #DCDCDC;
font-family: var(--f_bold);
}
main .tab09_min .tab09_nav ul li a {
text-decoration: none;
display: block;
padding: 12px 35px;
color: #000;
position: relative;
transform: scale(1);
transition: all 0.2s;
font-family: var(--f_heavy);
left: 0;
}
main .tab09_min .tab09_nav ul li a::after {
content: "";
position: absolute;
right: 60px;
top: 0;
bottom: 0;
display: block;
height: 22px;
width: 19px;
margin: auto;
opacity: 0;
transition: all 0.7s;
background-image: url("../png/icon-list.png");
background-position: top -20px left -898px;
}
main .tab09_min .tab09_nav .sm_btn {
padding: 60px 0 0;
}
main .tab09_min .tab09_nav .sm_btn a {
text-decoration: none;
color: #201F59;
background: #fff;
border: 1px solid;
padding: 10px 20px;
}
main .tab09_min .tab09_nav .sm_btn a:hover {
background: #0A0A5F;
color: #fff;
}
main .tab09_min .tab09-hidden-wrapper {
height: 100vh;
position: relative;
}
main .tab09_min .tab09-data {
position: absolute;
right: 0;
top: 100px;
bottom: 0;
margin: auto;
display: flex;
}
main .tab09_min .tab09-data .tab09-data_in {
width: 550px;
height: 550px;
position: relative;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-text {
position: absolute;
left: -29%;
top: -13px;
bottom: 0;
margin: auto;
display: flex;
width: 340px;
z-index: 2;
height: 120px;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-text .tab09-content-text_in .contdata_sm {
background: #0A0A5F;
border-radius: 20px;
color: #fff;
display: flex;
position: absolute;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
left: 4px;
right: 0;
top: 32px;
bottom: 0;
transition: all 0.2s;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-text .tab09-content-text_in .contdata_sm div {
padding: 20px;
top: 100%;
position: relative;
transition: all 0.5s;
z-index: 2;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image {
position: relative;
width: 100%;
height: 100%;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #BABABA;
border-radius: 100%;
overflow: hidden;
margin: auto;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata img {
width: auto;
height: 100%;
display: block;
border-radius: 100%;
padding: 20px;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata_round {
width: 101%;
height: 101%;
position: absolute;
left: -3px;
right: 0;
top: 0;
bottom: 0;
transform: rotate(0deg);
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata_round div {
position: absolute;
width: 20px;
height: 20px;
background-color: #0A0A5F;
border: none;
border-radius: 100%;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata_round .contdataA {
left: -1%;
top: 50%;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata_round .contdataB {
left: 25%;
top: 91.5%;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata_round .contdataC {
left: 72%;
top: 91.5%;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata_round .contdataD {
right: -1%;
top: 50%;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata_round .contdataE {
right: 24%;
top: 5%;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-image .contdata_round .contdataF {
right: 71%;
top: 5%;
}
main .tab09_min.activeA .tab09_nav ul li.contdataA a {
color: #201F59;
left: 16px;
transform: scale(1.1);
}
main .tab09_min.activeB .tab09_nav ul li.contdataB a {
color: #201F59;
left: 16px;
transform: scale(1.1);
}
main .tab09_min.activeC .tab09_nav ul li.contdataC a {
color: #201F59;
left: 16px;
transform: scale(1.1);
}
main .tab09_min.activeD .tab09_nav ul li.contdataD a {
color: #201F59;
left: 16px;
transform: scale(1.1);
}
main .tab09_min.activeE .tab09_nav ul li.contdataE a {
color: #201F59;
left: 16px;
transform: scale(1.1);
}
main .tab09_min.activeF .tab09_nav ul li.contdataF a {
color: #201F59;
left: 16px;
transform: scale(1.1);
}
main .tab09_min.activeA .tab09_nav ul li.contdataA a::after {
opacity: 1;
right: 0;
}
main .tab09_min.activeB .tab09_nav ul li.contdataB a::after {
opacity: 1;
right: 0;
}
main .tab09_min.activeC .tab09_nav ul li.contdataC a::after {
opacity: 1;
right: 0;
}
main .tab09_min.activeD .tab09_nav ul li.contdataD a::after {
opacity: 1;
right: 0;
}
main .tab09_min.activeE .tab09_nav ul li.contdataE a::after {
opacity: 1;
right: 0;
}
main .tab09_min.activeF .tab09_nav ul li.contdataF a::after {
opacity: 1;
right: 0;
}
main .tab09_min.activeA .tab09_nav ul li.contdataA strong {
color: #000;
}
main .tab09_min.activeB .tab09_nav ul li.contdataB strong {
color: #000;
}
main .tab09_min.activeC .tab09_nav ul li.contdataC strong {
color: #000;
}
main .tab09_min.activeD .tab09_nav ul li.contdataD strong {
color: #000;
}
main .tab09_min.activeE .tab09_nav ul li.contdataE strong {
color: #000;
}
main .tab09_min.activeF .tab09_nav ul li.contdataF strong {
color: #000;
}
main .tab09_min.activeA .tab09-content-text_in .contdataA div {
top: 0 !important;
}
main .tab09_min.activeB .tab09-content-text_in .contdataB div {
top: 0 !important;
}
main .tab09_min.activeC .tab09-content-text_in .contdataC div {
top: 0 !important;
}
main .tab09_min.activeD .tab09-content-text_in .contdataD div {
top: 0 !important;
}
main .tab09_min.activeE .tab09-content-text_in .contdataE div {
top: 0 !important;
}
main .tab09_min.activeF .tab09-content-text_in .contdataF div {
top: 0 !important;
}
}
@media only screen and (max-width: 1400px) {
main .tab09_min {
overflow: inherit;
}
main .tab09_min .tab09-data {
right: 0px;
}
main .tab09_min .tab09-data .tab09-data_in {
width: 450px;
height: 450px;
top: -50px;
position: relative;
}
main .tab09_nav_min {
position: relative;
top: -40px;
}
main .tab09_min .tab09_nav h2, main .tab09_min .tab09_nav .h2,
main main .tab09_min .tab09_nav .h2 {
font-size: 25px;
}
main .tab09_min .tab09_nav ul li a {
font-size: 13px;
padding: 8px 35px;
}
main .tab09_min .tab09_nav ul li a:hover {
color: #3F4756;
}
main .tab09_min .tab09_nav ul li strong {
font-size: 25px;
}
main .tab09_min .tab09_nav ul {
margin-top: 10px;
}
main .tab09_min .tab09_nav .sm_btn {
padding: 30px 0;
}
main .tab09_min .tab09_nav .sm_btn a {
padding: 6px 14px;
}
}
@media only screen and (max-width: 768px) {
main .tab09_min {
overflow: inherit;
}
main .tab09_min .tab09_nav {
width: 100%;
}
main .tab09_min .tab09_nav .tab09_nav_min {
width: 100%;
margin-top: -100px;
}
main .tab09_min .tab09_nav .tab09_nav_min h2, main .tab09_min .tab09_nav .tab09_nav_min .h2 {
font-size: 28px;
}
main .tab09_min .tab09_nav .tab09_nav_min ul {
position: relative;
width: 100%;
padding: 40px 0;
}
main .tab09_min .tab09_nav .tab09_nav_min ul li {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
}
main .tab09_min .tab09-data {
top: 0;
}
main .tab09_min .tab09-data .tab09-data_in {
margin-top: 70px;
}
main .tab09_min.activeA ul li.contdataA {
visibility: visible;
}
main .tab09_min.activeB ul li.contdataB {
visibility: visible;
}
main .tab09_min.activeC ul li.contdataC {
visibility: visible;
}
main .tab09_min.activeD ul li.contdataD {
visibility: visible;
}
main .tab09_min.activeE ul li.contdataE {
visibility: visible;
}
main .tab09_min.activeF ul li.contdataF {
visibility: visible;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-text {
width: 220px;
left: -40px;
font-size: 11px;
height: 108px;
}
main .tab09_min .tab09-data .tab09-data_in .tab09-content-text .tab09-content-text_in .contdata_sm {
background: rgba(10, 10, 95, 0.3490196078);
border-radius: 10px;
}
main .tab09_min {
overflow: inherit;
}
main .tab09_min .tab09-data {
right: 0px;
}
main .tab09_min .tab09-data .tab09-data_in {
width: 260px;
height: 260px;
margin-top: 100px;
}
main #block-views-block-truck-finder-block-1 {
margin: auto;
}
}
@media all {
.fixed-header .region-breadcrumb {
background-color: white !important;
border-top: 1px solid #f5f5f5 !important;
border-bottom: 1px solid #f5f5f5 !important;
z-index: 21;
}
.fixed-header .region-breadcrumb .trucks-header-global h4, .fixed-header .region-breadcrumb .trucks-header-global .h4 {
color: #000 !important;
}
.fixed-header .region-breadcrumb .block-system-breadcrumb-block {
display: none;
}
.tataSubNav {
background: #0A0A5F;
color: #fff;
height: 30px;
display: none;
width: fit-content;
float: right;
padding: 10px 15px;
text-transform: uppercase;
}
#block-views-block-category-comfort-section-one-block-7 .container {
width: 100%;
margin: auto;
}
.view-category-comfort-section-one .category-hero-banner {
position: relative;
}
.view-category-comfort-section-one .category-hero-banner .category-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.view-category-comfort-section-one .category-hero-logo-title {
position: absolute;
width: var(--container);
left: 10%;
width: 600px;
margin: auto;
padding: 20px;
bottom: 20%;
color: #fff;
font-size: 36px;
font-weight: 800;
background: rgba(0, 0, 0, 0.3490196078);
}
.view-category-comfort-section-one .category-hero-logo-title img {
display: none;
height: 80px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 768px) {
.view-category-comfort-section-one .category-hero-logo-title {
position: inherit;
color: #0A0A5F;
padding: 40px 30px;
font-size: 20px;
background: none;
width: 100%;
left: 0;
}
.view-category-comfort-section-one .category-hero-logo-title img {
height: auto;
width: 80px;
}
}
@media all {
#block-views-block-category-comfort-section-one-block-10 {
background: #0A0A5F;
transition: all 0.5s;
}
#block-views-block-category-comfort-section-one-block-10 .container {
width: 100%;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content {
display: flex;
flex-wrap: nowrap;
height: 55px;
overflow: hidden;
transition: all 0.5s;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content * {
flex-shrink: initial;
height: 100%;
object-fit: contain;
transition: all 0.5s;
display: flex;
margin: auto;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content h3, #block-views-block-category-comfort-section-one-block-10 .container .view-content .h3 {
margin: auto;
padding: 0;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content h3 img, #block-views-block-category-comfort-section-one-block-10 .container .view-content .h3 img {
width: 100%;
height: 70%;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row {
width: 100%;
text-align: center;
margin: auto;
background: #f2efef;
height: 100%;
padding: 5px 0;
border-right: 1px solid #fff;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row:last-child {
border-right: none;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row span {
margin: auto;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row span .cat-menu-icon img {
width: 30px;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row span a {
text-decoration: none;
color: #000;
text-transform: uppercase;
padding: 9px 5px;
align-items: center;
font-size: 11px;
}
#block-views-block-category-comfort-section-one-block-10.active, .media-library-view--widget .view-header a#block-views-block-category-comfort-section-one-block-10.is-active {
position: sticky;
top: 145px;
z-index: 50;
}
#block-views-block-category-comfort-section-one-block-10.active .view-content, .media-library-view--widget .view-header a#block-views-block-category-comfort-section-one-block-10.is-active .view-content {
height: 55px;
font-size: 12px;
}
}
@media only screen and (max-width: 800px) {
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row span {
width: 100px;
font-size: 8px;
display: block;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content * {
height: auto;
width: fit-content;
}
#block-views-block-category-comfort-section-one-block-10.active, .media-library-view--widget .view-header a#block-views-block-category-comfort-section-one-block-10.is-active {
top: 129px;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content h3, #block-views-block-category-comfort-section-one-block-10 .container .view-content .h3 {
position: absolute;
width: 130px;
left: 0;
z-index: 3;
display: none;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content {
height: 45px;
padding-left: 130px;
overflow: auto;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row span a {
width: auto;
padding: 5px 3px 5px 43px;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row span {
padding: 0 10px;
width: auto;
position: relative;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row span img {
position: absolute;
left: 15px;
top: 0;
bottom: 0;
width: 30px;
display: block;
}
#block-views-block-category-comfort-section-one-block-10 {
background: #F2EFEF;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content {
width: 100%;
padding: 20px 0;
display: block;
overflow: hidden;
height: auto;
}
.tataSubNav {
display: block;
cursor: pointer;
}
.tataSubNavItem {
display: none;
}
.tataSubNavItem.show {
display: block;
}
}
@media all {
#block-trucksb5-content,
#block-cvsbs5-content {
padding: 30px 0 0;
}
#block-trucksb5-content h2, #block-trucksb5-content .h2,
#block-cvsbs5-content h2,
#block-cvsbs5-content .h2 {
font-size: var(--headingS1);
text-transform: capitalize;
}
#block-views-block-category-comfort-section-one-block-8 {
padding-bottom: 40px;
}
#block-views-block-category-comfort-section-one-block-8 img {
width: 100%;
}
#block-views-block-category-comfort-section-one-block-9 {
padding: 10px 0 60px;
}
#block-views-block-category-comfort-section-one-block-9 .view-content {
width: 85%;
margin: auto;
}
#block-views-block-category-comfort-section-one-block-9 .view-content .views-row {
display: flex;
gap: 20px;
}
#block-views-block-category-comfort-section-one-block-9 .view-content .views-row span {
display: block;
font-weight: bold;
}
#block-views-block-category-comfort-section-one-block-9 .view-content .views-row span img {
height: 40px;
max-width: inherit;
width: auto;
}
}
@media only screen and (max-width: 768px) {
#block-views-block-category-comfort-section-one-block-9 {
padding: 30px 0 0;
}
#block-views-block-category-comfort-section-one-block-9 .view-content .views-row {
width: 100%;
padding: 20px 0;
}
#block-views-block-category-comfort-section-one-block-9 .view-content .views-row span img {
height: auto;
width: 40px;
}
}
@media all {
#block-views-block-category-sections-block-3 {
padding: 60px 0;
background: #F5F5F5;
}
#block-views-block-category-sections-block-3 .view-category-sections .field-content {
text-align: center;
font-size: var(--headingS1);
}
.categorysigna .region-breadcrumb .block-system,
.categoryultra .region-breadcrumb .block-system,
.categoryprima .region-breadcrumb .block-system,
.categorytata-lpt .region-breadcrumb .block-system {
display: none;
}
.categorysigna .block-views-blockcategory-comfort-section-one-block-14 .container h2, .categorysigna .block-views-blockcategory-comfort-section-one-block-14 .container .h2,
.categoryultra .block-views-blockcategory-comfort-section-one-block-14 .container h2,
.categoryultra .block-views-blockcategory-comfort-section-one-block-14 .container .h2,
.categoryprima .block-views-blockcategory-comfort-section-one-block-14 .container h2,
.categoryprima .block-views-blockcategory-comfort-section-one-block-14 .container .h2,
.categorytata-lpt .block-views-blockcategory-comfort-section-one-block-14 .container h2,
.categorytata-lpt .block-views-blockcategory-comfort-section-one-block-14 .container .h2 {
text-align: center;
padding-bottom: 30px;
}
.categorysigna .brand-accordion-gallery-main .container,
.categoryultra .brand-accordion-gallery-main .container,
.categoryprima .brand-accordion-gallery-main .container,
.categorytata-lpt .brand-accordion-gallery-main .container {
display: flex;
width: 100%;
}
.categorysigna .brand-accordion-gallery-main .container .view-header,
.categoryultra .brand-accordion-gallery-main .container .view-header,
.categoryprima .brand-accordion-gallery-main .container .view-header,
.categorytata-lpt .brand-accordion-gallery-main .container .view-header {
width: 100%;
}
.categorysigna .brand-accordion-gallery-main .container .view-header .slides .field__item,
.categoryultra .brand-accordion-gallery-main .container .view-header .slides .field__item,
.categoryprima .brand-accordion-gallery-main .container .view-header .slides .field__item,
.categorytata-lpt .brand-accordion-gallery-main .container .view-header .slides .field__item {
height: 500px;
}
.categorysigna .brand-accordion-gallery-main .container .view-header .slides .field__item img,
.categoryultra .brand-accordion-gallery-main .container .view-header .slides .field__item img,
.categoryprima .brand-accordion-gallery-main .container .view-header .slides .field__item img,
.categorytata-lpt .brand-accordion-gallery-main .container .view-header .slides .field__item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row,
.categoryultra .brand-accordion-gallery-main .container .view-content.row,
.categoryprima .brand-accordion-gallery-main .container .view-content.row,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row {
width: 100%;
/*Accordion*/
/*Accordion End*/
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion {
position: initial;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item {
border: none;
border-bottom: 1px solid #fff;
transition: all 0.5s;
background-color: transparent;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item h2, .categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .h2,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item h2,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .h2,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item h2,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .h2,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item h2,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .h2 {
padding-bottom: 0;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-button,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-button,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-button,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-button {
background: none;
border-radius: 0;
border: none;
box-shadow: none;
padding: 20px;
font-family: var(--f_heavy);
color: #0A0A5F;
font-size: 19px;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-body,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-body,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-body,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-body {
padding: 0 20px;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-body .views-field-field-accordion-heading,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-body .views-field-field-accordion-heading,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-body .views-field-field-accordion-heading,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item .accordion-body .views-field-field-accordion-heading {
font-family: var(--f_heavy);
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item:hover,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item:hover,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item:hover,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-item:hover {
border-bottom: 1px solid #0A0A5F;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-button.collapsed,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-button.collapsed,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-button.collapsed,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-button.collapsed {
color: #231F20;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body {
padding: 0 0 20px;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body .views-field-field-accordion-media,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body .views-field-field-accordion-media,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body .views-field-field-accordion-media,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body .views-field-field-accordion-media {
position: absolute;
right: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
}
.categorysigna .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body .views-field-field-accordion-media img,
.categoryultra .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body .views-field-field-accordion-media img,
.categoryprima .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body .views-field-field-accordion-media img,
.categorytata-lpt .brand-accordion-gallery-main .container .view-content.row .accordion .accordion-body .views-field-field-accordion-media img {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.categorysigna .brand-accordion-gallery-main .container,
.categoryultra .brand-accordion-gallery-main .container,
.categoryprima .brand-accordion-gallery-main .container,
.categorytata-lpt .brand-accordion-gallery-main .container {
display: block;
}
.categorysigna .brand-accordion-gallery-main .container .view-header,
.categoryultra .brand-accordion-gallery-main .container .view-header,
.categoryprima .brand-accordion-gallery-main .container .view-header,
.categorytata-lpt .brand-accordion-gallery-main .container .view-header {
width: 100%;
margin-bottom: 40px;
}
}
@media all {
#view-id-category_sections#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .img-fluid,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .img-fluid {
width: auto;
height: 500px;
}
#view-id-category_sections .nav-tabs, #view-id-category_sections .media-library-view--widget .view-header, .media-library-view--widget #view-id-category_sections .view-header,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .nav-tabs,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .media-library-view--widget .view-header,
.media-library-view--widget #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .view-header {
display: block;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #fff;
border-radius: 100px;
width: fit-content;
}
#view-id-category_sections .nav-tabs li, #view-id-category_sections .media-library-view--widget .view-header li, .media-library-view--widget #view-id-category_sections .view-header li,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .nav-tabs li,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .media-library-view--widget .view-header li,
.media-library-view--widget #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .view-header li {
display: inline-block;
margin: auto;
border: none;
background: none;
padding: 0;
}
#view-id-category_sections .nav-tabs li button, #view-id-category_sections .media-library-view--widget .view-header li button, .media-library-view--widget #view-id-category_sections .view-header li button,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .nav-tabs li button,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .media-library-view--widget .view-header li button,
.media-library-view--widget #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 12px 20px;
position: relative;
border-radius: 100px;
}
#view-id-category_sections .nav-tabs li button.active, #view-id-category_sections .media-library-view--widget .view-header li button.active, .media-library-view--widget #view-id-category_sections .view-header li button.active,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .nav-tabs li button.active,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .media-library-view--widget .view-header li button.active,
.media-library-view--widget #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .view-header li button.active {
background-color: #0A0A5F;
color: #fff;
}
#view-id-category_sections .tab-content,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content {
text-align: center;
padding: 10px 0 0;
}
#view-id-category_sections .tab-content .field-content,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .field-content {
padding: 5px 0 20px;
font-size: 16px;
}
#view-id-category_sections .tab-content .item-list,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .item-list {
padding: 30px 0;
}
#view-id-category_sections .tab-content .item-list ul,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .item-list ul {
margin: auto;
padding: 0;
display: grid;
}
#view-id-category_sections .tab-content .item-list ul li,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .item-list ul li {
margin: auto;
padding: 0;
list-style-type: none;
width: 100%;
overflow: hidden;
height: 550px;
}
#view-id-category_sections .tab-content .item-list ul li *,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .item-list ul li * {
height: 100%;
width: 100%;
}
#view-id-category_sections .tab-content .item-list ul li img,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .item-list ul li img {
width: auto;
object-fit: cover;
height: 100%;
}
#view-id-category_sections .tab-content .item-list ul li:nth-child(1),
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .item-list ul li:nth-child(1) {
grid-column: 1/3;
}
#view-id-category_sections .tab-content .item-list ul li:nth-child(2),
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .item-list ul li:nth-child(2) {
grid-column: 1/3;
}
#view-id-category_sections .tab-content .item-list ul li:nth-child(3),
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .tab-content .item-list ul li:nth-child(3) {
grid-column: 3/6;
grid-row: 1/3;
}
}
@media only screen and (max-width: 768px) {
#block-views-block-category-sections-block-3 {
padding: 40px 0;
}
}
@media all {
.block-views-blockcategory-sections-block-4 {
padding: 60px 0;
}
.block-views-blockcategory-sections-block-4 .field-content {
font-size: var(--headingS1);
text-align: center;
}
.block-views-blockcategory-sections-block-4 .nav-tabs, .block-views-blockcategory-sections-block-4 .media-library-view--widget .view-header, .media-library-view--widget .block-views-blockcategory-sections-block-4 .view-header {
background-color: #F2F2F2 !important;
}
.block-views-blockcategory-sections-block-4 .tab-content {
width: 80%;
margin: auto;
}
.block-views-blockcategory-sections-block-4 .tab-content .field__item img,
.block-views-blockcategory-sections-block-4 .tab-content .field__item video {
width: 100%;
border: 1px solid #f2f2f2;
}
#block-views-block-category-comfort-section-one-block-1,
#block-views-block-category-comfort-section-one-block-11 {
padding: 60px 0;
background: #F5F5F5;
}
#block-views-block-category-comfort-section-one-block-1 h2, #block-views-block-category-comfort-section-one-block-1 .h2,
#block-views-block-category-comfort-section-one-block-11 h2,
#block-views-block-category-comfort-section-one-block-11 .h2 {
font-size: var(--headingS1);
text-align: center;
margin: auto;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row {
position: relative;
height: 500px;
padding: 70px 0 0;
margin: 30px auto;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .js-views-accordion-group-header,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .js-views-accordion-group-header {
float: right;
font-family: var(--f_heavy);
width: 37%;
margin: -45px 0 0 0;
color: #0A0A5F;
font-size: 22px;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row {
padding: 0;
margin: auto;
border: none;
height: auto;
padding-left: 63%;
position: initial;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .views-field-field-comfort-subsection-image,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .views-field-field-comfort-subsection-image {
position: absolute;
left: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .views-field-field-comfort-subsection-image img,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .views-field-field-comfort-subsection-image img {
width: 100%;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .field-content,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .field-content {
padding: 5px 0;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .ui-accordion-header,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .ui-accordion-header {
background: none;
border: none;
border-radius: 0;
font-family: var(--f_bold);
font-size: 21px;
color: #231F20;
position: relative;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .ui-accordion-header:hover,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .ui-accordion-header:hover {
color: #0A0A5F;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .ui-accordion-header .ui-accordion-header-icon,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: block;
margin: auto;
width: 20px;
height: 10px;
background-image: url("../png/arrow-d.png");
background-position: center;
background-size: contain;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .ui-accordion-header.ui-state-active,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .ui-accordion-header.ui-state-active {
opacity: 1;
color: #0A0A5F;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .ui-accordion-content,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .ui-accordion-content {
background: none;
color: #231F20;
border: none;
border-radius: 0;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row::after,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row::after {
width: 100%;
height: 1px;
background: #8D8B8C;
content: "";
display: block;
}
#block-views-block-category-comfort-section-one-block-1 {
padding-bottom: 0;
}
#block-views-block-category-comfort-section-one-block-11 {
padding-top: 0;
}
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row {
padding-left: 0;
padding-right: 63%;
}
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .views-field-field-comfort-subsection-image {
left: inherit;
right: 0;
}
}
@media only screen and (max-width: 992px) {
#view-id-category_sections .nav-tabs, #view-id-category_sections .media-library-view--widget .view-header, .media-library-view--widget #view-id-category_sections .view-header {
display: flex;
flex-wrap: inherit;
overflow: hidden;
overflow-x: auto;
width: 100%;
}
#view-id-category_sections .nav-tabs .nav-item, #view-id-category_sections .media-library-view--widget .view-header .nav-item, .media-library-view--widget #view-id-category_sections .view-header .nav-item {
white-space: nowrap;
}
#view-id-category_sections .tab-content .item-list ul {
display: block;
}
#view-id-category_sections .tab-content .item-list ul li {
height: auto !important;
margin: 2px auto;
}
.block-views-blockcategory-sections-block-4 .tab-content {
width: 100%;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row {
height: auto;
padding: 0;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .js-views-accordion-group-header,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .js-views-accordion-group-header {
float: none;
width: 100%;
margin: auto;
text-align: center;
padding-bottom: 20px;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .ui-accordion-content,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .ui-accordion-content {
height: auto !important;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row {
padding: 0;
}
#block-views-block-category-comfort-section-one-block-1 .view-category-comfort-section-one .views-row .views-row .views-field-field-comfort-subsection-image,
#block-views-block-category-comfort-section-one-block-11 .view-category-comfort-section-one .views-row .views-row .views-field-field-comfort-subsection-image {
position: relative;
width: 100%;
height: auto;
}
}
@media all {
.block-views-blockcategory-comfort-section-one-block-2 {
padding: 90px 0;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel {
position: relative;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-item {
padding-top: 85px;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-item img {
width: 100%;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-item .carousel-caption {
all: unset;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-item .carousel-caption h3, .block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-item .carousel-caption .h3 {
position: absolute;
top: 10px;
left: 0;
right: 0;
text-align: center;
color: #0A0A5F;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-item .carousel-caption .comfort-slider-desc-title {
padding: 40px 0 0;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-item .carousel-caption .comfort-slider-desc-title span {
display: flex;
font-size: 22px;
text-transform: uppercase;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-item .carousel-caption .comfort-slider-desc-title span span {
width: 80%;
font-family: var(--f_regular);
font-size: 16px;
text-transform: none;
}
.block-views-blockcategory-comfort-section-one-block-2 .carousel .carousel-indicators {
bottom: 12%;
}
.block-views-blockcategory-comfort-section-one-block-3 {
padding: 60px 0 20px;
background: #fff;
}
.block-views-blockcategory-comfort-section-one-block-3 .field-content h3, .block-views-blockcategory-comfort-section-one-block-3 .field-content .h3 {
text-align: center;
font-size: var(--headingS1);
padding-bottom: 30px;
}
.block-views-blockcategory-comfort-section-one-block-3 img {
width: 100%;
}
.block-views-blockcategory-comfort-section-one-block-4 {
padding: 20px 0 60px;
background: #fff;
}
.block-views-blockcategory-comfort-section-one-block-4 .field-content h3, .block-views-blockcategory-comfort-section-one-block-4 .field-content .h3 {
text-align: center;
color: #0A0A5F;
}
.block-views-blockcategory-comfort-section-one-block-4 .comfort-features-image {
padding-top: 30px;
}
.block-views-blockcategory-comfort-section-one-block-4 .comfort-features-image img {
width: 100%;
display: block;
}
.block-views-blockcategory-comfort-section-one-block-4 .view-category-comfort-section-one .col-6 {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.block-views-blockcategory-comfort-section-one-block-4 .view-category-comfort-section-one .col-6 .views-field-field-feature-icon {
width: 40px;
}
.block-views-blockcategory-comfort-section-one-block-4 .view-category-comfort-section-one .col-6 .views-field-field-feature-icon img {
width: 100%;
}
.block-views-blockcategory-comfort-section-one-block-4 .views-infinite-scroll-content-wrapper .views-row:nth-child(1) {
width: 100%;
padding: 0;
display: block;
}
.block-views-blockcategory-comfort-section-one-block-4 .views-infinite-scroll-content-wrapper .views-row:nth-child(1) .views-field {
display: block;
}
.block-views-blockcategory-comfort-section-one-block-4 .views-infinite-scroll-content-wrapper .views-row {
display: inline-block;
width: 49%;
padding: 30px;
box-sizing: border-box;
}
.block-views-blockcategory-comfort-section-one-block-4 .views-infinite-scroll-content-wrapper .views-row .views-field {
display: inline-block;
}
.block-views-blockcategory-comfort-section-one-block-4 .views-infinite-scroll-content-wrapper .views-row .views-field-field-feature-icon {
width: 70px;
}
.block-views-blockcategory-comfort-section-one-block-4 .views-infinite-scroll-content-wrapper .views-row .views-field-field-feature-icon img {
height: 40px;
max-width: none;
width: auto;
}
.block-views-blockcategory-comfort-section-one-block-4 .js-pager__items {
text-align: center;
padding: 20px 0 0;
}
.block-views-blockcategory-comfort-section-one-block-4 .js-pager__items a {
background: none;
color: #0A0A5F;
border: none;
border-radius: 0;
border-bottom: 1px solid #0A0A5F;
}
}
@media only screen and (max-width: 992px) {
.block-views-blockcategory-comfort-section-one-block-4 .views-infinite-scroll-content-wrapper .views-row {
display: flex;
gap: 20px;
padding: 20px 0;
width: 100%;
}
.block-views-blockcategory-comfort-section-one-block-4 .view-category-comfort-section-one .col-6 {
width: 100%;
}
.block-views-blockcategory-comfort-section-one-block-4 .view-category-comfort-section-one .col-6 .views-field-field-feature {
width: 100%;
}
}
@media all {
.block-views-blockcategory-comfort-section-one-block-5 {
padding: 90px 0 0;
}
.block-views-blockcategory-comfort-section-one-block-5 .view-content {
text-align: center;
}
.block-views-blockcategory-comfort-section-one-block-5 .view-content h4, .block-views-blockcategory-comfort-section-one-block-5 .view-content .h4 {
text-align: center;
font-size: var(--headingS1);
}
.block-views-blockcategory-comfort-section-one-block-5 .view-content h6, .block-views-blockcategory-comfort-section-one-block-5 .view-content .h6, .block-views-blockcategory-comfort-section-one-block-5 .view-content .form-wrapper.accordion .accordion-item h2, .form-wrapper.accordion .accordion-item .block-views-blockcategory-comfort-section-one-block-5 .view-content h2, .block-views-blockcategory-comfort-section-one-block-5 .view-content .form-wrapper.accordion .accordion-item .h2, .form-wrapper.accordion .accordion-item .block-views-blockcategory-comfort-section-one-block-5 .view-content .h2 {
text-align: center;
font-size: 1.75rem;
color: #0A0A5F;
padding-top: 40px;
text-transform: capitalize;
font-family: var(--f_heavy);
}
.block-views-blockcategory-comfort-section-one-block-5 .view-content .views-row {
display: inline-block;
width: 460px;
padding: 30px;
text-transform: uppercase;
font-family: var(--f_bold);
}
}
@media only screen and (max-width: 768px) {
.block-views-blockcategory-comfort-section-one-block-5 .view-content .views-row {
width: 100%;
}
}
@media all {
.block-views-blockcategory-comfort-section-one-block-6 {
padding: 0 0 40px 0;
}
.block-views-blockcategory-comfort-section-one-block-6 .view-header {
text-align: center;
}
.block-views-blockcategory-comfort-section-one-block-6 .view-header h3, .block-views-blockcategory-comfort-section-one-block-6 .view-header .h3 {
text-align: center;
color: #0A0A5F;
text-align: center;
font-size: 1.75rem;
color: #0A0A5F;
padding-top: 40px;
text-transform: capitalize;
font-family: var(--f_heavy);
}
.block-views-blockcategory-comfort-section-one-block-6 .field--type-image {
width: 60%;
margin: auto;
padding: 40px 0 90px;
}
.block-views-blockcategory-comfort-section-one-block-6 .field--type-image img {
width: 100%;
}
.block-views-blockcategory-comfort-section-one-block-6 .flexslider {
width: 70%;
margin: auto;
}
.block-views-blockcategory-comfort-section-one-block-6 .flexslider .flex-viewport {
overflow: initial !important;
}
.block-views-blockcategory-comfort-section-one-block-6 .flexslider .flex-direction-nav {
display: none;
}
.block-views-blockcategory-comfort-section-one-block-6 .flexslider .flex-control-nav {
bottom: 0;
}
.block-views-blockcategory-comfort-section-one-block-6 .flexslider .flex-control-nav li a {
width: 70px;
height: 5px;
border-radius: 0;
background-color: #D9D9D9;
}
.block-views-blockcategory-comfort-section-one-block-6 .flexslider .flex-control-nav li .flex-active {
background-color: #0A0A5F;
}
}
@media only screen and (max-width: 768px) {
.block-views-blockcategory-comfort-section-one-block-6 .field--type-image {
width: 100%;
}
.block-views-blockcategory-comfort-section-one-block-6 .flexslider .flex-control-nav li a {
width: 30px;
}
}
@media all {
.block-views-blockcategory-trucks-listing-heading-block-1 .container {
padding-top: 30px;
border-top: 1px solid #F5F5F5;
}
.block-views-blockcategory-trucks-listing-heading-block-1 .container .container {
border-top: none;
}
.block-views-blockcategory-trucks-listing-heading-block-1 .field-content h4, .block-views-blockcategory-trucks-listing-heading-block-1 .field-content .h4 {
font-size: var(--headingS1);
color: #0A0A5F;
}
.block-views-blocktrucks-listings-block-3 {
padding-bottom: 60px;
}
.block-views-blocktrucks-listings-block-3 .view-id-trucks_listings {
padding: 0;
}
.block-views-blocktrucks-listings-block-3 .view-footer {
text-align: center;
padding: 0 0 40px;
}
.block-views-blocktrucks-listings-block-3 .view-footer a {
color: #0A0A5F;
text-transform: capitalize;
display: inline-block;
position: relative;
text-decoration: underline;
position: relative;
}
.block-views-blocktrucks-listings-block-3 .view-footer a::after {
content: "›";
position: absolute;
right: -20px;
font-size: 30px;
top: 0;
bottom: 0;
margin: auto;
line-height: 0;
height: 10px;
}
.block-views-blocktrucks-listings-block-3 .view-footer a:hover {
color: #0A0A5F;
}
.page-node-type-service-page .block-page-title-block {
text-align: center;
padding: 60px 0 0;
}
.page-node-type-service-page .block-page-title-block h1, .page-node-type-service-page .block-page-title-block .h1 {
font-size: var(--headingS1);
}
.page-node-type-service-page .block-system-main-block img {
width: 100%;
height: auto;
}
.page-node-type-service-page .field--name-field-services-title {
padding: 60px 0 0;
font-size: var(--headingS1);
}
.page-node-type-service-page .paragraph--type--service-blocks {
margin: 40px 0 60px;
position: relative;
}
.page-node-type-service-page .paragraph--type--service-blocks::after {
content: "";
clear: both;
display: block;
}
.page-node-type-service-page .paragraph--type--service-blocks .services-title-and-desc,
.page-node-type-service-page .paragraph--type--service-blocks .services-body-and-link {
float: left;
text-align: left;
padding: 20px 0;
}
.page-node-type-service-page .paragraph--type--service-blocks .services-title-and-desc {
width: 40%;
}
.page-node-type-service-page .paragraph--type--service-blocks .services-body-and-link {
width: 60%;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-services-image-logo {
position: absolute;
top: 0;
left: 0;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-image img {
width: 100%;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-title {
font-size: 22px;
text-align: left;
font-family: var(--f_heavy);
width: 100%;
padding: 20px 0;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-title-description {
width: 100%;
text-align: left;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-body {
width: 100%;
text-align: left;
padding: 20px 0;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-body ul {
margin: auto;
padding: 0;
display: flex;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-body ul li {
list-style-type: none;
margin: auto;
padding: 20px;
width: 100%;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-body ul li h5, .page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-body ul li .h5 {
color: #0A0A5F;
font-family: var(--f_bold);
font-size: 55px;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-know-more-link a {
padding: 10px 15px;
background: #0A0A5F;
color: #fff;
text-decoration: none;
border: 1px solid #0A0A5F;
transition: all 0.5s;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-know-more-link a:hover {
background: #fff;
color: #0A0A5F;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-services-image-logo {
width: 130px;
}
.page-node-type-service-page .paragraph--type--service-blocks .services-title-and-desc,
.page-node-type-service-page .paragraph--type--service-blocks .services-body-and-link {
float: none;
width: 100%;
}
.page-node-type-service-page .paragraph--type--service-blocks .field--name-field-service-title {
padding: 0;
}
.page-node-type-service-page .paragraph--type--service-blocks .services-body-and-link {
padding-top: 0;
}
}
@media all {
.page-node-type-service-page .field--name-field-value-added-services-title {
color: #0A0A5F;
font-size: var(--headingS1);
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 {
padding: 60px 0;
background: #F5F5F5;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .views-field-field-value-added-services-title {
text-align: center;
padding: 20px 0;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .views-field-field-value-added-services-title .field-content {
font-size: var(--headingS1);
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 h2, .page-node-type-service-page #block-views-block-value-added-services-block-1 .h2 {
font-size: var(--headingS1);
text-transform: uppercase;
text-align: center;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .nav-tabs, .page-node-type-service-page #block-views-block-value-added-services-block-1 .media-library-view--widget .view-header, .media-library-view--widget .page-node-type-service-page #block-views-block-value-added-services-block-1 .view-header {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #fff;
border-radius: 100px;
width: 100%;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .nav-tabs li, .page-node-type-service-page #block-views-block-value-added-services-block-1 .media-library-view--widget .view-header li, .media-library-view--widget .page-node-type-service-page #block-views-block-value-added-services-block-1 .view-header li {
display: block;
margin: auto;
border: none;
background: none;
padding: 0;
width: 100%;
flex: fit-content;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .nav-tabs li button, .page-node-type-service-page #block-views-block-value-added-services-block-1 .media-library-view--widget .view-header li button, .media-library-view--widget .page-node-type-service-page #block-views-block-value-added-services-block-1 .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 12px 20px;
position: relative;
border-radius: 100px;
width: 100%;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .nav-tabs li button:hover, .page-node-type-service-page #block-views-block-value-added-services-block-1 .media-library-view--widget .view-header li button:hover, .media-library-view--widget .page-node-type-service-page #block-views-block-value-added-services-block-1 .view-header li button:hover {
color: #0A0A5F;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .nav-tabs li button.active, .page-node-type-service-page #block-views-block-value-added-services-block-1 .media-library-view--widget .view-header li button.active, .media-library-view--widget .page-node-type-service-page #block-views-block-value-added-services-block-1 .view-header li button.active {
background-color: #0A0A5F;
color: #fff;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .tab-content {
padding: 10px 0 0;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .tab-content .vas-blocks-wrapper img {
width: 100%;
padding-right: 50px;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .tab-content .vas-blocks-wrapper div {
margin: auto;
font-size: 22px;
color: #0A0A5F;
font-family: var(--f_bold);
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .tab-content .vas-blocks-wrapper div p {
font-size: 17px;
color: #000;
font-family: var(--f_regular);
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .tab-content .vas-blocks-wrapper div a {
padding: 10px 15px;
background: #0A0A5F;
color: #fff;
text-decoration: none;
font-size: 17px;
font-weight: normal;
margin-top: 30px;
display: inline-block;
border: 1px solid #0A0A5F;
transition: all 0.5s;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .tab-content .vas-blocks-wrapper div a:hover {
background: #fff;
color: #0A0A5F;
}
.page-node-type-service-page .assistance-blue-box {
padding: 30px 0 80px;
background: #F5F5F5;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-service-page #block-views-block-value-added-services-block-1 .nav-tabs,
.page-node-type-service-page #block-views-block-value-added-services-block-1 .media-library-view--widget .view-header,
.media-library-view--widget .page-node-type-service-page #block-views-block-value-added-services-block-1 .view-header {
border-radius: 0;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .nav-tabs li,
.page-node-type-service-page #block-views-block-value-added-services-block-1 .media-library-view--widget .view-header li,
.media-library-view--widget .page-node-type-service-page #block-views-block-value-added-services-block-1 .view-header li {
flex: auto;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .tab-content .field-content .vas-blocks-wrapper .col-6 {
width: 100%;
}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .tab-content .field-content .vas-blocks-wrapper .col-6 img {
padding: 0 0 30px;
}
}
@media all {
.assistance-blue-box {
padding: 40px 0;
padding-top: 0;
margin: -44px 0 0;
position: relative;
}
.assistance-blue-box .services-assistance-block {
background: #0A0A5F;
color: #fff;
padding: 50px 30px;
border-radius: 20px;
}
.assistance-blue-box .services-assistance-block h3, .assistance-blue-box .services-assistance-block .h3 {
font-size: 22px;
font-weight: bold;
}
.assistance-blue-box .services-assistance-block a {
display: block;
font-size: 45px;
color: #fff;
text-decoration: none;
text-align: center;
font-family: var(--f_bold);
margin: 20px 0 0;
}
.assistance-blue-box .services-assistance-block a::before {
content: " ";
width: 30px;
height: 30px;
background-image: url(../png/call.png);
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
margin-right: 15px;
}
.assistance-blue-box .services-assistance-block p {
margin: auto;
padding: 0;
}
}
@media only screen and (max-width: 768px) {
.assistance-blue-box .services-assistance-block .col-6 {
width: 100%;
}
.assistance-blue-box .services-assistance-block .col-6 a {
font-size: 25px;
}
.assistance-blue-box .services-assistance-block .col-6 a::before {
width: 20px;
height: 20px;
}


}
@media all {
.form-item {
position: relative;
}
.form-item label.error {
color: red;
font-size: 8px;
position: absolute;
bottom: -13px;
left: 15px;
}
.contact #block-trucksb5-content {
padding: 0;
}
.contact .inner-banner-item09 .container {
position: relative;
}
.contact .view-internal-pages-banner {
padding: 0;
}
.contact .view-internal-pages-banner img {
width: 100%;
display: block;
}
.contact .view-internal-pages-banner .inner-banner-item09 {
position: relative;
height: auto;
}
.contact .view-internal-pages-banner .inner-banner-item09 .inner-banner-caption09 {
position: absolute;
left: 40px;
bottom: 60px;
}
.contact .view-internal-pages-banner .inner-banner-item09 .inner-banner-caption09 h5, .contact .view-internal-pages-banner .inner-banner-item09 .inner-banner-caption09 .h5 {
font-size: 55px;
color: #fff;
text-transform: capitalize;
}
.contact .contact-us-locations-map {
text-align: center;
padding: 40px 0;
position: relative;
}
.contact .contact-us-locations-map .tab-content {
position: relative;
}
.contact .contact-us-locations-map h2, .contact .contact-us-locations-map .h2 {
font-size: var(--headingS1);
text-transform: uppercase;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs, .contact .contact-us-locations-map #view-id-contact_us_locaitons .media-library-view--widget .view-header, .media-library-view--widget .contact .contact-us-locations-map #view-id-contact_us_locaitons .view-header {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #F2F2F2;
border-radius: 100px;
width: fit-content;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs li, .contact .contact-us-locations-map #view-id-contact_us_locaitons .media-library-view--widget .view-header li, .media-library-view--widget .contact .contact-us-locations-map #view-id-contact_us_locaitons .view-header li {
display: block;
margin: auto;
border: none;
background: none;
padding: 0;
width: 100%;
flex: fit-content;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs li button, .contact .contact-us-locations-map #view-id-contact_us_locaitons .media-library-view--widget .view-header li button, .media-library-view--widget .contact .contact-us-locations-map #view-id-contact_us_locaitons .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 12px 20px;
position: relative;
border-radius: 100px;
font-size: 20px;
font-weight: 600;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs li button.active, .contact .contact-us-locations-map #view-id-contact_us_locaitons .media-library-view--widget .view-header li button.active, .media-library-view--widget .contact .contact-us-locations-map #view-id-contact_us_locaitons .view-header li button.active {
background-color: #0A0A5F;
color: #fff;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .tab-content {
padding: 10px 3.2vw 0;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .tab-content .vas-blocks-wrapper img {
width: 100%;
padding-right: 50px;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .tab-content .vas-blocks-wrapper div {
margin: auto;
font-size: 22px;
color: #0A0A5F;
font-weight: bold;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .tab-content .vas-blocks-wrapper div p {
font-size: 17px;
color: #000;
font-weight: normal;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .tab-content .vas-blocks-wrapper div a {
padding: 10px 15px;
background: #0A0A5F;
color: #fff;
text-decoration: none;
font-size: 17px;
font-weight: normal;
margin-top: 30px;
display: inline-block;
}
}
@media only screen and (max-width: 768px) {
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs li button, .contact .contact-us-locations-map #view-id-contact_us_locaitons .media-library-view--widget .view-header li button, .media-library-view--widget .contact .contact-us-locations-map #view-id-contact_us_locaitons .view-header li button {
padding: 7px 15px;
font-size: 12px;
}
}
@media all {
.contact .contact-us-locations-map .views-field-field-contact-us-address {
position: absolute;
background: #fff;
width: 500px;
bottom: 50px;
left: 3vw;
text-align: left;
padding: 30px;
padding-bottom: 0;
}
.contact .contact-us-locations-map .views-field-field-contact-number {
position: absolute;
background: #fff;
width: 500px;
bottom: 0;
left: 3vw;
text-align: left;
padding: 30px;
padding-top: 0;
}
.contact .contact-us-locations-map .views-field-field-contact-number a {
text-decoration: none;
color: #231F20;
}
.contact .contact-us-enquire-form {
padding: 60px 0 80px;
}
.contact .contact-us-enquire-form h2, .contact .contact-us-enquire-form .h2 {
display: inline-block;
width: 38%;
margin: 0;
vertical-align: top;
font-size: var(--headingS1);
margin: 10px auto;
}
.contact .contact-us-enquire-form .webform-ajax-form-wrapper {
display: inline-block;
width: 60%;
}
.contact .contact-us-enquire-form .form-item {
margin: 20px auto;
}
.contact .contact-us-enquire-form .form-item .form-control {
padding: 15px 20px;
border: 1px solid #F5F5F5;
background: #F5F5F5;
outline: none;
}
.contact .contact-us-enquire-form .js-form-type-checkbox {
display: flex;
gap: 10px;
font-size: 12px;
cursor: pointer;
}
.contact .contact-us-enquire-form .form-actions {
margin: 30px 0 0;
}
.contact .contact-us-enquire-form .form-actions .button {
background: #0A0A5F;
color: #fff;
text-transform: uppercase;
padding: 10px 15px;
border: none;
border-radius: 0;
}
}
@media only screen and (max-width: 992px) {
.contact .contact-us-locations-map .views-field-field-contact-us-address {
width: 90%;
}
.contact .contact-us-enquire-form h2, .contact .contact-us-enquire-form .h2 {
display: block;
width: 100%;
}
.contact .contact-us-enquire-form .webform-ajax-form-wrapper {
display: block;
width: 100%;
}
}
@media all {
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 {
padding: 70px 0 0;
}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 p {
text-align: justify;
}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one h2, .page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one .h2 {
font-family: var(--f_heavy);
font-size: 26px;
}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one h6, .page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one .h6, .page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one .form-wrapper.accordion .accordion-item h2, .form-wrapper.accordion .accordion-item .page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one h2, .page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one .form-wrapper.accordion .accordion-item .h2, .form-wrapper.accordion .accordion-item .page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one .h2 {
font-family: var(--f_regular);
}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one p {
text-align: left;
}
}
@media only screen and (max-width: 890px) {
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-content .field-content .row {
display: block;
}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-content .field-content .row .col-4,
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-content .field-content .row .col-8 {
width: 100%;
}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-content .field-content .support-block-one {
display: flex;
}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-content .field-content .support-block-one .col-3 {
width: 50%;
}
}
@media all {
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery {
padding: 0 0 70px 0;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery h2, .page-node-type-about-us .block-blocktabs-blockabout-us-gallery .h2 {
text-align: center;
font-size: var(--headingS1);
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content {
border: none;
padding: 40px 0 0;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-nav {
background: #F5F5F5;
border: none;
border-radius: 100px;
margin: auto;
padding: 0;
display: flex;
width: fit-content;
margin: auto;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-nav li {
width: 100%;
border: none;
background: none;
text-align: center;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-nav li a {
display: block;
width: 100%;
border-radius: 100px;
padding: 15px 25px;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-nav li a:hover {
color: #0A0A5F;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a {
background-color: #0A0A5F;
color: #fff;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel {
padding: 50px 0 0;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default {
padding: 0;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section {
height: 65vh !important;
overflow: hidden;
width: 100% !important;
position: relative;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section div,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section .media,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section iframe {
width: 100% !important;
height: 100% !important;
text-align: center;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section div img,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section .media img,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section iframe img {
height: 100%;
max-width: initial;
margin: auto;
width: 100%;
object-fit: cover;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section .views-field-field-about-gallery-media-title {
bottom: 0 !important;
position: absolute;
height: 63px !important;
background: rgba(0, 0, 0, 0.4);
z-index: 2;
display: flex;
align-items: center;
align-content: center;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section .views-field-field-about-gallery-media-title .field-content {
margin: auto;
height: auto !important;
text-align: left;
width: 90% !important;
color: #fff;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom {
margin-top: 50px;
height: 100px;
overflow: hidden;
display: flex;
gap: 20px;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media {
width: 150px;
height: 100%;
text-align: center;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
background: #000;
transition: all 0.5s;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div img,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media img {
width: 100%;
max-width: initial;
margin: auto;
object-fit: cover;
height: 100%;
transition: all 0.5s;
opacity: 0.3;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div.active img,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media.active img,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media-library-view--widget .view-header a.media.is-active img,
.media-library-view--widget .view-header .page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom a.media.is-active img {
opacity: 1;
transform: scale(1.1);
border: 1px solid #0A0A5F;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div:hover img,
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media:hover img {
transform: scale(1.1);
}
.page-node-type-about-us #block-trucksb5-content {
padding: 0px;
}
.page-node-type-about-us #block-trucksb5-content .text-formatted h3, .page-node-type-about-us #block-trucksb5-content .text-formatted .h3 {
font-size: var(--headingS1);
}
.page-node-type-about-us #block-trucksb5-content .support-block-one {
gap: 50px;
flex-wrap: nowrap;
}
.page-node-type-about-us #block-trucksb5-content .support-block-one div {
flex-shrink: inherit;
}
.page-node-type-about-us #block-trucksb5-content .support-block-one div h2, .page-node-type-about-us #block-trucksb5-content .support-block-one div .h2 {
text-align: left;
}
.page-node-type-about-us #block-trucksb5-content .support-block-one div p {
text-align: left;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-about-us #block-trucksb5-content .support-block-one {
gap: 20px;
flex-wrap: wrap;
}
.page-node-type-about-us #block-trucksb5-content .support-block-one div {
width: 42%;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom {
margin-top: 20px;
height: 50px;
gap: 5px;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div {
width: 110px;
border-radius: 5px;
}
}
@media all {
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 {
padding: 60px 0 70px;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views_slideshow_main .views_slideshow_cycle_teaser_section {
width: 100%;
height: 600px;
overflow: hidden;
border-radius: 15px;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views_slideshow_main .views_slideshow_cycle_teaser_section img {
width: 100%;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views_slideshow_main .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide {
width: 100% !important;
height: 100% !important;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom {
margin: 30px 0 0;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom .widget_pager_bottom {
display: flex;
gap: 30px;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom .widget_pager_bottom .views_slideshow_pager_field_item {
width: 100%;
height: 100px;
overflow: hidden;
cursor: pointer;
border-radius: 15px;
background: #000;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom .widget_pager_bottom .views_slideshow_pager_field_item img {
width: 100%;
opacity: 0.6;
transition: all 0.5s;
transform: scale(1);
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom .widget_pager_bottom .views_slideshow_pager_field_item.active img, .page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom .widget_pager_bottom .media-library-view--widget .view-header a.views_slideshow_pager_field_item.is-active img, .media-library-view--widget .view-header .page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom .widget_pager_bottom a.views_slideshow_pager_field_item.is-active img {
opacity: 1;
transform: scale(1.2);
}
}
@media only screen and (max-width: 992px) {
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .container {
width: 100%;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views_slideshow_main .views_slideshow_cycle_teaser_section {
height: 250px;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom .widget_pager_bottom {
gap: 10px;
}
.page-node-type-about-us .block-views-blockabout-us-gallery-block-1 .view-about-us-gallery .views-slideshow-controls-bottom .widget_pager_bottom .views_slideshow_pager_field_item {
height: 45px;
border-radius: 5px;
}
}
@media all {
.page-node-type-about-us #block-aboutusbrandcampaign {
padding: 70px 0;
background: #F5F5F5;
}
.page-node-type-about-us #block-aboutusbrandcampaign .media--type-remote-video {
margin-top: 20px;
width: 100%;
height: 650px;
background: #0A0A5F;
}
.page-node-type-about-us #block-aboutusbrandcampaign .media--type-remote-video div,
.page-node-type-about-us #block-aboutusbrandcampaign .media--type-remote-video iframe {
width: 100%;
height: 100%;
}
.page-node-type-about-us #block-aboutusbrandcampaign .about-brand-film-text {
width: 50%;
text-align: left;
margin: -200px 0 150px 40px;
color: #fff;
font-size: 20px;
}
.page-node-type-about-us #block-aboutusbrandcampaign .about-brand-film-text a {
color: #fff;
text-decoration: underline;
padding: 10px 30px 10px 0;
margin-right: 10px;
display: inline-block;
position: relative;
background: none;
text-transform: capitalize;
border: none;
font-size: 17px;
transition: all 0.5s;
}
.page-node-type-about-us #block-aboutusbrandcampaign .about-brand-film-text a::after {
content: "›";
position: absolute;
right: 3px;
font-size: 27px;
top: 0;
bottom: 0;
margin: auto;
}
.page-node-type-about-us #block-aboutusbrandcampaign .about-brand-film-text a:hover {
opacity: 0.7;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-about-us #block-aboutusbrandcampaign .about-brand-film-text {
width: 100%;
margin: auto;
font-size: 20px;
padding: 20px 0;
color: #000;
}
.page-node-type-about-us #block-aboutusbrandcampaign .about-brand-film-text a {
color: #0A0A5F;
}
.page-node-type-about-us #block-aboutusbrandcampaign .media--type-remote-video {
height: 300px;
}
}
@media all {
.page-node-type-about-us .view-accolades {
padding: 30px 0 50px;
}
.page-node-type-about-us .view-accolades .view-header {
max-width: 80%;
margin: auto;
padding: 20px 0;
}
.page-node-type-about-us .view-accolades .views-view-grid div .views-field .field__item {
height: 250px;
/* border: 1px solid #BABABA; */
overflow: hidden;
}
.page-node-type-about-us .view-accolades .views-view-grid div .views-field .field__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-node-type-about-us .view-accolades .views-view-grid div .views-field-body {
font-family: var(--f_bold);
padding: 15px 0;
}
.page-node-type-about-us .view-accolades .views-view-grid div .views-field-body p {
margin: auto;
}
.page-node-type-about-us .view-accolades .views-view-grid div .views-field-body p strong{  font-family: var(--f_bold);}

.page-node-type-about-us .view-accolades .js-pager__items {
text-align: center;
}
.page-node-type-about-us .view-accolades .js-pager__items li {
margin: auto;
padding: 0;
}
.page-node-type-about-us .view-accolades .js-pager__items li a {
color: #000;
text-decoration: underline;
padding: 10px 25px;
margin-right: 10px;
display: inline-block;
position: relative;
background: none;
border: none;
transition: all 0.5s;
border-radius: 0;
}
.page-node-type-about-us .view-accolades .js-pager__items li a:hover {
color: #050531;
}
.page-node-type-about-us .view-accolades .js-pager__items li a::after {
content: "›";
position: absolute;
right: 8px;
font-size: 27px;
top: 0;
bottom: 0;
margin: auto;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-about-us .view-accolades .view-header {
max-width: 100%;
}
}
@media all {
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 {
padding: 80px 0;
background: #231F20;
color: #fff;
overflow: hidden;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 h2, .page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .h2 {
font-size: var(--headingS1);
text-align: center;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range {
padding: 40px 0 0;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range img {
width: 100%;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider {
overflow: initial;
background-color: transparent;
border: none;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .flex-viewport {
overflow: initial !important;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider li {
opacity: 0.4;
transition: all 0.5s;
filter: blur(3px);
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider li.flex-active-slide {
opacity: 1;
filter: blur(0);
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-image {
width: 60%;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-image .field__item {
height: 420px;
overflow: hidden;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-image .field__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-block-wrapper {
width: 95%;
margin: auto;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-desc {
position: relative;
padding: 10px 30px;
width: 40%;
text-align: justify;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-desc span {
font-family: var(--f_bold);
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-desc p {
font-size: 22px;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-desc h2, .page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-desc .h2 {
font-size: 22vh;
position: absolute;
color: rgba(255, 255, 255, 0.08);
bottom: 0;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-nav-prev {
position: absolute;
width: 30px;
height: 20px;
right: 40px;
bottom: 43px;
left: inherit;
top: inherit;
background: url("../png/arroww.png");
background-repeat: no-repeat;
background-size: contain;
transform: rotate(180deg);
opacity: 1 !important;
filter: blur(0) !important;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-nav-prev ::before {
display: none;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-nav-prev a {
font-size: 0;
display: block;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-nav-next {
position: absolute;
width: 30px;
height: 20px;
right: 0;
bottom: 40px;
left: inherit;
top: inherit;
background: url("../png/arroww.png");
background-repeat: no-repeat;
background-size: contain;
opacity: 1 !important;
filter: blur(0) !important;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-nav-next ::before {
display: none;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-nav-next a {
font-size: 0;
display: block;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-control-nav {
display: none;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .carousel-caption {
display: none !important;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .flexslider .evolution-block-wrapper {
display: block;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .flexslider .evolution-block-wrapper .evolution-image {
width: 100%;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .flexslider .evolution-block-wrapper .evolution-desc {
width: 100%;
padding: 20px 0;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .flexslider .evolution-block-wrapper .evolution-desc h2, .page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .flexslider .evolution-block-wrapper .evolution-desc .h2 {
display: none;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-nav-prev {
bottom: 0;
width: 24px;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flex-nav-next {
bottom: -7px;
width: 24px;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .carousel-inner .evolution-image .field__item {
height: 320px;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .carousel-inner .evolution-desc p {
font-size: 14px;
}
}
@media all {
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-4 {
padding: 60px 0 0;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 {
padding: 60px 0;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-header h4, .page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-header .h4 {
font-size: var(--headingS1);
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content {
width: 100%;
position: relative;
margin-top: 25px;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion {
padding-right: 63%;
position: initial;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-item {
border: none;
border-bottom: 1px solid #F5F5F5;
transition: all 0.5s;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-item .accordion-button {
background: none;
border-radius: 0;
border: none;
box-shadow: none;
padding: 20px;
color: #212529;
font-size: 20px;
}
.about-us-tech-accordion .container{width: 100%}
.about-us-tech-accordion .container .container{padding: 0 4.1vw}
.about-us-tech-accordion.tataTcontainerNoBorder::before,.about-us-tech-accordion.tataTcontainerNoBorder::after{top: 20% !important;}
.about-us-tech-accordion_text{min-height: 70px}

.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-item .accordion-body {
padding: 0 20px;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-item .accordion-body .views-field-field-accordion-heading {
font-family: var(--f_heavy);
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-item:hover {
border-bottom: 1px solid #0A0A5F;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-button.collapsed {
color: #231F20;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body {
padding: 0 0 20px;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body .views-field-field-accordion-media {
position: absolute;
right: 0;
top: 0;
width: 56%;
height: 100%;
overflow: hidden;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body .views-field-field-accordion-media * {
height: 100%;
object-fit: cover;
object-position: center bottom;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body .views-field-field-accordion-media * img {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion {
padding: 0;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-item .accordion-button {
font-size: 20px;
padding: 15px 0;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body {
padding: 0 10px 20px !important;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body .views-field-field-accordion-media {
position: relative;
width: 100%;
}
}
@media all {
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 {
padding: 60px 0;
background: #F5F5F5;
overflow: hidden;
width: 100%;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 img {
width: 100%;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider {
background-color: transparent;
border: none;
width: 100%;
margin: auto;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider li {
transition: all 0.5s;
filter: blur(2px);
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider li.flex-active-slide {
opacity: 1;
filter: blur(0px);
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .views-field {
width: 95%;
margin: auto;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-viewport {
overflow: initial !important;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .views-field-field-sustainability-media {
padding-bottom: 20px;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .views-field-field-sustainability-heading {
font-size: 22px;
font-family: var(--f_heavy);
padding-bottom: 10px;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .field--name-field-media-image .field__item {
height: 550px;
overflow: hidden;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .field--name-field-media-image .field__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-nav-prev {
position: absolute;
width: 30px;
height: 20px;
right: inherit;
bottom: 0;
left: -8%;
top: 0;
background: url("../png/arroww.png");
background-repeat: no-repeat;
background-size: contain;
transform: rotate(180deg);
margin: auto;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-nav-prev ::before {
display: none;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-nav-prev a {
font-size: 0;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-nav-next {
position: absolute;
width: 30px;
height: 20px;
right: -8%;
bottom: 40px;
left: inherit;
top: 0;
background: url("../png/arroww.png");
background-repeat: no-repeat;
background-size: contain;
margin: auto;
opacity: 1;
filter: blur(0px);
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-nav-next ::before {
display: none;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-nav-next a {
font-size: 0;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-control-nav li {
opacity: 1;
filter: blur(0px);
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-control-nav li a {
border-radius: 0;
width: 30px;
height: 5px;
background: #0A0A5F;
opacity: 0.5;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .flex-control-nav li a.flex-active {
opacity: 1;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .skin-default {
width: 80%;
margin: auto;
padding-top: 20px;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .skin-default .views-field-field-sustainability-heading {
font-size: 22px;
font-family: var(--f_heavy);
padding: 20px 0 10px;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
width: 35px;
height: 7px;
border-radius: 0;
background-color: #8D8B8C;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
background-color: #0A0A5F;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 {
width: 100%;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .skin-default {
width: 100%;
}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2 .flexslider .field--name-field-media-image .field__item {
height: 250px;
}
}
@media all {
.page-node-type-about-us .about-us-our-brands {
padding: 80px 0;
}
.page-node-type-about-us .about-us-our-brands h2, .page-node-type-about-us .about-us-our-brands .h2 {
text-align: center;
font-size: var(--headingS1);
}
.page-node-type-about-us .about-us-our-brands .view-content {
text-align: center;
padding: 30px 0;
}
.page-node-type-about-us .about-us-our-brands .view-content .row {
flex-wrap: inherit;
gap: 20px;
}
.page-node-type-about-us .about-us-our-brands .view-content .row div {
width: 100%;
flex: inherit;
}
.page-node-type-about-us .about-us-our-brands .view-content .row div .field__item {
padding: 5px 0;
}
.page-node-type-about-us .about-us-our-brands .view-content .row div .field__item img {
width: 100%;
border-radius: 10px;
}
.page-node-type-about-us .about-us-our-brands .view-content .row div .views-field-field-about-brand {
text-align: left;
font-size: 19px;
padding: 8px 0 0;
}
.page-node-type-about-us .about-us-our-brands .view-content .row div .views-field-field-brand-link {
text-align: left;
}
.page-node-type-about-us .about-us-our-brands .view-content .row div .views-field-field-brand-link a {
color: #0A0A5F;
text-decoration: underline;
padding: 10px 25px 10px 0;
display: inline-block;
position: relative;
background: none;
border: none;
}
.page-node-type-about-us .about-us-our-brands .view-content .row div .views-field-field-brand-link a::after {
content: "›";
position: absolute;
right: 3px;
font-size: 27px;
top: 0;
bottom: 0;
margin: auto;
}
.page-node-type-about-us .about-us-our-brands .view-content .row div .views-field-field-brand-link a:hover {
color: #0A0A5F;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-about-us .about-us-our-brands .view-content .row {
flex-wrap: wrap;
}
}
@media all {
.dealers .view-internal-pages-banner {
display: none;
}
.dealers .region-breadcrumb .block-system {
background-color: #fff;
position: relative;
}
.dealers .block-views-blockdealer-locator-block-1 {
padding: 0 0 100px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .container::after {
content: "";
clear: both;
display: block;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-filters {
float: left;
width: 40%;
padding-right: 30px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-filters .form--inline {
display: block;
width: 100%;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-filters .form--inline .js-form-type-textfield {
float: none;
width: 100%;
margin: auto;
padding-bottom: 10px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-filters .form--inline .js-form-type-textfield input {
width: 100%;
border-radius: 0;
border: 1px solid #F5F5F5;
background: #F5F5F5;
padding: 20px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-filters .form--inline .form-type-checkbox {padding: 2px;padding-right:20px;font-size:14px
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-filters .form--inline .form-type-checkbox input {
margin-right: 5px;
}
.form--inline{position: relative;}

.dealers .views-exposed-form .form-actions input:first-child{position: absolute;top: 0;right:-10px;width: 90px;background: #0a0a5f;border: none;border-radius:0;padding:20px 10px }
.dealers .views-exposed-form .form-actions input:nth-child(2){background:none;border:none;color:#b7b3b3;border-bottom:1px solid;border-radius:0;padding:0 2px;position: absolute;top: -30px;right:0px;}
.dealers .views-exposed-form .form-actions input:first-child:hover{background:#307fe2 }
.dealers .views-exposed-form .form-actions input:nth-child(2):hover{color: #000}

.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content {
float: left;
width: 40%;
clear: both;
margin: auto;
display: block;
height: 600px;
overflow: hidden;
overflow-y: auto;
padding-right: 30px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row {
padding: 10px 0 20px;
color: #8D8B8C;
font-size: 14px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row h4, .dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .h4 {
font-size: 22px;
color: #000;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row a {
color: #8D8B8C;
text-decoration: none;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .views-field-field-contact-number a::before {
content: "";
background: url(../png/callusf.png);
background-repeat: no-repeat;
background-size: cover;
width: 24px;
height: 19px;
display: inline-block;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .dealers-get-direction {
padding: 20px 0;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .dealers-get-direction a {
display: block;
text-transform: uppercase;
color: #0A0A5F;
border: 1px solid #0A0A5F;
text-align: center;
padding: 8px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .dealers-get-direction a:hover {
background: #0A0A5F;
color: #fff;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment {
float: right;
width: 60%;
margin-top: -183px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .view-content {
width: 100%;
overflow: hidden;
height: auto;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .view-content .geolocation-map-container {
width: 100% !important;
height: 780px !important;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-style-iw {
border-radius: 5px;
background: #0A0A5F;
color: #fff;
padding: 35px 20px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-style-iw h4, .dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-style-iw .h4 {
font-family: var(--f_regular);
font-size: 19px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-style-iw a {
color: #fff;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-style-iw .views-field-field-dealer-working-hours {
display: flex;
gap: 5px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-style-iw .views-field-field-contact-number {
padding-top: 5px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-style .gm-style-iw-tc::after {
background: #0A0A5F;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-ui-hover-effect > span {
width: 26px !important;
height: 26px !important;
background-color: #fff;
margin: 10px 0 0 !important;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .gm-ui-hover-effect {
right: 0 !important;
}
}
@media only screen and (max-width: 992px) {
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-filters {
float: none;
width: 100%;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content {
float: none;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
height: auto;
padding: 0;
gap: 40px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row {
width: 100%;
font-size: 10px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row h4, .dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .h4 {
font-size: 16px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment {
float: none;
width: 100%;
display: none;
margin: 20px auto;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .container {
width: 100%;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .container .geolocation-map-wrapper {
padding: 0;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .attachment .view-content .geolocation-map-container {
height: 280px !important;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .dealers-get-direction a {
font-size: 12px;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row a {
font-size: 12px;
}
.views-field-field-dealer-working-hours {
padding: 5px 0;
}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .dealers-get-direction {
padding: 10px 0 0;
}
.dealers .block-views-blockdealer-locator-block-1 {
padding: 0 0 60px;
}
}
@media all {
.page-node-type-products .trucks-main-header {
padding: 80px 0 20px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-image {
padding-right: 40px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-image img {
width: 100%;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc {
display: block;
text-align: justify;
margin-top: 45px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .product-bottom-buttons {
display: flex;
gap: 30px;
text-align: center;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .product-bottom-buttons div {
width: 100%;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .product-bottom-buttons div a {
text-decoration: none;
background: #0A0A5F;
padding: 10px 20px;
color: #fff;
border: 1px solid #0A0A5F;
transition: all 0.5s;
display: block;
width: 100%;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .product-bottom-buttons div a:hover {
background: #fff;
color: #0A0A5F;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .product-bottom-buttons div:last-child a {
background-color: #fff;
color: #0A0A5F;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .products-common-chars {
text-align: left;
margin-top: 25px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .products-common-links {
text-align: center;
margin-bottom: 40px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .truck-type {
margin: auto 0;
background-color: #307FE2;
color: #fff;
display: inline-block;
width: fit-content;
padding: 10px 20px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .truck-title {
font-size: var(--headingS1);
margin: 0;
font-family: var(--f_heavy);
text-transform: uppercase;
width: fit-content;
padding: 0;
margin-bottom: 20px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .trucks-header-block {
display: block;
padding: 10px 0;
text-align: justify;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 {
display: inline-block;
width: 24%;
padding: 20px 15px;
border-right: 1px solid #f2f2f2;
text-align: center;
}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .view-id-specific_product_specifications{padding:20px 0 90px}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .view-id-specific_product_specifications .container{width: 100%!important;}
#blocktabs-product_page_tabs ul.ui-tabs-nav::before{display: none}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3:last-child{border-right: 0px;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 h5, .page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 .h5 {
font-family: var(--f_bold);
font-size: 15px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 span {
color: #8D8B8C;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 {
margin-top: 30px;
display: inline-block;
width: 24%;
text-align: center;
vertical-align: top;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2:empty {
display: none;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 a,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 article,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 span {
text-decoration: none;
color: #000;
font-size: 14px !important;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 a::before,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 article::before,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 span::before {
content: "";
display: block;
width: 60px;
height: 60px;
border-radius: 100%;
margin: 0 auto 10px;
background-color: #F2F2F2;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 a img,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 article img,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 span img {
display: none;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 article {
display: none;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 article:first-child {
display: block;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 .file--application-pdf {
background-image: none;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-dealer-locator a::before,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-dealer-locator article::before {
background-image: url(../png/location2.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-images-gal a::before,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-images-gal article::before {
background-image: url(../png/gallery.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-images-gal span::before {
display: none !important;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-vid-gal a::before,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-vid-gal article::before {
background-image: url(../png/yt.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-brochure a::before,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-brochure article::before {
background-image: url(../png/pdf.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.page-node-type-products #block-getaquotewebform .ebt-container {
width: 50%;
float: right;
}
.page-node-type-products #block-getaquotewebform .ebt-container a {
background-color: #0A0A5F;
text-decoration: none;
color: #fff;
padding: 10px 30px;
margin-top: 30px;
}
.page-node-type-products .trucks-sticky-menu {
transition: all 0.5s;
padding: 0;
background-color: #fff;
box-shadow: 0 3px 4px #F2F2F2;
border-top: 1px solid #F2F2F2;
position: sticky;
z-index: 22;
top: 146px;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about {
padding: 0 !important;
transition: all 0.5s;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .container {
width: var(--container);
display: flex;
gap: 30px;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .container .attachment {
margin: auto;
width: fit-content;
margin-right: 45px;
white-space: nowrap;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .container .attachment .view-trucks-overview-about .view-content.row {
all: unset;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .container .attachment .field-content {
font-size: 20px;
color: #0A0A5F;
font-family: var(--f_bold);
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .container .attachment .container {
width: auto;
display: block;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content {
display: flex;
flex-wrap: inherit;
width: 100%;
gap: 20px;
position: relative;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row {
flex-shrink: inherit;
width: fit-content;
margin: auto 0;
padding: 0;
font-size: 14px;
text-align: center;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row a {
text-decoration: none;
font-family: var(--f_bold);
display: block;
color: #000;
padding: 13px 10px;
transition: all 0.5s;
border-bottom: 1px solid #fff;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row a:hover, .page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row a.active, .page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row .media-library-view--widget .view-header a.is-active, .media-library-view--widget .view-header .page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row a.is-active {
border-bottom: 1px solid #0A0A5F;
color: #0A0A5F;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row .product-enquire-now-popup-button a {
background: #0A0A5F;
color: #fff;
text-transform: uppercase;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row.views-row-last {
position: absolute;
right: 12px;
top: 4px;
margin: auto;
}
.page-node-type-products .trucks-sticky-menu.active, .page-node-type-products .media-library-view--widget .view-header a.trucks-sticky-menu.is-active, .media-library-view--widget .view-header .page-node-type-products a.trucks-sticky-menu.is-active {
position: sticky;
background: #fff;
top: 110px;
z-index: 55;
box-shadow: 0 1px 0px #F2F2F2;
}
.page-node-type-products .trucks-sticky-menu.active .view-trucks-overview-about, .page-node-type-products .media-library-view--widget .view-header a.trucks-sticky-menu.is-active .view-trucks-overview-about, .media-library-view--widget .view-header .page-node-type-products a.trucks-sticky-menu.is-active .view-trucks-overview-about {
padding: 0 !important;
}
.page-node-type-products .trucks-sticky-menu.active .view-content .views-row a, .page-node-type-products .media-library-view--widget .view-header a.trucks-sticky-menu.is-active .view-content .views-row a, .media-library-view--widget .view-header .page-node-type-products a.trucks-sticky-menu.is-active .view-content .views-row a {
padding-top: 10px;
padding-bottom: 10px;
}
.page-node-type-products .trucks-sticky-menu.active .view-content .views-row.views-row-last, .page-node-type-products .media-library-view--widget .view-header a.trucks-sticky-menu.is-active .view-content .views-row.views-row-last, .media-library-view--widget .view-header .page-node-type-products a.trucks-sticky-menu.is-active .view-content .views-row.views-row-last {
position: absolute;
right: 0;
top: 1px;
}
.page-node-type-products main .container {
width: 100%;
}
.page-node-type-products main .container .container {
width: 100%;
}
.page-node-type-products main .container .container .container {
width: var(--container);
}
.page-node-type-products main .trucks-main-header .container .container{width: 100%!important}
.page-node-type-products main .container .view-product-specifications .container {
width: 100%;
}
.page-node-type-products main .view-trucks-header {
width: var(--container);
margin: auto;
}
.page-node-type-products .block .view-id-trucks_overview_about {
padding: 70px 0;
}
.page-node-type-products .block .view-id-trucks_overview_about .flexslider{margin: auto;}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper {
border: none;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-about {
border: none;
padding-bottom: 30px;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-features {
border: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: left;
gap: 20px;
margin-bottom: 30px;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-features .paragraph {
padding-right: 15px;
margin: 10px 0;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-features div {
border: none;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-about-image {
border: none;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-about-image img {
width: 100%;
display: block;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .field--name-field-truck-feature-title {
font-family: var(--f_bold);
color: #0A0A5F;
padding: 10px 0 5px 0;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .field--name-field-truck-feature-desc {
color: #8D8B8C;
}
.page-node-type-products .block .trucks-overview-benefits {
background-color: #F5F5F5;
}
.page-node-type-products .block .trucks-overview-benefits h2, .page-node-type-products .block .trucks-overview-benefits .h2 {
text-align: center;
}
.page-node-type-products .block .trucks-overview-benefits .view-header {
padding-bottom: 20px;
}
.page-node-type-products .block .trucks-overview-benefits .view-content {
width: 100%;
position: relative;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion {
padding-left: 63%;
position: initial;
height: 450px;
overflow: auto;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-item {
border: none;
border-bottom: 1px solid #ddd;
background-color: transparent;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-item .accordion-button {
background: none;
border-radius: 0;
border: none;
box-shadow: none;
padding: 20px 20px;
font-family: var(--f_heavy);
color: #0A0A5F;
font-size: 19px;
background-color: transparent;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-item .accordion-body {
padding: 0 20px 20px;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-item .accordion-body .views-field-field-accordion-heading {
font-family: var(--f_heavy);
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-button.collapsed {
color: #231F20;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-body {
padding: 0 0 20px;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-body .views-field-field-benefit-media {
position: absolute;
left: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-body .views-field-field-benefit-media img,
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-body .views-field-field-benefit-media iframe {
width: 100%;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline {
margin: auto;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup {
float: none;
width: 100%;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup .form-radios .form--inline {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #F2F2F2;
border-radius: 100px;
width: fit-content;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup .form-radios .form--inline .form-item {
display: inline-block;
margin: auto;
border: none;
background: none;
float: none;
position: relative;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup .form-radios .form--inline .form-item:nth-child(2) {
display: none !important;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup .form-radios .form--inline .form-item input {
visibility: hidden;
position: absolute;
z-index: 0;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup .form-radios .form--inline .form-item label {
padding: 12px 30px;
border-radius: 100px;
cursor: pointer;
display: block;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup .form-radios .form--inline .form-item:hover label {
background-color: #0A0A5F;
color: #fff;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide {
margin: auto;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-viewport {
height: 450px;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-viewport ul {
height: 100%;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-viewport ul li {
height: 100%;
overflow: hidden;
border-radius: 14px;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-viewport ul li * {
width: 100%;
height: 100%;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-viewport iframe {
width: 100%;
height: 100%;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-viewport img {
object-fit: contain;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-control-nav {
display: none;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-direction-nav {
display: none;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about {
padding: 0;
padding-top: 20px;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .view-filters {
padding-bottom: 0;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport {
height: 120px;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport ul {
height: 100%;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport ul li {
height: 100%;
border-radius: 8px;
overflow: hidden;
border: 0px solid;
transition: all 0.5s;
cursor: pointer;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport ul li * {
width: 100%;
height: 100%;
pointer-events: none;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport ul li .media {
margin: auto;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport ul .flex-active-slide {
border: 4px solid #0A0A5F;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport iframe {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport img {
height: 100% !important;
object-fit: cover;
}
.page-node-type-products .block .services-generic-block {
padding: 70px 0;
background-color: #F5F5F5;
}
.page-node-type-products .block .services-generic-block .container {
width: var(--container);
}
.page-node-type-products .block .services-generic-block h2, .page-node-type-products .block .services-generic-block .h2 {
text-align: center;
font-size: var(--headingS1);
}
.page-node-type-products .block .services-generic-block .trucks-services-image {
margin-bottom: 15px;
margin-top: 15px;
}
.page-node-type-products .block .services-generic-block .trucks-services-image img {
width: 100%;
border-radius: 10px;
height: auto;
}
.page-node-type-products .block .services-generic-block .trucks-services-text {
width: 20%;
margin-bottom: 15px;
margin-top: 40px;
padding: 20px 45px;
position: relative;
}
.page-node-type-products .block .services-generic-block .trucks-services-text p:first-child {
font-size: 12px;
color: #8D8B8C;
position: absolute;
top: 0;
}
.page-node-type-products .block .services-generic-block .trucks-services-text h4, .page-node-type-products .block .services-generic-block .trucks-services-text .h4 {
font-family: var(--f_bold);
font-size: var(--headingS1);
margin: auto;
}
.page-node-type-products .block .services-generic-block .trucks-services-text p {
margin: auto;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-products .block .services-generic-block .trucks-services-image {
width: 50%;
}
.page-node-type-products .block .services-generic-block .trucks-services-text {
width: 33%;
padding: 10px;
}
}
@media all {
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- {
padding: 70px 0;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .container {
width: var(--container);
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content {
border: none;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-nav {
background: #F5F5F5;
border: none;
border-radius: 100px;
margin: auto;
padding: 0;
display: flex;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-nav li {
width: 100%;
border: none;
background: none;
text-align: center;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-nav li a {
display: block;
width: 100%;
border-radius: 100px;
padding: 15px 5px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a {
background-color: #0A0A5F;
color: #fff;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel {
padding: 50px 0 0;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image {
height: 230px;
overflow: hidden;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image .field-content {
height: 100%;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image .field-content img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date {
padding: 15px 0 0;
font-size: 14px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date .home-news-tags ul li {
list-style-type: none;
margin: 0 5px 2px 0;
padding: 5px 10px;
display: inline-block;
background: rgba(48, 128, 226, 0.3137254902);
color: #0A0A5F;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date .home-news-date {
text-align: right;
padding-top: 5px;
color: #8D8B8C;
font-weight: bold;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-title a {
font-size: 19px;
color: #231F20;
text-decoration: none;
line-height: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-body {
padding: 5px 0;
color: #8D8B8C;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets,
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget {
width: 32%;
height: 660px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets iframe,
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget iframe {
min-width: 100%;
width: 100%;
height: 100%;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .home-social-widgets .home-facebook-social-widget,
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .home-insta-social-widget .home-facebook-social-widget {
width: 100%;
height: 100%;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-footer {
text-align: center;
padding: 40px 0 20px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a {
color: #0A0A5F;
text-transform: uppercase;
display: inline-block;
position: relative;
text-decoration: underline;
position: relative;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a::after {
content: "›";
position: absolute;
right: -20px;
font-size: 30px;
top: 0;
bottom: 0;
margin: auto;
line-height: 0;
height: 10px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a:hover {
color: #0A0A5F;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .container {
width: 100%;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row {
width: 49%;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-field-publish-date .home-news-tags ul li {
margin: 1px;
padding: 2px;
font-size: 9px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-field-publish-date .home-news-date {
font-size: 9px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-title a {
font-size: 17px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row .views-field-body {
font-size: 14px;
}
}
@media all {
.page-node-type-products .block .view-product-cabin-feature {
padding: 70px 0 30px;
}
.page-node-type-products .block .view-product-cabin-feature .trucks-product-gallery.view.view-product-cabin-feature {
height: 503px;
overflow: hidden;
padding: 0;
}
.page-node-type-products .block .view-product-cabin-feature .container {
width: var(--container);
}
.page-node-type-products .block .view-product-cabin-feature .view-content {
width: 100%;
position: relative;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-item {
border: none;
border-bottom: 1px solid #ddd;
background-color: transparent;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-item .accordion-button {
background: none;
border-radius: 0;
border: none;
box-shadow: none;
padding: 20px 20px;
font-family: var(--f_heavy);
color: #0A0A5F;
font-size: 19px;
background-color: transparent;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-item .accordion-body {
padding: 0 20px 20px;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-item .accordion-body .views-field-field-accordion-heading {
font-family: var(--f_heavy);
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-button.collapsed {
color: #231F20;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-body {
padding: 0 0 20px;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-body .views-field-field-feature-media {
position: absolute;
left: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-body .views-field-field-feature-media img,
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-body .views-field-field-feature-media iframe {
width: 100%;
}
.page-node-type-products .block .view-product-cabin-feature .js-pager__items {
padding: 40px 0 0;
text-align: center;
}
.page-node-type-products .block .view-product-cabin-feature .js-pager__items a {
color: #0A0A5F;
text-transform: uppercase;
display: inline-block;
position: relative;
text-decoration: underline;
position: relative;
background-color: transparent;
border: 0px;
}
.page-node-type-products .block .view-product-cabin-feature .js-pager__items a::after {
content: "›";
position: absolute;
right: -20px;
font-size: 30px;
top: 0;
bottom: 0;
margin: auto;
line-height: 0;
height: 10px;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-all-features-link {
padding: 0;
text-align: center;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-all-features-link a {
color: #0A0A5F;
display: inline-block;
position: relative;
position: relative;
background-color: transparent;
border: 1px solid #0A0A5F;
padding: 10px 20px;
text-decoration: none;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-all-features-link a:hover {
background-color: #0A0A5F;
color: #fff;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper {
padding: 60px 0 0;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper ul {
display: flex;
width: fit-content;
margin: auto;
gap: 45px;
padding: 0;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper ul li {
list-style-type: none;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper ul li a {
display: block;
padding: 10px 10px 10px 35px;
text-align: center;
color: #0A0A5F;
position: relative;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper ul li a::before {
content: "";
background-image: url(../png/arrow-ac.png);
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: cover;
margin: auto;
transform: rotate(0);
transition: all 0.5s;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper ul li a:hover::before {
transform: rotate(44deg);
}
}
@media only screen and (max-width: 900px) {
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion {
padding: 0;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-body .views-field-field-feature-media {
position: inherit;
width: 100%;
padding: 10px 0 20px;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-item .accordion-body {
padding: 0 0 20px;
}
.page-node-type-products .block .view-product-cabin-feature .view-content {
margin: auto;
}
.page-node-type-products .block .view-product-cabin-feature .view-content .accordion .accordion-item .accordion-button {
padding: 20px 0px;
}
}
@media all {
.page-node-type-products .block .block-views-blocktrucks-listings-block-2 {
padding-bottom: 50px;
}
.page-node-type-products .block #view-id-product_aggregates {
padding: 0;
}
.page-node-type-products .block #view-id-product_aggregates h5, .page-node-type-products .block #view-id-product_aggregates .h5 {
font-size: var(--headingS1);
text-align: center;
}
.page-node-type-products .block #view-id-product_aggregates .container {
width: 100%;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row {
padding: 70px 0;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field {
width: var(--container);
margin: auto;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field.views-field-field-aggregate-main-heading {
padding-bottom: 20px;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content {
position: relative;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content img {
width: 100%;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion {
float: right;
width: 50%;
padding: 20px 0;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-question {
font-family: var(--f_bold);
font-size: 21px;
color: #231F20;
padding: 20px 0;
background-color: transparent;
border: none;
position: relative;
border-top: 1px solid #F2F2F2;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-question span {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 10px;
background-image: url("../png/arrow-d.png");
background-position: center;
background-size: contain;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-question.ui-accordion-header-active {
color: #0A0A5F;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-answer {
padding: 30px 0;
background-color: transparent;
border: none;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-answer img {
position: absolute;
left: 0;
background: #ccc;
width: 47%;
top: 20px;
height: 90%;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content::after {
clear: both;
content: "";
width: 100%;
display: block;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row:nth-of-type(2n+2) {
background-color: #F5F5F5;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row:nth-of-type(2n+2) .field-content .ui-accordion {
float: left;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row:nth-of-type(2n+2) .field-content .faqfield-question {
border-color: #ddd !important;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row:nth-of-type(2n+2) .field-content .faqfield-answer img {
right: 0;
left: inherit !important;
}
}
@media only screen and (max-width: 900px) {
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-answer img {
position: inherit;
width: 100%;
margin: 10px 0 20px;
}
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion {
float: none;
width: 90%;
margin: auto;
}
}
@media all {
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-answer table,
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-answer tr,
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-answer td,
.page-node-type-products .block #view-id-product_aggregates .view-content .views-row .views-field .field-content .ui-accordion .faqfield-answer tbody {
width: 100%;
display: block;
}
.page-node-type-products .block.product-specifications-and-features .block-views-blockspecific-product-specifications-block-6 {
padding-bottom: 20px;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features {
padding-bottom: 55px;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container {
width: var(--container);
margin: auto;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-tabs {
padding: 0;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-tabs .ui-tabs-nav {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #F2F2F2;
border-radius: 100px;
width: fit-content;
padding: 0;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-tabs .ui-tabs-nav li {
display: block;
margin: auto;
border: none;
background: none;
padding: 0;
width: 100%;
flex: fit-content;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-tabs .ui-tabs-nav li a {
border: none;
outline: none;
color: #000;
padding: 12px 20px;
position: relative;
border-radius: 100px;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
background-color: #0A0A5F;
color: #fff !important;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content {
padding: 0;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content .view-specific-product-specifications .container {
display: flex;
gap: 40px;
width: 100%;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content .view-specific-product-specifications .container div,
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content .view-specific-product-specifications .container table {
width: 100%;
height: fit-content;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content .view-specific-product-specifications .container table {
display: inline-table;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content .view-specific-product-specifications .container table tr td {
width: 50%;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content .view-specific-product-specifications .container .container {
display: block;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content .view-specific-product-specifications .container .container .view-conten {
padding: 20px;
}
.page-node-type-products .block.product-specifications-and-features h4, .page-node-type-products .block.product-specifications-and-features .h4,
.page-node-type-products .block.product-specifications-and-features h5,
.page-node-type-products .block.product-specifications-and-features .h5 {
font-size: var(--headingS1);
text-align: center;
}
.page-node-type-products .block.product-specifications-and-features .block-views {
padding: 60px 0 30px;
}
.page-node-type-products .block.product-specifications-and-features .nav-tabs, .page-node-type-products .block.product-specifications-and-features .media-library-view--widget .view-header, .media-library-view--widget .page-node-type-products .block.product-specifications-and-features .view-header {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #F2F2F2;
border-radius: 100px;
width: 100%;
}
.page-node-type-products .block.product-specifications-and-features .nav-tabs li, .page-node-type-products .block.product-specifications-and-features .media-library-view--widget .view-header li, .media-library-view--widget .page-node-type-products .block.product-specifications-and-features .view-header li {
display: block;
margin: auto;
border: none;
background: none;
padding: 0;
width: 100%;
flex: fit-content;
}
.page-node-type-products .block.product-specifications-and-features .nav-tabs li button, .page-node-type-products .block.product-specifications-and-features .media-library-view--widget .view-header li button, .media-library-view--widget .page-node-type-products .block.product-specifications-and-features .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 12px 20px;
position: relative;
border-radius: 100px;
}
.page-node-type-products .block.product-specifications-and-features .nav-tabs li button.active, .page-node-type-products .block.product-specifications-and-features .media-library-view--widget .view-header li button.active, .media-library-view--widget .page-node-type-products .block.product-specifications-and-features .view-header li button.active,
.page-node-type-products .block.product-specifications-and-features .nav-tabs li button:hover,
.page-node-type-products .block.product-specifications-and-features .media-library-view--widget .view-header li button:hover,
.media-library-view--widget .page-node-type-products .block.product-specifications-and-features .view-header li button:hover {
background-color: #0A0A5F;
color: #fff;
}
.page-node-type-products .block.product-specifications-and-features .tab-content .views-field-field-specification-name {
color: #8D8B8C;
}
.page-node-type-products .block.product-specifications-and-features .tab-content .views-field-field-specification-value {
font-family: var(--f_bold);
font-size: 20px;
}
.page-node-type-products .block.product-specifications-and-features .field__item img {
width: 100%;
}
.page-node-type-products .block.product-specifications-and-features .product-features {
background-color: #F5F5F5;
display: none;
}
.page-node-type-products .block.product-specifications-and-features .product-features .nav-tabs, .page-node-type-products .block.product-specifications-and-features .product-features .media-library-view--widget .view-header, .media-library-view--widget .page-node-type-products .block.product-specifications-and-features .product-features .view-header {
background-color: #fff;
}
.page-node-type-products .block.product-specifications-and-features .block-views-blockvalue-features-benefits-block-1 {
background-color: #F5F5F5;
}
.page-node-type-products .block.product-specifications-and-features .tab-pane {
padding-bottom: 30px;
}
.page-node-type-products .block.product-specifications-and-features .tab-pane .views-field {
display: inline-block;
width: 47%;
vertical-align: top;
padding: 15px;
}
.page-node-type-products .block.product-specifications-and-features .tab-pane .views-field .item-list ul li {
padding: 4px;
}
.page-node-type-products .block.product-specifications-and-features .tab-pane .views-field .product-specifications-val {
font-size: 22px;
color: #000;
font-family: var(--f_heavy);
}
.page-node-type-products .block.product-specifications-and-features #block-views-block-value-features-benefits-block-1 .views-row .field-content .row {
padding: 40px 0;
}
.page-node-type-products .block.product-specifications-and-features #block-views-block-value-features-benefits-block-1 .views-row .field-content .row .col-6 {
margin: auto;
}
.page-node-type-products .block.product-specifications-and-features #block-views-block-value-features-benefits-block-1 .views-row .field-content .row .col-6 ul li {
padding: 4px;
}
.page-node-type-products .block.product-specifications-and-features #block-views-block-value-features-benefits-block-1 .views-row .field-content .row .col-6 p {
font-family: var(--f_bold);
}
.page-node-type-products .block.product-specifications-and-features #block-views-block-value-features-benefits-block-1 .views-row .field-content .row .col-6:nth-child(2) {
padding: 0 50px;
}
.page-node-type-products .block.product-specifications-and-features #block-views-block-value-features-benefits-block-1 .views-row:nth-of-type(2n+2) .row {
flex-direction: row-reverse;
}
.page-node-type-products .block.product-testimonials-block {
padding: 70px 0;
}
.page-node-type-products .block.product-testimonials-block .container {
width: var(--container);
}
.page-node-type-products .block.product-testimonials-block .container h2, .page-node-type-products .block.product-testimonials-block .container .h2 {
text-align: center;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials {
width: 80%;
margin: 40px auto;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-inner .carousel-item {
padding: 60px;
border: 1px solid #F5F5F5;
border-radius: 20px;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-inner .carousel-item .testimonial-desc {
padding: 10px 0;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-inner .carousel-item .testimonial-desc::after {
position: absolute;
right: 15px;
top: 15px;
width: 90px;
height: 90px;
content: "";
background-image: url("../png/quotes.png");
background-repeat: no-repeat;
background-size: contain;
z-index: 0;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-inner .carousel-item .testimonial-owner p {
margin: 5px 0;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-inner .carousel-item .testimonial-owner p:nth-child(1) {
font-size: var(--f_bold);
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-inner .carousel-item .testimonial-owner p:nth-child(2) {
color: #8D8B8C;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-inner .carousel-item .testimonial-owner p:nth-child(3) {
color: #fff;
background-color: #0A0A5F;
padding: 5px 8px;
border-radius: 5px;
display: inline-block;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-control-prev,
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-control-next {
display: none;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-indicators li {
width: 50px;
height: 5px;
background-color: #D9D9D9;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-indicators li.active {
background-color: #0A0A5F;
}
.page-node-type-products .block.product-faqs-block {
padding: 70px 0;
}
.page-node-type-products .block.product-faqs-block .container {
width: var(--container);
}
.page-node-type-products .block.product-faqs-block .container h2, .page-node-type-products .block.product-faqs-block .container .h2 {
text-align: center;
text-transform: capitalize;
}
.page-node-type-products .block.product-faqs-block .view-view-faqs {
padding: 40px 0;
}
.page-node-type-products .block.product-faqs-block .view-view-faqs .views-row .views-field .faqfield-question {
background-color: transparent;
border: none;
border-top: 1px solid #3F4756;
border-radius: 0;
padding: 20px;
font-family: var(--f_bold);
font-size: 20px;
}
.page-node-type-products .block.product-faqs-block .view-view-faqs .views-row .views-field .faqfield-question.ui-accordion-header-active {
color: #0A0A5F;
}
.page-node-type-products .block.product-faqs-block .view-view-faqs .views-row .views-field .faqfield-question span {
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 10px;
background-image: url("../png/arrow-d.png");
background-position: center;
background-size: contain;
}
.page-node-type-products .block.product-faqs-block .view-view-faqs .views-row .views-field .faqfield-answer {
padding: 30px 20px;
border: none;
border-radius: 0;
}
}
@media only screen and (max-width: 800px) {
.page-node-type-products .block.product-specifications-and-features .tab-pane .views-field {
width: 100%;
display: block;
}
.page-node-type-products .block.product-specifications-and-features #block-views-block-value-features-benefits-block-1 .views-row .field-content .row {
display: block;
}
.page-node-type-products .block.product-specifications-and-features #block-views-block-value-features-benefits-block-1 .views-row .field-content .row .col-6 {
width: 100%;
margin-bottom: 20px;
}
}
@media all {
.page-node-type-products #block-productsbottomlinks {
margin-bottom: 70px;
}
.page-node-type-products #block-productsbottomlinks .product-links {
margin: auto;
padding: 0;
display: flex;
flex-wrap: inherit;
gap: 2px;
}
.page-node-type-products #block-productsbottomlinks .product-links li {
width: 100%;
flex: auto;
list-style-type: none;
margin: auto;
padding: 0;
}
.page-node-type-products #block-productsbottomlinks .product-links li a {
color: #000;
background-color: #F5F5F5;
font-size: 25px;
font-family: var(--f_bold);
padding: 25px 40px;
width: 100%;
height: 100%;
display: block;
min-height: 170px;
position: relative;
transition: all 0.5s;
}
.page-node-type-products #block-productsbottomlinks .product-links li a::after {
content: "";
position: absolute;
display: block;
width: 35px;
height: 35px;
border: 1px solid #0A0A5F;
border-radius: 100%;
left: 40px;
bottom: 30px;
background-image: url(../png/icon-list.png);
background-position: -887px -14px;
transition: all 0.5s;
}
.page-node-type-products #block-productsbottomlinks .product-links li a:hover {
background-color: #0A0A5F;
color: #fff;
}
.page-node-type-products #block-productsbottomlinks .product-links li a:hover::after {
background-color: #fff;
border-color: #fff;
}
.page-node-type-products .product-related-trucks h2, .page-node-type-products .product-related-trucks .h2 {
text-align: center;
}
.page-node-type-products .region-breadcrumb .container,
.page-node-type-products .topmost-header .container {
width: var(--container) !important;
}
.page-node-type-products .product-related-trucks .container {
width: var(--container);
}
}
@media only screen and (max-width: 992px) {
.page-node-type-products .block.product-specifications-and-features .nav-tabs, .page-node-type-products .block.product-specifications-and-features .media-library-view--widget .view-header, .media-library-view--widget .page-node-type-products .block.product-specifications-and-features .view-header {
border-radius: 0;
}
.page-node-type-products .trucks-main-header {
padding: 50px 0 20px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-image {
width: 100%;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-image .img-fluid {
width: 100%;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc {
width: 100%;
margin: 30px auto;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 h5, .page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 .h5 {
font-size: 15px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 span {
font-size: 11px;
}
.page-node-type-products .trucks-sticky-menu .view-content {
overflow: auto;
}
.page-node-type-products .trucks-sticky-menu .view-content .views-row {
white-space: nowrap;
}
.page-node-type-products #block-getaquotewebform .ebt-container {
float: none;
width: 90%;
margin: auto;
margin-top: 0;
}
.page-node-type-products .truck-features {
width: 100%;
}
.page-node-type-products .truck-about-image {
width: 100%;
}
.page-node-type-products .truck-about-image div {
border: none;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion {
padding-left: 0;
padding-right: 0;
height: auto;
}
.page-node-type-products .block .trucks-overview-benefits .view-content .accordion .accordion-body .views-field-field-benefit-media {
position: inherit;
width: 100%;
padding: 30px 0;
}
.page-node-type-products #block-productsbottomlinks .product-links {
display: block;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials {
width: 100%;
}
.page-node-type-products .block.product-testimonials-block .view-testimonials .carousel-inner .carousel-item {
padding: 20px 20px 40px;
}
}
@media all {
.details #block-trucksb5-content {
padding: 0;
}
.details .view-internal-pages-banner {
display: none;
}
.details .region-breadcrumb .block-system {
background-color: #fff;
position: relative;
}
.details .block-views-blocktrucks-listings-block-1 {
margin-top: 0;
}
.details .block-views-blocktrucks-listings-block-1 .container {
width: 100%;
position: relative;
}
.details .view-trucks-listings .container {
display: flex;
gap: 20px;
width: 100%;
}
.details .view-trucks-listings .container .view-filters {
width: 400px;
padding: 80px 20px 30px 30px;
background-color: #f2f2f2;
height: 90vh;
position: sticky;
top: 95px;
overflow: auto;
margin: 0;
}
.details .view-trucks-listings .container .view-filters .form-radios ul {
padding-left: 15px;
list-style-type: none;
}
.details .view-trucks-listings .container .view-filters #edit-reset {
position: absolute;
top: 9px;
right: 0;
background: none;
color: #0a0a5f;
font-weight: bold;
font-size: 14px;
border: none;
padding: 0;
border-radius: 0;
}
.details .view-trucks-listings .container .view-filters .form-actions.js-form-wrapper.form-wrapper input {
position: absolute;
top: 5px;
right: 0;
background: none;
padding: 10px 0;
border: none;
text-decoration: underline;
color: var(--skyBlue2-color);
font-size: 11px;
}
.details .view-trucks-listings .container .view-filters label {
font-family: var(--f_bold);
color: #0A0A5F;
padding: 5px 0;
cursor: pointer;
}
.details .view-trucks-listings .container .view-filters .form--inline {
width: 100% !important;
display: block;
gap: 20px;
font-size: 14px;
position: relative;
}
.details .view-trucks-listings .container .view-filters .form--inline #edit-actions {
position: absolute;
top: 7px;
right: 0;
margin: auto;
}
.details .view-trucks-listings .container .view-filters .form--inline #edit-actions input {
padding: 0;
background: none;
border: none;
color: #0A0A5F;
text-decoration: underline;
}
.details .view-trucks-listings .container .view-filters .form--inline .js-form-type-radio {
display: flex;
gap: 20px;
}
.details .view-trucks-listings .container .view-filters .form--inline .js-form-type-radio input {
width: 20px !important;
}
.details .view-trucks-listings .container .view-filters .form--inline .js-form-type-radio label {width: 100%;font-family: var(--f_regular);opacity: 0.7;}
.details .view-trucks-listings .container .view-filters .form--inline .js-form-type-textfield .form-control {
border-radius: 10px;
background: #F2F2F2;
background-image: url(../png/search.png);
background-position: center right 12px;
background-repeat: no-repeat;
margin-top: 10px;
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item {
width: 100% !important;
float: none;
border: none;
position: relative;
align-self: flex-end;
padding: 5px 12px;
border-bottom: 1px solid #ddd;
background: transparent;
border-radius: 0;
margin: auto;
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item:last-child {
border: none !important;
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item input,
.details .view-trucks-listings .container .view-filters .form--inline .form-item .card-header,
.details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-library-select-form,
.details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-bulk-form {
border:1px solid rgb(204, 204, 204);
background-color: transparent;
padding: 10px 10px;
width: 100%;
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .card-header, .details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form, .view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-library-select-form,
.details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-bulk-form {
background-color: transparent !important;
padding: 10px;
position: relative;
border: 0px;
font-size: 14px;
font-family: var(--f_regular);
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .card-header::marker, .details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form::marker, .view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-library-select-form::marker,
.details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form::marker,
.view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-bulk-form::marker {
font-size: 0;
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .card-header::after, .details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form::after, .view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-library-select-form::after,
.details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form::after,
.view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-bulk-form::after {
content: "";
position: absolute;
width: 15px;
height: 15px;
right: 14px;
top: 0;
bottom: 0;
background: url(../png/pluse.png);
margin: auto;
background-repeat: no-repeat;
background-size: cover;
transform: rotate(0deg);
transition: all 0.5s;
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item summary[aria-expanded=true]::after {
transform: rotate(45deg);
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .details-wrapper {
width: 100%;
padding: 5px 0;
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .details-wrapper input {
padding: 0;
width: 1em !important;
height: 1em !important;
margin: auto;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
appearance: none;
print-color-adjust: exact;
border: 1px solid rgba(0, 0, 0, 0.25);
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .details-wrapper input:checked {
background-color: #050545;
border-color: #050545;
background-image: url("../svg/checkbox_checked.svg");
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .details-wrapper input[type=checkbox] {
border-radius: 0.25em;
}
.details .view-trucks-listings .container .view-content {
width: 100%;
padding-left: 0px;
padding-bottom: 80px;
}
.details .view-trucks-listings .container .view-empty {
width: 100%;
padding-bottom: 80px;
}
.details .view-trucks-listings .container .view-empty h2, .details .view-trucks-listings .container .view-empty .h2 {
font-size: 22px;
padding-top: 70px;
max-width: 600px;
margin: auto !important;
color: #0a0a5f;
}
#block-trucksb5-page-title {
text-align: center;
padding-top: 70px;
}
.view-trucks-listings {
padding: 0 0;
}
.view-trucks-listings .row .views-field {
padding: 15px;
margin: 0 0 25px;
}
.view-trucks-listings .row .views-field .field-content{position: relative;display: block}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-image {
height: 250px;
overflow: hidden;
background: rgb(235, 235, 235);
padding: 20px 20px 10px;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-image img {
width: 100%;
height: 100%;
object-fit: contain;
mix-blend-mode: multiply;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-title a {
    font-size: 20px;
    font-family: var(--f_regular);
    text-transform: uppercase;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
    color: rgb(0, 0, 0);
    display: block;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-title {
font-size: 18px;
font-family: var(--f_bold);
text-transform: uppercase;
padding: 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #dfdfdf;
color: #0A0A5F;
display: block;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc .col-4 {
text-align: center;
margin-bottom: 15px;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc .col-4 h5, .view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc .col-4 .h5 {
font-size: 15px;
margin: auto;
min-height: 32px;
display: flex;
align-items: center;
align-content: center;
margin: auto;
width: fit-content;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc .col-4 span {
color: #8D8B8C;
font-size: 10px;
line-height: 11px;
display: block;
padding: 5px 0 0;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc .col-2 {
border: 0 solid #0A0A5F;
height: 43px;
width: 15%;
margin: 1%;
padding: 12px;
text-align: center;
overflow: hidden;
position: relative;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc .col-2.product-brochure a {
font-size: 0;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc .col-2 a {
text-decoration: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 100%;
padding: 10px 7px;
font-size: 14px;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(4) {
width: 46%;
background-color: #0A0A5F;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(4) a {
color: #fff;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(5) {
background-image: url("../png/yt.png");
background-position: center;
background-repeat: no-repeat;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(5) article {
opacity: 0;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(6) {
background-image: url("../png/gallery.png");
background-position: center;
background-repeat: no-repeat;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(6) a {
opacity: 0;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(7) {
background-image: url("../png/pdf.png");
background-position: center;
background-repeat: no-repeat;
}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(7) span {
opacity: 0;
}
}
@media only screen and (max-width: 768px) {
.trucks .view-trucks-listings .container {
display: block;
}
.trucks .view-trucks-listings .container .view-filters {
width: 100%;
}
}
@media all {
.faqs .view-internal-pages-banner {
display: none;
}
.faqs .region-breadcrumb .block-system {
background-color: #aaa;
position: relative;
}
.faqs #block-trucksb5-content,
.faqs #block-cvsbs5-content {
padding: 120px 0 180px;
background-color: #F5F5F5;
}
.faqs .block-views-blockview-faqs-block-1 {
text-align: center;
}
.faqs .block-views-blockview-faqs-block-1 .container {
width: 100%;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-filters {
width: 700px;
margin: -122px auto 0;
position: relative;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-filters .form--inline {
width: 100%;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-filters .form--inline .form-item {
width: 100%;
float: none;
margin: auto;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-filters .form--inline .form-item .form-control {
width: 100%;
border-radius: 0;
background-color: #fff;
padding: 20px;
margin: auto;
background-image: url(../png/search.png);
background-repeat: no-repeat;
background-position: center right 20px;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs, .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header, .media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header {
width: var(--container);
display: flex;
text-align: center;
border: none;
background: #fff;
margin: auto;
padding: 10px 0 20px;
overflow: hidden;
border: 1px solid #F2F2F2;
border-left: 0px;
border-right: 0px;
margin: 30px auto;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li, .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li, .media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li {
margin: 0;
border: none;
background: none;
padding: 0 20px;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li button, .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li button, .media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 2px 0;
position: relative;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li button::after, .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li button::after, .media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li button::after {
content: "";
height: 2px;
position: absolute;
width: 0%;
background: #0A0A5F;
right: 0;
bottom: -1px;
transition: all 0.5s;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li button.active::after, .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li button.active::after, .media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li button.active::after,
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li button:hover::after,
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li button:hover::after,
.media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li button:hover::after {
width: 100%;
left: 0;
right: inherit;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li button.active, .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li button.active, .media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li button.active,
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li button:hover,
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li button:hover,
.media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li button:hover {
color: #0A0A5F;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content {
width: var(--container);
margin: 0 auto 50px;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane {
padding: 40px 0;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane .views-field-field-faq .faqfield-question {
background-color: transparent;
border: none;
border-top: 1px solid #3F4756;
border-radius: 0;
padding: 20px 50px 20px 20px;
font-family: var(--f_bold);
font-size: 22px;
font-family: var(--f_heavy);
text-align: left;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane .views-field-field-faq .faqfield-question.ui-accordion-header-active {
color: #0A0A5F;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane .views-field-field-faq .faqfield-question span {
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 10px;
background-image: url("../png/arrow-d.png");
background-position: center;
background-size: contain;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane .views-field-field-faq .faqfield-answer {
padding: 15px 20px;
border: none;
border-radius: 0;
text-align: left;
}
.internal-banner-slider .container {
width: 100%;
}
.internal-banner-slider .inner-banner-item09 {
position: relative;
overflow: hidden;
}
.internal-banner-slider .inner-banner-item09 * {
height: 100%;
}
.internal-banner-slider .inner-banner-item09 .container {
width: 100%;
height: 100%;
}
.internal-banner-slider .inner-banner-item09 .container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 {
position: absolute;
bottom: 10%;
height: fit-content;
left: 0;
right: 0;
width: var(--container);
margin: auto;
width: var(--container);
}
.internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 h5, .internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 .h5 {
font-size: 40px;
color: #fff;
font-family: var(--f_bold);
}
.internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 p {
color: #fff;
}
.internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 a {
padding: 10px 20px;
background-color: #0A0A5F;
color: #fff;
text-decoration: none;
margin: 20px 0;
display: inline-block;
}
}
@media only screen and (max-width: 768px) {
.internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 {
padding: 30px 0;
}
.internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 h5, .internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 .h5 {
color: #0A0A5F;
font-size: 23px;
}
.internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09 p {
color: #000;
}
}
@media all {
#block-trucksb5-content h5, #block-trucksb5-content .h5 {
font-size: var(--headingS1);
}
.testimonials .block-system-main-block {
padding: 60px 0 30px !important;
}
.testimonials .block-system-main-block h5, .testimonials .block-system-main-block .h5 {
font-size: var(--headingS1);
color: #0A0A5F;
}
.testimonials .block-views-blocktestimonials-block-1 h2, .testimonials .block-views-blocktestimonials-block-1 .h2 {
text-align: center;
}
.view-testimonials .view-filters {
padding: 20px 0;
}
.view-testimonials .view-filters .form--inline {
display: flex;
width: fit-content;
gap: 20px;
}
.view-testimonials .view-filters .form--inline .form-item {
width: fit-content;
}
.view-testimonials .view-filters .form--inline .form-item .form-control {
width: 100%;
padding: 10px 37px 10px 20px;
border: 1px solid #F5F5F5;
background-color: #F5F5F5;
border-radius: 0;
}
.view-testimonials .view-content {
padding: 60px 0 0;
}
.view-testimonials .view-content .row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.view-testimonials .view-content .row .col-md-4 {
background-color: #fff;
border: 1px solid #BABABA;
width: 100%;
padding: 20px;
border-radius: 12px;
filter: grayscale(1);
transition: all 0.5s;
}
.view-testimonials .view-content .row .col-md-4:hover {
filter: grayscale(0);
background-color: #f2f2f2;
}
.view-testimonials .view-content .row .col-md-4 .views-field-body {
padding: 20px 0 25px;
clear: both;
margin-bottom: 20px;
border-bottom: 1px solid #D9D9D9;
}
.view-testimonials .view-content .row .col-md-4 .views-field-body p {
margin: auto;
}
.view-testimonials .view-content .row .col-md-4 .views-field-title {
font-family: var(--f_bold);
font-size: 18px;
}
.view-testimonials .view-content .row .col-md-4 .views-field-field-owner-business {
color: #8D8B8C;
}
.view-testimonials .view-content .row .col-md-4 .views-field-field-testimonial-application {
padding: 7px 0;
}
.view-testimonials .view-content .row .col-md-4 .views-field-field-testimonial-application .views-label {
text-transform: uppercase;
color: #8D8B8C;
}
.view-testimonials .view-content .row .col-md-4 .views-field-field-testimonial-application .field-content {
background-color: rgba(10, 10, 95, 0.5215686275);
color: #fff;
width: fit-content;
padding: 5px 8px;
border-radius: 5px;
margin-top: 5px;
}
.view-testimonials .view-content .row .col-md-4 .views-field-field-testimonial-trucks {
padding: 7px 0;
}
.view-testimonials .view-content .row .col-md-4 .views-field-field-testimonial-trucks .views-label {
color: #8D8B8C;
text-transform: uppercase;
}
.view-testimonials .view-content .row .col-md-4 .views-field-field-testimonial-trucks .field-content {
color: #000;
margin-top: 5px;
}
.view-testimonials .view-footer {
padding: 0 0 60px;
}
}
@media only screen and (max-width: 800px) {
.view-testimonials .view-content .row {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media all {
.view-filters {
padding: 20px 0 40px;
}
.view-filters .form--inline {
display: flex;
width: fit-content;
gap: 20px;
}
.view-filters .form--inline .form-item {
width: fit-content;
}
.view-filters .form--inline .form-item .form-control {
width: 100%;
padding: 10px 40px 10px 20px;
border: 1px solid #F5F5F5;
background-color: #F5F5F5;
border-radius: 0;
}
.view-filters .form--inline .js-form-wrapper.form-wrapper .fieldset-wrapper {
display: flex;
gap: 30px;
position: relative;
left: 40px;
}
.view-filters .form--inline .js-form-wrapper.form-wrapper .fieldset-wrapper .form-control {
background-color: transparent;
border: none;
width: 200px;
border-bottom: 1px solid #0A0A5F;
}
.trucks .view-filters fieldset .fieldset-legend {
display: none;
}
.trucks .view-filters fieldset .fieldset-wrapper {
display: block !important;
width: 100% !important;
position: initial !important;
}
.trucks .view-filters fieldset .fieldset-wrapper ul {
padding: 0 !important;
margin: 0;
}
.trucks .view-filters fieldset .fieldset-wrapper ul li {
border-bottom: 1px solid #ddd;
}
.trucks .view-filters fieldset .fieldset-wrapper ul li:last-child {
border-bottom: none !important;
}
.view-news .view-content .row .views-field-field-news-thumbnail-image img {
width: 100%;
}
.view-news .view-content .row .views-field-field-publish-date {
padding: 15px 0 0;
font-size: 14px;
}
.view-news .view-content .row .views-field-field-publish-date .home-news-tags ul li {
list-style-type: none;
margin: 0 3px 5px 0;
padding: 5px 6px;
display: inline-block;
background: rgba(48, 128, 226, 0.3137254902);
color: #0A0A5F;
font-size: 9px;
}
.view-news .view-content .row .views-field-field-publish-date .home-news-date {
text-align: right;
padding-top: 5px;
color: #8D8B8C;
font-weight: bold;
font-size: 11px;
}
.view-news .view-content .row .views-field-title a {
font-size: 19px;
color: #231F20;
text-decoration: none;
line-height: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.view-news .view-content .row .views-field-body {
padding: 5px 0;
color: #8D8B8C;
}
}
@media only screen and (max-width: 768px) {
.view-news .view-content .row .col-4 {
width: 50%;
}
}
@media all {
.page-node-type-news #block-trucksb5-content {
text-align: initial;
padding: 0;
padding-bottom: 70px;
}
.page-node-type-news #block-trucksb5-content .field--name-field-news-image {
padding-bottom: 30px;
}
.page-node-type-news #block-trucksb5-content .field--name-field-news-image img {
width: 100%;
}
.footer-mobile-sticky-menu-parent-block {
display: none;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
text-align: center;
box-shadow: 0 1px 13px 0 #ccc;
}
.footer-mobile-sticky-menu-parent-block .container {
width: 100%;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu {
display: flex;
gap: 0;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .footer-link {
background-color: #fff;
width: 100%;
height: 54px;
font-size: 8px;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .footer-link a {
color: #3F4756;
display: block;
text-decoration: none;
width: 100%;
height: 100%;
padding: 0;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .footer-link a::before {
display: block;
content: "";
width: 41px;
height: 35px;
margin: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .footer-link a:hover {
color: #0A0A5F;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .footer-link:nth-child(1) a::before {
background-image: url(../png/enquiryf.png);
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .footer-link:nth-child(2) a::before {
background-image: url(../png/callusf.png);
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .footer-link:nth-child(4) a::before {
background-image: url(../png/emicalculater.png);
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .footer-link:nth-child(5) a::before {
background-image: url(../png/booknowf.png);
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group {
width: 400px;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-default-button {
position: absolute;
top: -40px;
left: 0;
right: 0;
margin: auto;
border-radius: 100%;
width: 80px;
height: 80px;
background: #0A0A5F;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-default-button .truck-icon-parent {
height: 100%;
position: relative;
z-index: 2;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-default-button .truck-icon-parent a {
color: #fff;
font-size: 0;
background-image: url(../png/truckf.png);
background-repeat: no-repeat;
background-position: center;
transition: all 0.5s;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items {
position: absolute;
top: -80px;
padding: 0;
width: 240px;
background: #0A0A5F;
left: -80px;
margin: auto;
list-style-type: none;
height: 120px;
border-radius: 170px 170px 0 0;
display: flex;
clip-path: polygon(51.67% -25%, 52.92% -116.66%, 50% 146.67%, 52.91% -115.83%);
transition: all 0.5s;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li {
margin: auto;
padding: 7px;
width: 100%;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li a {
display: block;
width: 100%;
height: 100%;
color: #fff;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li a::before {
display: block;
content: "";
width: 30px;
height: 20px;
margin: 0 auto 5px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li:nth-child(1) {
margin-bottom: 0;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li:nth-child(1) a::before {
background-image: url(../png/aggregates.png);
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li:nth-child(2) {
margin-top: 10px;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li:nth-child(2) a::before {
background-image: url(../png/spares.png);
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li:nth-child(3) {
margin-bottom: 0;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li:nth-child(3) a::before {
background-image: url(../png/services2.png);
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .link-group-items li:nth-child(4) {
display: none;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group .truck-icon-parent {
width: 100%;
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group.active .link-group-items, .footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .media-library-view--widget .view-header a.link-group.is-active .link-group-items, .media-library-view--widget .view-header .footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu a.link-group.is-active .link-group-items {
clip-path: polygon(51.67% -25%, -35% 83.34%, 50% 146.67%, 134.16% 96.67%);
}
.footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .link-group.active .link-group-default-button .truck-icon-parent a, .footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu .media-library-view--widget .view-header a.link-group.is-active .link-group-default-button .truck-icon-parent a, .media-library-view--widget .view-header .footer-mobile-sticky-menu-parent-block .container .mobile-footer-sticky-menu a.link-group.is-active .link-group-default-button .truck-icon-parent a {
background-image: url(../png/close-2.png);
background-size: 19px 19px;
}
}
@media only screen and (max-width: 768px) {
.footer-mobile-sticky-menu-parent-block {
display: block;
}
}
@media all {
.brands .block-views .container .container {
width: 100%;
}
.brands .block-views .views-row .views-field .brand-page-blocks-wrapper {
padding: 30px 0;
}
.brands .block-views .views-row:nth-of-type(2n+2) .views-field .brand-page-blocks-wrapper {
flex-direction: row-reverse;
}
.desh-ke-trucks .block-system-main-block h4, .desh-ke-trucks .block-system-main-block .h4 {
font-size: var(--headingS1);
}
.desh-ke-trucks .block-system-main-block img {
width: 100%;
height: auto;
}
.desh-ke-trucks .block-system-main-block ul {
display: flex;
text-align: center;
margin: auto;
padding: 40px 0;
}
.desh-ke-trucks .block-system-main-block ul li {
width: fit-content;
list-style-type: none;
margin: auto;
padding: 10px 0;
gap: 20px;
font-family: var(--f_bold);
color: #0A0A5F;
}
.desh-ke-trucks .block-system-main-block ul li img {
width: 40px;
margin: auto;
margin-right: 20px;
}
.desh-ke-trucks .brand-campaigns-youtube {
width: 100%;
padding: 0;
margin: -100px auto 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion {
background: #fff;
padding: 80px 20px;
position: relative;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-accordion-header {
position: absolute;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-field-know-more-link {
text-align: center;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-field-know-more-link a {
background: #0A0A5F;
color: #fff;
text-decoration: none;
padding: 15px 23px;
display: inline-block;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-body {
padding: 30px 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-field-campaign-feature-image {
margin-top: 10px;
margin-bottom: 40px;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-field-campaign-feature-image .item-list ul {
position: relative;
margin: auto;
padding: 0;
display: flex;
gap: 20px;
text-align: center;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-field-campaign-feature-image .item-list ul li {
list-style-type: none;
margin: 0;
padding: 0 15px;
color: #000;
width: 100%;
position: relative;
z-index: 1;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-field-campaign-feature-image .item-list ul li img {
display: block;
width: 100px;
margin: auto;
padding-bottom: 15px;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-field-campaign-feature-image .item-list ul::after {
content: "";
position: absolute;
width: 80%;
height: 1px;
top: 30%;
border-bottom: 1px dashed #231F20;
margin: auto;
left: 0;
right: 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-row:nth-child(1) .views-field {
top: 30%;
left: 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-row:nth-child(1) .views-field .ui-icon {
right: 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-row:nth-child(2) .views-field {
top: 40%;
left: 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-row:nth-child(2) .views-field .ui-icon {
right: 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-row:nth-child(3) .views-field {
top: 30%;
right: 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-row:nth-child(3) .views-field .ui-icon {
left: -24px;
transform: rotate(180deg);
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-row:nth-child(4) .views-field {
top: 40%;
right: 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-row:nth-child(4) .views-field .ui-icon {
left: -24px;
transform: rotate(180deg);
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-title {
background: none;
border: none;
padding-right: 20px;
width: 270px;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-title .ui-icon {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
background: none;
height: 16px;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-title .ui-icon::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
width: 15px;
height: 15px;
background-image: url("../png/arrow2.png");
background-repeat: no-repeat;
background-size: contain;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-title a {
color: #000;
font-size: 18px;
font-family: var(--f_heavy);
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .ui-state-active a {
color: #0A0A5F;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .ui-state-active .ui-icon::after {
border-left-color: #0A0A5F;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .ui-accordion-content {
width: 800px;
margin: auto;
border: none;
padding: 0;
box-sizing: border-box;
height: auto !important;
overflow: hidden !important;
}
}
@media only screen and (max-width: 1500px) {
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .ui-accordion-content,
.desh-ke-trucks .brand-campaigns-youtube .accordion .ui-accordion-content {
width: 600px;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title,
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-field-title {
width: 211px;
}
}
@media only screen and (max-width: 992px) {
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 {
margin: auto;
padding: 60px 0;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion {
padding: 0;
border: none;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .container {
width: 100%;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-title {
width: 100%;
position: relative;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
padding: 20px;
background: #f0f0f0;
margin-top: 2px;
border-radius: 0;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-title a {
font-size: 22px;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-title .ui-icon {
right: 10px !important;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .ui-accordion-content {
padding: 0px 30px 40px;
width: 100%;
background: #f0f0f0;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-field-campaign-feature-image .item-list ul {
gap: 10px;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-field-campaign-feature-image .item-list ul li {
padding: 0;
font-size: 12px;
}
.desh-ke-trucks #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-field-field-campaign-feature-image .item-list ul li img {
width: 90%;
}
}
@media only screen and (max-width: 992px) {
.desh-ke-trucks .brand-campaigns-youtube {
margin: auto;
padding: 60px 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion {
padding: 0;
border: none;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .container {
width: 100%;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-field-title {
width: 100%;
position: relative;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
padding: 20px;
background: #f0f0f0;
margin-top: 2px;
border-radius: 0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-field-title a {
font-size: 22px;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-field-title .ui-icon {
right: 10px !important;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .ui-accordion-content {
padding: 0px 30px 40px;
width: 100%;
background: #f0f0f0;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-field-field-campaign-feature-image .item-list ul {
gap: 10px;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-field-field-campaign-feature-image .item-list ul li {
padding: 0;
font-size: 12px;
}
.desh-ke-trucks .brand-campaigns-youtube .accordion .views-row .views-field-field-campaign-feature-image .item-list ul li img {
width: 90%;
}
}
@media all {
.desh-ke-trucks #block-thetatamotorsadvantage {
padding: 60px 0;
background-color: #F5F5F5;
}
.desh-ke-trucks #block-thetatamotorsadvantage h2, .desh-ke-trucks #block-thetatamotorsadvantage .h2 {
text-align: center;
padding: 20px 0 30px;
font-size: var(--headingS1);
color: #0A0A5F;
}
.desh-ke-trucks #block-thetatamotorsadvantage .container a {
background: #0A0A5F;
color: #fff;
text-decoration: none;
padding: 15px 23px;
display: inline-block;
}
.desh-ke-trucks .searchnode h2, .desh-ke-trucks .searchnode .h2 {
color: #0A0A5F;
font-size: var(--headingS1);
font-family: var(--f_bold);
}
.desh-ke-trucks .searchnode .search-help-link a {
font-size: 16px;
color: #888686;
display: block;
padding: 0 0 5px;
}
.desh-ke-trucks .searchnode .block-system-main-block {
padding: 90px 0 60px !important;
}
.desh-ke-trucks .searchnode .block-system-main-block .search-form .container-inline {
width: 80%;
margin: 0 auto 50px;
}
.desh-ke-trucks .searchnode .block-system-main-block .search-form .container-inline ::after {
content: "";
display: block;
width: 100%;
clear: both;
}
.desh-ke-trucks .searchnode .block-system-main-block .search-form .container-inline div {
display: block;
}
.desh-ke-trucks .searchnode .block-system-main-block .search-form .container-inline label {
font-size: var(--headingS1);
color: #0A0A5F;
text-align: center;
font-family: var(--f_bold);
}
.desh-ke-trucks .searchnode .block-system-main-block .search-form .container-inline .form-search.form-control {
border: 1px solid #F5F5F5;
background: #fff;
width: 100%;
padding: 15px 20px;
margin: 30px auto;
float: left;
border-radius: 0;
}
.desh-ke-trucks .searchnode .block-system-main-block .search-form .container-inline .button {
float: right;
background: #0A0A5F;
padding: 15px 17px;
border: 1px solid #0A0A5F;
color: #fff;
border-radius: 0;
margin: -86px 0 0 0;
position: relative;
z-index: 1;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list {
padding: 0;
text-align: left;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results {
margin: auto;
padding: 0;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results li {
margin: auto;
padding: 30px 0;
border-bottom: 1px solid #ddd;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results li a {
color: #000;
font-size: 22px;
font-family: var(--f_bold);
text-decoration: underline;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results li a:hover {
color: #0A0A5F;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results .view-search-results {
padding: 20px 0 70px;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results .view-search-results nav.pager {
float: left;
width: 100%;
padding: 30px 0;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results .view-search-results .view-empty .tb-fs-20 {
text-align: center;
font-size: 32px;
color: #0A0A5F;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results .view-search-results .view-empty .d-flex {
text-align: center;
margin: auto;
width: fit-content;
gap: 50px !important;
}
.desh-ke-trucks .searchnode .block-system-main-block .item-list .search-results .view-search-results .view-empty .d-flex .d-block {
display: block !important;
width: fit-content;
color: #0A0A5F;
font-size: 25px;
padding: 10px;
}
}
@media only screen and (max-width: 1000px) {
.desh-ke-trucks .search-form .container-inline {
width: 100%;
}
}
@media all {
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 {
vertical-align: top;
}
.ui-dialog {
background: #fff !important;
z-index: 2222 !important;
}
.ui-dialog .ui-dialog-title {
color: #fff;
}
.ui-dialog .ui-dialog-titlebar {
background: #0A0A5F !important;
padding: 10px 15px !important;
}
.ui-dialog .ui-dialog-titlebar .ui-corner-all {
right: 15px !important;
opacity: 1;
background-image: url(../png/close-2.png);
background-repeat: no-repeat;
background-size: contain;
}
.ui-dialog .ui-dialog-titlebar .ui-corner-all span {
display: none;
}
.ui-dialog .ui-dialog-content {
padding: 0 15px !important;
font-size: 12px;
}
.ui-dialog .ui-dialog-content .js-form-type-checkbox {
font-size: 10px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
padding: 10px 15px 20px !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
border-radius: 0;
background: #0A0A5F;
color: #fff;
text-transform: uppercase;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
background: #fff;
color: #0A0A5F;
}
.block-views-blocktrucks-overview-about-block-3 {
padding: 60px 0;
}
.block-views-blocktrucks-overview-about-block-3 h2, .block-views-blocktrucks-overview-about-block-3 .h2 {
text-align: center;
}
.block-views-blocktrucks-overview-about-block-3 .container .view-trucks-overview-about {
padding-top: 30px;
}
#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
background-color: #0A0A5F !important;
padding: 10px;
}
#sliding-popup h2, #sliding-popup .h2,
div#sliding-popup .eu-cookie-withdraw-banner h2,
.eu-cookie-withdraw-tab h2,
.eu-cookie-withdraw-tab .h2 {
font-weight: normal;
margin: auto;
}
#sliding-popup p,
div#sliding-popup .eu-cookie-withdraw-banner p,
.eu-cookie-withdraw-tab p {
font-weight: normal;
}
#sliding-popup .find-more-button,
div#sliding-popup .eu-cookie-withdraw-banner .find-more-button,
.eu-cookie-withdraw-tab .find-more-button {
font-size: 12px;
}
#sliding-popup .eu-cookie-compliance-buttons,
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-buttons,
.eu-cookie-withdraw-tab .eu-cookie-compliance-buttons {
margin: 15px 0 0;
}
#sliding-popup .eu-cookie-compliance-buttons .agree-button,
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-buttons .agree-button,
.eu-cookie-withdraw-tab .eu-cookie-compliance-buttons .agree-button {
background-color: #fff;
color: #0A0A5F;
}
#sliding-popup .eu-cookie-compliance-buttons .decline-button,
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-buttons .decline-button,
.eu-cookie-withdraw-tab .eu-cookie-compliance-buttons .decline-button {
color: #0A0A5F;
background-color: #fff;
}
#sliding-popup .eu-cookie-compliance-buttons .decline-button:hover,
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-buttons .decline-button:hover,
.eu-cookie-withdraw-tab .eu-cookie-compliance-buttons .decline-button:hover {
background-color: #0A0A5F;
}
.page-not-found {
padding: 100px 0 !important;
}
.page-not-found .error4_a,
.page-not-found .error4_c {
font-size: 18px;
}
.page-not-found .error4_b {
font-size: 160px !important;
color: #0a0a5f;
}
.page-not-found .error4_btn a {
color: #fff;
background: #0a0a5f;
border: 1px solid #0a0a5f !important;
display: inline-block;
margin-top: 30px;
padding: 12px 28px !important;
}
.page-not-found .error4_btn a:hover {
background: #fff;
color: #0a0a5f;
}
}
@media only screen and (max-width: 1550px) {
:root {
--container: 90%;
}
}
@media only screen and (max-width: 768px) {
:root {
--headingS1: 25px;
}
.desh-ke-trucks .block-system-main-block ul {
display: block;
}
}
@media all {
.block-views-blockrelated-news-and-blogs-block-2 h2, .block-views-blockrelated-news-and-blogs-block-2 .h2 {
font-size: 18px;
}
.page-node-type-news main .container-fluid, .page-node-type-news main .container-sm, .page-node-type-news main .container-md, .page-node-type-news main .container-lg, .page-node-type-news main .container-xl, .page-node-type-news main .container-xxl {
padding-top: 50px !important;
}
.page-node-type-news main .container-fluid .row, .page-node-type-news main .container-sm .row, .page-node-type-news main .container-md .row, .page-node-type-news main .container-lg .row, .page-node-type-news main .container-xl .row, .page-node-type-news main .container-xxl .row {
width: var(--container);
margin: auto;
}
.page-node-type-news main .container-fluid .row .order-1, .page-node-type-news main .container-sm .row .order-1, .page-node-type-news main .container-md .row .order-1, .page-node-type-news main .container-lg .row .order-1, .page-node-type-news main .container-xl .row .order-1, .page-node-type-news main .container-xxl .row .order-1 {
padding-right: 30px;
}
.page-node-type-news main .container-fluid .row .order-3 .region-sidebar-second, .page-node-type-news main .container-sm .row .order-3 .region-sidebar-second, .page-node-type-news main .container-md .row .order-3 .region-sidebar-second, .page-node-type-news main .container-lg .row .order-3 .region-sidebar-second, .page-node-type-news main .container-xl .row .order-3 .region-sidebar-second, .page-node-type-news main .container-xxl .row .order-3 .region-sidebar-second {
position: sticky;
top: 120px;
}
.page-node-type-news main .container-fluid .row .container, .page-node-type-news main .container-sm .row .container, .page-node-type-news main .container-md .row .container, .page-node-type-news main .container-lg .row .container, .page-node-type-news main .container-xl .row .container, .page-node-type-news main .container-xxl .row .container,
.page-node-type-news main .container-fluid .row .row,
.page-node-type-news main .container-sm .row .row,
.page-node-type-news main .container-md .row .row,
.page-node-type-news main .container-lg .row .row,
.page-node-type-news main .container-xl .row .row,
.page-node-type-news main .container-xxl .row .row {
width: 100%;
}
.page-node-type-news main .container-fluid .row .container .col-md-12, .page-node-type-news main .container-sm .row .container .col-md-12, .page-node-type-news main .container-md .row .container .col-md-12, .page-node-type-news main .container-lg .row .container .col-md-12, .page-node-type-news main .container-xl .row .container .col-md-12, .page-node-type-news main .container-xxl .row .container .col-md-12,
.page-node-type-news main .container-fluid .row .container .views-row,
.page-node-type-news main .container-sm .row .container .views-row,
.page-node-type-news main .container-md .row .container .views-row,
.page-node-type-news main .container-lg .row .container .views-row,
.page-node-type-news main .container-xl .row .container .views-row,
.page-node-type-news main .container-xxl .row .container .views-row,
.page-node-type-news main .container-fluid .row .row .col-md-12,
.page-node-type-news main .container-sm .row .row .col-md-12,
.page-node-type-news main .container-md .row .row .col-md-12,
.page-node-type-news main .container-lg .row .row .col-md-12,
.page-node-type-news main .container-xl .row .row .col-md-12,
.page-node-type-news main .container-xxl .row .row .col-md-12,
.page-node-type-news main .container-fluid .row .row .views-row,
.page-node-type-news main .container-sm .row .row .views-row,
.page-node-type-news main .container-md .row .row .views-row,
.page-node-type-news main .container-lg .row .row .views-row,
.page-node-type-news main .container-xl .row .row .views-row,
.page-node-type-news main .container-xxl .row .row .views-row {
padding: 0;
}
.page-node-type-news main .container-fluid .row .blogs-news-image-title .col-md-12, .page-node-type-news main .container-sm .row .blogs-news-image-title .col-md-12, .page-node-type-news main .container-md .row .blogs-news-image-title .col-md-12, .page-node-type-news main .container-lg .row .blogs-news-image-title .col-md-12, .page-node-type-news main .container-xl .row .blogs-news-image-title .col-md-12, .page-node-type-news main .container-xxl .row .blogs-news-image-title .col-md-12 {
position: relative;
}
.page-node-type-news main .container-fluid .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-sm .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-md .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-lg .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-xl .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-xxl .row .blogs-news-image-title .col-md-12::after {
content: "";
position: absolute;
width: 100%;
height: 48%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23%, rgba(0, 0, 0, 0.4303922252) 46%, rgba(0, 0, 0, 0.7385154745) 72%);
left: 0;
right: 0;
bottom: 0;
}
.page-node-type-news main .container-fluid .row .blogs-news-image-title .carousel-caption, .page-node-type-news main .container-sm .row .blogs-news-image-title .carousel-caption, .page-node-type-news main .container-md .row .blogs-news-image-title .carousel-caption, .page-node-type-news main .container-lg .row .blogs-news-image-title .carousel-caption, .page-node-type-news main .container-xl .row .blogs-news-image-title .carousel-caption, .page-node-type-news main .container-xxl .row .blogs-news-image-title .carousel-caption,
.page-node-type-news main .container-fluid .row .blogs-news-image-title .social-links,
.page-node-type-news main .container-sm .row .blogs-news-image-title .social-links,
.page-node-type-news main .container-md .row .blogs-news-image-title .social-links,
.page-node-type-news main .container-lg .row .blogs-news-image-title .social-links,
.page-node-type-news main .container-xl .row .blogs-news-image-title .social-links,
.page-node-type-news main .container-xxl .row .blogs-news-image-title .social-links {
z-index: 2;
}
.press-release .region.region-content {
padding-top: 100px;
}
.press-release .pagination {
margin-top: 30px;
}
.press-release .view-filters .views-exposed-form {
border: none;
}
.press-release .view-filters .form--inline {
display: block;
width: 100%;
}
.press-release .view-filters .form--inline .form-control {
border: none;
border-bottom: 1px solid #0A0A5F;
background-color: #fff;
}
.press-release .view-filters .form-item-sort-by {
float: right;
margin-right: 20px;
margin-top: 5px;
}
.press-release .view-filters #edit-field-publish-date-value-wrapper--6 .fieldset-legend,
.press-release .view-filters #edit-field-publish-date-value-wrapper--8 .fieldset-legend {
display: none;
}
.press-release .view-filters .js-form-wrapper.form-wrapper {
float: right;
width: 330px;
}
.press-release .view-filters .js-form-wrapper.form-wrapper fieldset {
width: 100%;
}
.press-release .view-filters .js-form-wrapper.form-wrapper fieldset legend {
margin-bottom: 0;
}
.press-release .view-filters .js-form-wrapper.form-wrapper fieldset .fieldset-wrapper {
display: flex;
gap: 20px;
}
.pager .page-link {
color: #667085;
border: unset;
background-color: unset;
padding: 10px 15px;
margin: 15px 18px;
}
.pager .active > .page-link, .pager .media-library-view--widget .view-header a.is-active > .page-link, .media-library-view--widget .view-header .pager a.is-active > .page-link {
color: #fff;
background-color: #070752;
border-color: #070752;
padding: 10px 20px;
border-radius: 10px;
}
.press-items-wrapper,
.press-itmes-wrapper {
padding: 0px 0px 15px;
}
.press-items-wrapper .press-image,
.press-itmes-wrapper .press-image {
width: 100%;
height: 100%;
}
.press-items-wrapper .press-image img,
.press-itmes-wrapper .press-image img {
width: 100%;
object-fit: cover;
height: 250px;
}
.press-items-wrapper .press-type-and-date,
.press-itmes-wrapper .press-type-and-date {
display: flex;
margin: 15px 0px 10px;
justify-content: space-between;
}
.press-items-wrapper .press-type-and-date .press-type,
.press-itmes-wrapper .press-type-and-date .press-type {
padding: 4px 5px;
width: fit-content;
background: #D6E2F2;
color: #307FE2;
text-transform: uppercase;
font-size: 11px;
}
.press-items-wrapper .pres-title a,
.press-itmes-wrapper .pres-title a {
font-family: var(--f_bold);
color: #000;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.view-blogs-and-news .views-exposed-form {
position: initial;
}
.view-blogs-and-news .view-content .row {
row-gap: 35px;
}
.view-blogs-and-news .view-content .row .views-field-field-news-thumbnail-image .field-content {
height: 130px;
}
.view-blogs-and-news .view-content .row .views-field-field-news-thumbnail-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.view-blogs-and-news .view-content .row .views-field-field-publish-date {
padding: 15px 0 0;
font-size: 14px;
}
.view-blogs-and-news .view-content .row .views-field-field-publish-date .home-news-tags ul li {
list-style-type: none;
margin: 0 3px 5px 0;
padding: 5px 6px;
display: inline-block;
background: rgba(48, 128, 226, 0.3137254902);
color: #0A0A5F;
font-size: 9px;
}
.view-blogs-and-news .view-content .row .views-field-field-publish-date .home-news-date {
text-align: right;
padding-top: 5px;
color: #8D8B8C;
font-weight: bold;
font-size: 11px;
}
.view-blogs-and-news .view-content .row .views-field-title a {
font-size: 19px;
color: #231F20;
text-decoration: none;
line-height: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.view-blogs-and-news .view-content .row .views-field-body {
padding: 5px 0;
color: #8D8B8C;
}
.block-views-blockblogs-and-news-image-and-title-block-2 .container {
display: flex;
}
.block-views-blockblogs-and-news-image-and-title-block-2 h2, .block-views-blockblogs-and-news-image-and-title-block-2 .h2 {
text-align: initial;
font-size: 18px;
padding: 10px;
}
.block-views-blockblogs-and-news-image-and-title-block-2 .views-field-field-tags ul {
display: flex;
list-style-type: none;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
gap: 5px;
}
.block-views-blockblogs-and-news-image-and-title-block-2 .views-field-field-tags li {
background: #D6E2F2;
color: #307FE2;
padding: 10px;
width: fit-content;
margin: 0;
}
.newsasserting-leadership .container .container {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 768px) {
.view-news .view-content .row .col-4 {
width: 50%;
}
.path-frontpage header nav .navbar-nav li a {
color: #fff !important;
}
}
@media all {
.ui-widget-content {
border: initial !important;
}
.ui-widget-header {
background: initial;
border: initial;
}
.block-blocktabs-blockpress-release {
padding: 0 0 65px;
background: #fff;
}
.block-blocktabs-blockpress-release .views-element-container {
padding: 20px 0;
}
.block-blocktabs-blockpress-release .views-field-field-value-added-services-title {
text-align: center;
padding: 20px 0;
}
.block-blocktabs-blockpress-release .views-field-field-value-added-services-title .field-content {
font-size: var(--headingS1);
}
.block-blocktabs-blockpress-release h2, .block-blocktabs-blockpress-release .h2 {
font-size: var(--headingS1);
text-transform: uppercase;
text-align: center;
}
.block-blocktabs-blockpress-release .ui-tabs-nav {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #F5F5F5;
border-radius: 100px;
width: fit-content;
}
.block-blocktabs-blockpress-release .ui-tabs-nav li {
width: 100%;
border: none;
background: none;
text-align: center;
}
.block-blocktabs-blockpress-release .ui-tabs-nav li a {
display: block;
width: 100%;
border-radius: 100px;
}
.block-blocktabs-blockpress-release .ui-tabs-nav li a:hover {
color: #0A0A5F;
}
.block-blocktabs-blockpress-release .ui-tabs-nav li.ui-tabs-active a {
background-color: #0A0A5F;
color: #fff;
}
.block-blocktabs-blockpress-release .tab-content {
padding: 10px 0 0;
}
.block-blocktabs-blockpress-release .tab-content .vas-blocks-wrapper img {
width: 100%;
padding-right: 50px;
}
.block-blocktabs-blockpress-release .tab-content .vas-blocks-wrapper div {
margin: auto;
font-size: 22px;
color: #0A0A5F;
font-family: var(--f_bold);
}
.block-blocktabs-blockpress-release .tab-content .vas-blocks-wrapper div p {
font-size: 17px;
color: #000;
font-family: var(--f_regular);
}
.block-blocktabs-blockpress-release .tab-content .vas-blocks-wrapper div a {
padding: 10px 15px;
background: #0A0A5F;
color: #fff;
text-decoration: none;
font-size: 17px;
font-weight: normal;
margin-top: 30px;
display: inline-block;
}
.block-blocktabs-blockpress-release .tab-content .vas-blocks-wrapper div a.ctive {
background-color: #0A0A5F;
color: #fff;
}
.views-field-field-vehicle-type .field-content {
margin: 10px 0px 10px 0px;
background: #D6E2F2;
width: fit-content;
color: #307FE2;
text-transform: uppercase;
padding: 5px 5px 5px;
}
.datetime {
color: #BABABA;
font-size: var(--f_light);
display: block;
}
.views-field a {
color: #000;
text-decoration: none;
font-size: 18px;
font-family: var(--f_bold);
}
#edit-field-publish-date-value-wrapper {
display: none;
}
.form-item-sort-order {
display: none;
}
.breadcrumb-item + .breadcrumb-item {
color: rgba(35, 31, 32, 0.4);
}
.breadcrumb-item + .breadcrumb-item::before {
color: #000;
}
#block-homepageabouttatacommercialvehicles iframe {
margin-top: 50px;
}
.views-view-grid .col-md-4 {
position: relative;
z-index: 1;
}
.block-blocktabs-blockgallery .views-element-container {
padding: 0px 0px 0px;
}
main .views-exposed-form {
position: relative;
border-bottom: 1px solid #F2F2F2;
border-top: 1px solid #F2F2F2;
}
main .views-exposed-form .js-form-item {
margin: auto;
}
main .views-exposed-form {
box-shadow: none;
border: none;
margin-top: -35px;
}
main .views-exposed-form .container {
display: block;
margin: auto;
}
.views-exposed-form .container form {
background-color: rgba(0, 0, 0, 0.4235294118);
}
main .views-exposed-form .container form {
/* float: right; */
background: #F5F5F5;
background-color: rgb(245, 245, 245);
height: 35px;
position: relative;
z-index: 999;
/* width: 300px; */
}
.path-frontpage main .views-exposed-form .container form {
background-color: rgba(0, 0, 0, 0.2392156863);
}
main .views-exposed-form .container form .js-form-item input {
border: none;
border-radius: 0;
background: transparent;
outline: none;
box-shadow: none !important;
width: 100%;
height: 35px;
padding: 0 20px;
color: #000;
}
main .views-exposed-form .container form .form-actions {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
}
.views-exposed-form .container form .form-actions input {
background-image: url("../png/icon-list.png");
background-position: top -14px left -1929px;
background-color: transparent;
font-size: 0;
width: 40px;
height: 35px;
line-height: 0;
border-radius: 0;
border: none;
}
.path-frontpage main .views-exposed-form .container form input::placeholder {
color: #fff;
opacity: 1;
}
.path-frontpage main .views-exposed-form .container form .form-actions input {
background-position: top -14px left -2046px;
}
.blogs-news-image-title .carousel-caption {
position: absolute;
right: 0%;
left: 30px;
color: #fff;
bottom: 45px;
text-align: left;
}
.blogs-news-image-title .social-links {
position: absolute;
bottom: 50px;
right: 45px;
display: flex;
white-space: nowrap;
}
.blogs-news-image-title {
position: relative;
}
.blogs-news-image-title img {
width: 100%;
}
.blogs-news-image-title h1, .blogs-news-image-title .h1 {
text-align: left;
color: #fff;
}
.blogs-news-image-title h1::after, .blogs-news-image-title .h1::after {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
height: 1px;
width: 95%;
content: "";
background: #fff;
}
.blogs-news-image-title span {
position: absolute;
top: 40px;
}
.blogs-news-image-title .social-links a {
color: #fff;
text-decoration: none;
font-size: 14px;
}
.blogs-news-image-title .social-links ul {
position: absolute;
display: flex;
bottom: -45px;
right: 0;
gap: 25px;
align-items: center;
color: #fff;
list-style-type: none;
}
.carousel-caption .datetime {
color: #fff;
}
.carousel-caption h1 a, .carousel-caption .h1 a {
color: #fff;
font-size: 24px;
}
.node--type-news {
margin-top: 30px;
}
.block-views-blockblogs-and-news-image-and-title-block-1 {
position: relative;
padding: 0;
}
.block-views-blockrelated-news-and-blogs-block-2 {
padding: 0;
}
.block-views-blockinternal-pages-banner-block-1 {
padding: 0;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 {
position: relative;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion {
width: 30%;
padding: 20px 0;
border: none;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion .view-header {
margin-bottom: 30px;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion .faqfield-question {
font-family: var(--f_bold);
font-size: 21px;
color: #231F20;
padding: 20px 0;
background-color: transparent;
border: none;
position: relative;
border-top: 1px solid #F2F2F2;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion .ui-accordion-content {
position: absolute;
right: 0;
width: 70%;
top: 80px;
height: 180px !important;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion-header {
border: none;
background: transparent;
color: #000;
font-family: var(--f_bold);
width: 27%;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion-header span {
background-image: none;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion-header::after {
width: 20px;
height: 10px;
background-image: url("../png/arrow-d.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
content: "";
display: inline-block;
position: relative;
left: 0;
margin: auto;
transform: rotate(-90deg);
transition: all 0.5s;
opacity: 0;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion-header:hover::after {
opacity: 1;
left: 20px;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion-header.ui-accordion-header-active {
color: #0A0A5F !important;
background: #F2F2F2;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion-header.ui-accordion-header-active::after {
opacity: 1;
left: 20px;
}
.views-field-field-dealer-working-hours {
display: flex;
gap: 10px;
padding: 10px 0px;
}
#peace-of-mind {
padding-top: 30px;
}
#peace-of-mind div {
margin: auto;
}
#peace-of-mind div a {
display: inline-block;
padding: 10px 20px;
background: red;
color: #fff;
background: #0a0a5f;
border: 1px solid #0a0a5f;
}
#peace-of-mind div a:hover {
background: #fff;
color: #0a0a5f;
}
}
@media only screen and (max-width: 768px) {
.tataSubNav {
height: auto;
}
#block-views-block-category-comfort-section-one-block-10 .container .view-content .views-row span a {
font-size: 18px;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .nav-tabs, #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .media-library-view--widget .view-header, .media-library-view--widget #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .view-header {
border-radius: 20px;
}
.fixed-header .region-breadcrumb {
top: 57px;
}
.block-views-blockblogs-and-news-image-and-title-block-2 h2, .block-views-blockblogs-and-news-image-and-title-block-2 .h2 {
padding: 0;
}
.page-node-type-news main .container-fluid .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-sm .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-md .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-lg .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-xl .row .blogs-news-image-title .col-md-12::after, .page-node-type-news main .container-xxl .row .blogs-news-image-title .col-md-12::after {
display: none;
}
.page-node-type-news main .container-fluid .row .order-1, .page-node-type-news main .container-sm .row .order-1, .page-node-type-news main .container-md .row .order-1, .page-node-type-news main .container-lg .row .order-1, .page-node-type-news main .container-xl .row .order-1, .page-node-type-news main .container-xxl .row .order-1 {
padding-right: 0;
}
.blogs-news-image-title a {
color: #000;
margin: 15px 0px;
}
.blogs-news-image-title .carousel-caption {
position: initial;
}
.blogs-news-image-title h1, .blogs-news-image-title .h1 {
position: initial;
color: #000;
margin: 15px 0px 25px;
}
.blogs-news-image-title h1::after, .blogs-news-image-title .h1::after {
position: absolute;
left: 0;
right: 0;
height: 1px;
width: 80%;
content: "";
background: #BABABA;
top: 64%;
margin: 0 auto;
}
.blogs-news-image-title .carousel-caption {
all: unset;
position: relative;
}
.blogs-news-image-title .blogs-news-image-title h1, .blogs-news-image-title .blogs-news-image-title .h1 {
position: initial;
}
.blogs-news-image-title .social-links ul {
position: initial;
display: flex;
gap: 18px;
list-style-type: none;
padding: 0px;
white-space: nowrap;
font-size: 10px;
}
.blogs-news-image-title span {
position: relative;
top: 15px;
padding-bottom: 10px;
}
.social-links li {
color: #000;
font-size: 12px;
}
.carousel-caption .datetime {
color: #000;
}
.block-views-blockblogs-and-news-image-and-title-block-1 {
padding: 0;
}
.carousel-caption h1 a, .carousel-caption .h1 a {
color: #000;
font-size: 24px;
}
.blogs-news-image-title .social-links {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.blogs-news-image-title .social-links a {
color: #000;
}
.block-views-blockblogs-and-news-block-1 .nav-tabs, .block-views-blockblogs-and-news-block-1 .media-library-view--widget .view-header, .media-library-view--widget .block-views-blockblogs-and-news-block-1 .view-header {
width: 100%;
}
.block-views-blockblogs-and-news-image-and-title-block-1 {
margin-top: 30px;
}
.block-views-blockblogs-and-news-image-and-title-block-2 .container {
display: flex;
}
.block-views-blockblogs-and-news-image-and-title-block-2 h2, .block-views-blockblogs-and-news-image-and-title-block-2 .h2 {
text-align: initial;
}
.block-views-blockblogs-and-news-image-and-title-block-2 .views-field-field-tags ul {
display: flex;
list-style-type: none;
}
#tab-views-bootstrap-blogs-and-news-block-1-0 {
display: initial;
}
#tab-views-bootstrap-blogs-and-news-block-1-0 .col-4 a {
padding: 15px 0px 15px;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 {
position: relative;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion {
width: 100%;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .ui-accordion-content {
position: initial !important;
width: 100% !important;
top: initial;
right: initial;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .ui-accordion-header::after {
transform: revert;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .ui-accordion-header {
width: 100% !important;
}
.block-views-blockhome-page-non-vehicular-businesses-block-1 .container .ui-accordion-header.ui-accordion-header-active::after {
position: absolute;
right: 20px;
left: inherit;
top: 0;
bottom: 0;
}
.gallery .ui-tabs-panel {
padding: 0;
}
.gallery .ui-tabs-panel .container {
width: 100%;
}
.gallery .ui-tabs-panel .container .view-content {
padding: 0;
position: relative;
}
.gallery .ui-tabs-panel .container .view-content.row div.views-row {
margin: 0 !important;
padding: 15px 0;
height: auto !important;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row {
padding: 30px 0 !important;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row a {
font-size: 12px;
line-height: normal;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content.row {
width: 100% !important;
position: relative !important;
display: flex !important;
justify-content: space-between !important;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-field-title span {
width: 100%;
position: relative;
}
.about main .views-exposed-form {
margin: 0px auto;
}
.press-release .view-filters .form--inline .form-item {
width: 100%;
margin: 10px 0px;
}
.block-blocktabs-blockgallery .ui-tabs-nav {
width: 100%;
margin-bottom: 30px;
}
.gallery #blocktabs-gallery-1 .views-exposed-form,
.gallery #blocktabs-gallery-2 .views-exposed-form {
border: none;
}
.gallery #blocktabs-gallery-1 .form-select,
.gallery #blocktabs-gallery-2 .form-select {
border-bottom: 1px solid;
}
}
@media all {
main .block-views-blockblogs-and-news-image-and-title-block-2 {
padding: 20px 0;
}
.view-id-blogs_and_news_image_and_title .container {
width: 100%;
}
.view-id-related_news_and_blogs.view-display-id-block_1 {
margin-bottom: 40px;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content {
display: flex;
flex-wrap: inherit;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row {
width: 50%;
border-right: 1px solid #DDD;
padding: 50px 0 !important;
position: relative;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row a {
font-family: var(--f_bold);
font-size: 20px;
color: #000;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row a:hover {
color: #0A0A5F;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row:first-child {
padding-right: 20px !important;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row:first-child:after {
content: "Previous";
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row:last-child {
padding-left: 20px !important;
text-align: right;
border-right: 0px;
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row:last-child:after {
content: "Next";
}
.view-id-related_news_and_blogs.view-display-id-block_1 .container .view-content .views-row::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
font-family: var(--f_heavy);
color: #0A0A5F;
}
.view-related-news-and-blogs .press-items-wrapper .press-image img {
height: 170px;
}
.social-widget {
position: relative;
}
.social-widget::after {
content: "";
width: 100%;
position: absolute;
bottom: 0;
background: #fff;
height: 10%;
}
.about main .home-desh-ke-trucks.container .field--name-field-know-more {
left: 0;
}
.path-frontpage .view-hero-slider {
overflow: hidden;
}
.page-node-type-about-us .view-about-us-gallery .views_slideshow_controls_text_previous {
position: absolute;
top: 36%;
width: 40px;
height: 40px;
left: 0;
background-image: url(../jpg/arrows.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 -40px;
font-size: 0;
z-index: 13;
cursor: pointer;
}
.page-node-type-about-us .view-about-us-gallery .views_slideshow_controls_text_next {
position: absolute;
top: 36%;
width: 40px;
height: 40px;
right: 0;
background-image: url(../jpg/arrows.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 0px;
font-size: 0;
z-index: 13;
cursor: pointer;
}
.page-node-type-about-us .view-about-us-gallery .views_slideshow_controls_text_pause {
display: none;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default {
position: relative;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .container {
width: 100%;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .container .container {
width: var(--container);
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .home-desh-ke-trucks {
width: 100%;
padding: 100px 0 0;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .home-desh-ke-trucks.container {
width: 100%;
}
.page-node-type-about-us .block-blocktabs-blockabout-us-gallery .home-desh-ke-trucks .container {
width: 100%;
}
.compare-vehicle .inner-banner-item09 {
display: none;
}
.compare-vehicle .compare_block .justify-content-between .tb-model-heading {
font-family: var(--f_regular);
font-size: 30px;
}
.compare-vehicle .compare_block .justify-content-between .selected_application {
display: block;
padding: 0.75rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #f5f5f5;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
outline: none;
margin-bottom: 20px;
}
.compare-vehicle .compare_block .compare-main {
margin: 10px auto 20px;
}
.compare-vehicle .compare_block .compare-main .compare--product .image img {
border-radius: 10px;
}
.compare-vehicle .compare_block .compare-main .compare--product .form-control {
padding: 10px 20px;
cursor: pointer;
}
.compare-vehicle .compare_block .btn.rounded-5, .compare-vehicle .compare_block button.rounded-5.link, .compare-vehicle .compare_block .rounded-5.button, .compare-vehicle .compare_block .node-preview-container .rounded-5.node-preview-backlink, .node-preview-container .compare-vehicle .compare_block .rounded-5.node-preview-backlink {
background: #0A0A5F;
color: #fff;
padding: 7px 20px;
border: 1px solid #0A0A5F;
transition: all 0.5s;
}
.compare-vehicle .compare_block .btn.rounded-5:hover, .compare-vehicle .compare_block button.rounded-5.link:hover, .compare-vehicle .compare_block .rounded-5.button:hover, .compare-vehicle .compare_block .node-preview-container .rounded-5.node-preview-backlink:hover, .node-preview-container .compare-vehicle .compare_block .rounded-5.node-preview-backlink:hover {
background: #fff;
color: #0A0A5F;
}
.compare.path-compare main {
margin-top: 90px;
}
.compare.path-compare .justify-content-end .primary-500 {
font-size: 21px;
color: #0A0A5F;
}
.compare.path-compare .justify-content-end .primary-500:hover {
color: #8E8E8E;
}
.compare.path-compare .product-details .font-bold {
font-size: 20px;
font-family: var(--f_heavy);
text-transform: uppercase;
}
.compare.path-compare .product-details .view-details {
display: flex;
gap: 12px;
}
.compare.path-compare .product-details .view-details .btn, .compare.path-compare .product-details .view-details button.link, .compare.path-compare .product-details .view-details .button, .compare.path-compare .product-details .view-details .node-preview-container .node-preview-backlink, .node-preview-container .compare.path-compare .product-details .view-details .node-preview-backlink {
border: 1px solid #0A0A5F;
color: #0A0A5F;
font-family: var(--f_heavy);
background-color: #fff;
border: 1px solid #0A0A5F;
}
.compare.path-compare .product-details .view-details .btn:hover, .compare.path-compare .product-details .view-details button.link:hover, .compare.path-compare .product-details .view-details .button:hover, .compare.path-compare .product-details .view-details .node-preview-container .node-preview-backlink:hover, .node-preview-container .compare.path-compare .product-details .view-details .node-preview-backlink:hover {
background-color: #0A0A5F;
color: #fff;
}
.compare.path-compare .accordion--sec .accordion-header .accordion-button {
font-size: 22px;
padding: 15px 20px !important;
position: relative;
}
.compare.path-compare .accordion--sec .accordion-header .accordion-button.accordion-button:not(.collapsed) {
color: #fff;
background-color: #0A0A5F;
}
.compare.path-compare .accordion--sec .accordion-header .accordion-button::after, .compare.path-compare .accordion--sec .accordion-header .accordion-button::before {
all: unset;
position: absolute;
width: 19px;
height: 2px;
background: #050545;
right: 25px;
content: "";
transition: all 0.5s;
opacity: 0.3;
}
.compare.path-compare .accordion--sec .accordion-header .accordion-button::before {
right: 29px;
transform: rotate(90deg);
}
.compare.path-compare .accordion--sec .accordion-header .accordion-button:not(.collapsed)::after {
margin: auto;
background-color: #fff;
opacity: 1;
}
.compare.path-compare .accordion--sec .accordion-header .accordion-button:not(.collapsed)::before {
right: 30px;
transform: rotate(133deg);
background-color: #fff;
opacity: 1;
}
.compare.path-compare .accordion--sec .accordion-collapse .accordion-body {
gap: 0;
padding: 0 !important;
}
.compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col {
padding: 15px 20px;
width: 100%;
margin: 0;
}
.compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col:nth-child(2) {
background: #f5f5ff;
}
.compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col hr {
opacity: 0.1;
margin: 8px 0;
}
.compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col p {
color: #A6A3A4;
margin: auto;
font-size: 10px;
}
.compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col .font-bold {
font-size: 14px !important;
}
.product-vid-gal article.media--type-youtube-videos::before {
display: none !important;
}
.media--type-youtube-videos .colorbox-media-video::before {
background-image: url(../png/yt.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
content: "";
display: block;
width: 60px;
height: 60px;
border-radius: 100%;
margin: 0 auto 10px;
background-color: #F2F2F2;
}
.media--type-youtube-videos .colorbox-media-video::after {
content: "Video";
display: block;
}
}
@media only screen and (max-width: 980px) {
main .views-exposed-form {
margin-top: 0;
}
.path-frontpage main .region-breadcrumb,
main .region-breadcrumb {
background-color: #fff;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
main .region-breadcrumb .block-block-content {
text-align: center;
}
.path-frontpage main .region-breadcrumb .block-block-content h4, .path-frontpage main .region-breadcrumb .block-block-content .h4 {
color: #000;
}
.path-frontpage header,
header {
background-color: #fff;
}
.path-frontpage header nav .navbar-brand .site-logo img {
opacity: 0;
}
.path-frontpage header nav .navbar-brand .site-logo {
background: url(../png/tata-b.png);
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-size: contain;
background-position: center left;
}
main .region-breadcrumb {
top: 97px;
}
main .views-exposed-form .container form .js-form-item input,
main .views-exposed-form .container form .js-form-item input::placeholder {
color: #000;
}
.path-frontpage main .views-exposed-form .container form .form-actions input {
background-position: top -14px left -1929px;
}
.region-nav-additional .views-exposed-form .container form {
width: 210px !important;
}
header .navbar-toggler {
position: absolute;
left: 24px;
bottom: -113%;
border: none;
background-color: none;
outline: none;
width: 35px;
height: 22px;
display: flex;
padding: 0;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
border-radius: 0;
}
header .navbar-toggler-icon {
all: unset;
width: 100%;
height: 3px;
background: #000;
margin: auto;
}
header #navbarSupportedContent .nav-collapse {
margin: 80px 0 0;
background-color: #fff;
}
.path-frontpage.fixed-header header nav .tb-megamenu .tb-megamenu-nav li a {
color: #000 !important;
}
.path-frontpage header nav .tb-megamenu .tb-megamenu-nav li a {
color: #000 !important;
}
.tb-megamenu .nav-collapse .nav > li, .tb-megamenu .nav-collapse .media-library-view--widget .view-header > li, .media-library-view--widget .tb-megamenu .nav-collapse .view-header > li {
text-align: left;
padding: 0 27px 0;
}
header nav .tb-megamenu .tb-megamenu-nav li a {
border-top: 0px !important;
border-bottom: 1px solid #0A0A5F !important;
}
header #navbarSupportedContent .tb-megamenu .tb-megamenu-nav li.tata-logo-header {
display: none;
}
header .navbar .region.region-nav-branding {
position: relative;
width: 100%;
}
header .navbar .region.region-nav-branding::after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100px;
height: 34px;
background-image: url(../png/tata-dark.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.path-frontpage header nav .navbar-brand .site-logo,
header nav .navbar-brand .site-logo {
width: 144px;
}
header #navbarSupportedContent {
background-color: #fff;
}
header #navbarSupportedContent .tata-logo-header.nav-link, header #navbarSupportedContent .media-library-view--widget .view-header a.tata-logo-header, .media-library-view--widget .view-header header #navbarSupportedContent a.tata-logo-header {
display: none;
}
main .region-breadcrumb {
background-color: #fff;
}
main .region-breadcrumb .block-block-content {
border-bottom: 1px solid #f2f2f2;
}
main .region-breadcrumb {
top: 57px;
}
footer .region-footer .footer-copyright {
text-align: center;
}
footer .region-footer .footer-copyright p.float-start {
float: none !important;
}
}
@media only screen and (max-width: 780px) {
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-filters {
width: 80%;
}
.faqs #block-trucksb5-content .text-align-center {
text-align: center;
}
.faqs #block-trucksb5-content .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li, .faqs #block-trucksb5-content .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li, .media-library-view--widget .faqs #block-trucksb5-content .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li {
padding: 5px 10px;
}
.faqs #block-trucksb5-content .compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col .font-bold {
font-size: 12px !important;
}
.faqs #block-trucksb5-content .compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col p {
font-size: 10px;
}
.faqs #block-trucksb5-content .compare.path-compare .compare-main {
overflow: hidden;
display: block !important;
}
.faqs #block-trucksb5-content .compare.path-compare .product-details.compare--list {
width: 100% !important;
}
.faqs #block-trucksb5-content .compare.path-compare .product-details.compare--list .view-details {
flex-direction: initial;
gap: 20px;
}
.faqs #block-trucksb5-content .compare.path-compare .product-details.compare--list .view-details a {
width: 100%;
height: 34px;
min-height: auto;
display: block;
font-size: 13px;
padding: 6px 0;
}
.faqs #block-trucksb5-content .compare.path-compare .accordion--sec .accordion-header .accordion-button {
font-size: 17px;
}
.faqs #block-trucksb5-content .compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col .font-bold {
font-size: 15px !important;
}
.faqs #block-trucksb5-content .compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col p {
font-size: 10px;
}
.faqs #block-trucksb5-content .compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col {
padding: 10px;
}
.faqs #block-trucksb5-content .emi-calculator .emi-results {
display: block;
}
.faqs #block-trucksb5-content .emi-calculator .emi-results ul {
width: 100%;
}
.faqs #block-trucksb5-content .emi-calculator .emi-results .emi-result {
text-align: left;
}
.faqs #block-trucksb5-content .emi-calculator .emi-results canvas {
margin-top: 20px;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image .item-list ul::after {
display: none;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-field-campaign-feature-image .item-list ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper {
padding: 100px 20px 20px 20px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .description {
font-size: 17px;
}
main .view-id-truck_finder .view-filters .form--inline fieldset .fieldset-wrapper .description span {
font-size: 10px;
display: block;
padding-left: 0;
}
header .region-header {
display: none;
}
main .region-breadcrumb {
top: 57px;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row .product-enquire-now-popup-button a {
display: none;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .container .attachment {
margin-right: 5px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .product-bottom-buttons div a {
font-size: 14px;
}
#block-trucksb5-content h2, #block-trucksb5-content .h2,
#block-trucksb5-content p {
text-align: justify;
}
#block-views-block-category-comfort-section-one-block-9 .view-content {
width: 100%;
}
.page-node-type-products .block.product-specifications-and-features .block-blocktabs-blockspecifications-features .container .ui-widget-content .view-specific-product-specifications .container {
display: block;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-image .field__item {
height: auto;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 {
padding: 60px 0 0;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-desc {
text-align: left;
}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 .view-evolution-of-the-world-class-trucks-range .flexslider .evolution-desc p {
font-size: 18px;
}
.view-filters .form--inline {
display: block;
}
.view-filters .form--inline .js-form-wrapper.form-wrapper .fieldset-wrapper .form-control {
width: 100%;
}
.view-testimonials .view-content {
padding: 10px 0 0;
}
.services .services-body-and-link .field--name-field-service-body .row.g-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
text-align: center;
}
.services .services-body-and-link .field--name-field-service-body .row.g-3 p {
text-align: center !important;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons #views-bootstrap-tab-views-bootstrap-contact-us-locaitons-block-1 {
padding: 0;
}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs, .contact .contact-us-locations-map #view-id-contact_us_locaitons .media-library-view--widget .view-header, .media-library-view--widget .contact .contact-us-locations-map #view-id-contact_us_locaitons .view-header {
width: fit-content;
}
.dealers #block-trucksb5-content {
padding: 40px 0 0;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .products-common-chars {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
text-align: center;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 {
width: 100%;
display: block;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 a,
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 {
font-size: 12px;
}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .product-bottom-buttons div a {
padding: 7px 5px;
}
.page-node-type-products #block-trucksb5-content {
padding: 0;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-features div {
margin: 10px 0;
}
.page-node-type-products .block .view-id-trucks_overview_about {
padding: 40px 0;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup .form-radios .form--inline {
margin: auto;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-filters .form--inline .fieldgroup .form-radios .form--inline .form-item label {
padding: 12px 20px;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .flexslider.optionset-slide .flex-viewport {
height: 300px;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider .flex-viewport img {
object-fit: contain;
}
.page-node-type-products .block #block-views-block-trucks-overview-about-block-3-2 .view-trucks-overview-about .flexslider.optionset-flexslider-default-thumbnail-slider {
margin: 0 !important;
}
.page-node-type-products .block .services-generic-block .trucks-services-text {
width: 48%;
text-align: center;
margin: 10px 0;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image {
height: 130px;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper ul {
display: block;
width: 100%;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper ul li a::before {
left: 11px;
}
.page-node-type-products .block .view-product-cabin-feature .view-product-cabin-feature .product-cabin-features-links-wrapper ul li {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.internal-banner-slider .inner-banner-item09 {
height: auto;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title .ui-icon::after {
left: initial !important;
transform: rotate(-90deg) !important;
background-image: url("../png/arrow2.png");
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-field-title .ui-icon {
opacity: 1;
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(3) .views-field .ui-icon {
left: initial !important;
transform: rotate(0deg);
}
main #block-views-block-brand-campaigns-home-page-block-1 .accordion .views-row .views-row:nth-child(4) .views-field .ui-icon {
left: initial !important;
transform: rotate(0deg);
}
.details .view-trucks-listings .container .view-filters {
position: initial;
height: auto;
padding: 30px;
}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .card-header, .details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form, .view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-library-select-form,
.details .view-trucks-listings .container .view-filters .form--inline .form-item .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
.view-media-library .media-library-views-form .media-library-item--grid .details .view-trucks-listings .container .view-filters .form--inline .form-item .views-field-media-bulk-form {
padding: 5px 0;
}
main .view-id-truck_finder .form-actions {
top: -25%;
right: 0;
}
}
@media all {
.search-results .view-filters .views-exposed-form,
.path-search-results .view-filters .views-exposed-form {
display: none;
}
.search-results nav.pager,
.path-search-results nav.pager {
float: left;
width: 100%;
padding: 30px 0;
}
.search-results main,
.path-search-results main {
padding-top: 0;
padding-bottom: 60px;
}
.search-results main #block-trucksb5-content,
.path-search-results main #block-trucksb5-content {
padding: 40px 0 0;
}
.search-results main .search-page-search-form,
.search-results main #block-exposedformsearch-resultspage-1-3,
.path-search-results main .search-page-search-form,
.path-search-results main #block-exposedformsearch-resultspage-1-3 {
padding: 160px 0 120px;
background-image: url(../jpg/search-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.search-results main .search-page-search-form.views-exposed-form .form--inline > .form-item,
.search-results main #block-exposedformsearch-resultspage-1-3.views-exposed-form .form--inline > .form-item,
.path-search-results main .search-page-search-form.views-exposed-form .form--inline > .form-item,
.path-search-results main #block-exposedformsearch-resultspage-1-3.views-exposed-form .form--inline > .form-item {
width: 100%;
}
.search-results main .search-page-search-form.views-exposed-form .container form,
.search-results main #block-exposedformsearch-resultspage-1-3.views-exposed-form .container form,
.path-search-results main .search-page-search-form.views-exposed-form .container form,
.path-search-results main #block-exposedformsearch-resultspage-1-3.views-exposed-form .container form {
width: 70%;
float: none;
margin: auto;
padding: 17px 0;
height: 70px;
}
.search-results main .block-cvsbs5-content,
.path-search-results main .block-cvsbs5-content {
padding-top: 60px;
}
.search-results main .row.g-0,
.path-search-results main .row.g-0 {
flex-wrap: nowrap;
}
.search-results main .row .order-2,
.path-search-results main .row .order-2 {
flex: inherit;
width: 450px;
padding: 80px 30px 30px;
background-color: #f2f2f2;
height: 90vh;
position: sticky;
top: 95px;
overflow: auto;
margin: 0;
display: none;
}
.search-results main .row .order-2 .facets-widget-links ul li,
.path-search-results main .row .order-2 .facets-widget-links ul li {
padding: 10px 0;
}
.search-results main .row .order-2 .facets-widget-links ul li a,
.path-search-results main .row .order-2 .facets-widget-links ul li a {
color: #0A0A5F;
}
.search-results main .row .order-1,
.path-search-results main .row .order-1 {
width: 100%;
flex: inherit;
}
.search-results main .row .order-1 .view-content .views-row,
.path-search-results main .row .order-1 .view-content .views-row {
text-align: left;
padding: 10px 0;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 0;
}
.search-results main .row .order-1 .view-content .views-row .field-content,
.search-results main .row .order-1 .view-content .views-row p,
.path-search-results main .row .order-1 .view-content .views-row .field-content,
.path-search-results main .row .order-1 .view-content .views-row p {
color: rgba(123, 123, 123, 0.8705882353);
}
.search-results main .row .order-1 .view-content .views-row .h1,
.search-results main .row .order-1 .view-content .views-row h2,
.search-results main .row .order-1 .view-content .views-row .h2,
.search-results main .row .order-1 .view-content .views-row h3,
.search-results main .row .order-1 .view-content .views-row .h3,
.search-results main .row .order-1 .view-content .views-row h4,
.search-results main .row .order-1 .view-content .views-row .h4,
.search-results main .row .order-1 .view-content .views-row h5,
.search-results main .row .order-1 .view-content .views-row .h5,
.search-results main .row .order-1 .view-content .views-row h6,
.search-results main .row .order-1 .view-content .views-row .h6,
.path-search-results main .row .order-1 .view-content .views-row .h1,
.path-search-results main .row .order-1 .view-content .views-row h2,
.path-search-results main .row .order-1 .view-content .views-row .h2,
.path-search-results main .row .order-1 .view-content .views-row h3,
.path-search-results main .row .order-1 .view-content .views-row .h3,
.path-search-results main .row .order-1 .view-content .views-row h4,
.path-search-results main .row .order-1 .view-content .views-row .h4,
.path-search-results main .row .order-1 .view-content .views-row h5,
.path-search-results main .row .order-1 .view-content .views-row .h5,
.path-search-results main .row .order-1 .view-content .views-row h6,
.path-search-results main .row .order-1 .view-content .views-row .h6 {
font-size: 20px;
color: #0A0A5F;
}
.search-results main .row .order-1 .view-content .views-row .text-align-center,
.path-search-results main .row .order-1 .view-content .views-row .text-align-center {
text-align: left;
}
.search-results main .row .order-1 .view-content .views-row .views-field a,
.path-search-results main .row .order-1 .view-content .views-row .views-field a {
font-size: 20px;
color: #0A0A5F;
font-family: var(--f_bold);
line-height: normal;
padding: 10px 0;
display: block;
}
.search-results .view-header,
.path-search-results .view-header {
float: left;
width: 30%;
padding-top: 25px;
position: sticky;
top: 160px;
transition: all 0.5s;
}
.search-results .view-header .search-results,
.path-search-results .view-header .search-results {
display: none;
}
.search-results .view-header .search-filter ul,
.path-search-results .view-header .search-filter ul {
margin: auto;
padding: 0;
}
.search-results .view-header .search-filter ul li,
.path-search-results .view-header .search-filter ul li {
list-style-type: none;
}
.search-results .view-header .search-filter ul li a,
.path-search-results .view-header .search-filter ul li a {
background: #fff;
color: #282325;
font-size: 20px;
width: 100%;
display: block;
padding: 16px 35px;
border-radius: 15px 0 0 15px;
}
.search-results .view-header .search-filter ul li a.active, .search-results .media-library-view--widget .view-header .search-filter ul li a.is-active, .media-library-view--widget .search-results .view-header .search-filter ul li a.is-active,
.path-search-results .view-header .search-filter ul li a.active,
.path-search-results .media-library-view--widget .view-header .search-filter ul li a.is-active,
.media-library-view--widget .path-search-results .view-header .search-filter ul li a.is-active {
background: #f2f2f2;
color: #0A0A5F;
}
.search-results .view-header .search-filter ul li a.active::after, .search-results .media-library-view--widget .view-header .search-filter ul li a.is-active::after, .media-library-view--widget .search-results .view-header .search-filter ul li a.is-active::after,
.path-search-results .view-header .search-filter ul li a.active::after,
.path-search-results .media-library-view--widget .view-header .search-filter ul li a.is-active::after,
.media-library-view--widget .path-search-results .view-header .search-filter ul li a.is-active::after {
content: "›";
position: relative;
right: -48px;
font-size: 30px;
color: #0A0A5F;
top: 2px;
line-height: 0;
margin: auto;
}
.search-results .view-header .search-filter ul li a:hover,
.path-search-results .view-header .search-filter ul li a:hover {
background: #f2f2f2;
color: #0A0A5F;
}
.search-results .view-content.row,
.search-results .view-empty,
.path-search-results .view-content.row,
.path-search-results .view-empty {
float: right;
width: 70%;
padding: 0 20px;
}
.search-results .view-content.row.view-empty,
.search-results .view-empty.view-empty,
.path-search-results .view-content.row.view-empty,
.path-search-results .view-empty.view-empty {
padding-top: 60px;
}
.search-results .view-content.row.view-empty .primary-500,
.search-results .view-empty.view-empty .primary-500,
.path-search-results .view-content.row.view-empty .primary-500,
.path-search-results .view-empty.view-empty .primary-500 {
font-size: 25px;
font-weight: bold;
color: #0A0A5F;
text-align: center;
}
.search-results .view-content.row.view-empty .d-flex,
.search-results .view-empty.view-empty .d-flex,
.path-search-results .view-content.row.view-empty .d-flex,
.path-search-results .view-empty.view-empty .d-flex {
margin: auto;
text-align: center;
width: 85%;
}
.search-results .view-content.row.view-empty .d-flex .btn-lg,
.search-results .view-empty.view-empty .d-flex .btn-lg,
.search-results .view-empty.view-empty .d-flex .btn-group-lg > .btn,
.search-results .view-empty.view-empty .d-flex .btn-group-lg > button.link,
.search-results .view-empty.view-empty .d-flex .btn-group-lg > .button,
.search-results .view-empty.view-empty .d-flex .node-preview-container .btn-group-lg > .node-preview-backlink,
.node-preview-container .search-results .view-empty.view-empty .d-flex .btn-group-lg > .node-preview-backlink,
.path-search-results .view-content.row.view-empty .d-flex .btn-lg,
.path-search-results .view-empty.view-empty .d-flex .btn-lg,
.path-search-results .view-empty.view-empty .d-flex .btn-group-lg > .btn,
.path-search-results .view-empty.view-empty .d-flex .btn-group-lg > button.link,
.path-search-results .view-empty.view-empty .d-flex .btn-group-lg > .button,
.path-search-results .view-empty.view-empty .d-flex .node-preview-container .btn-group-lg > .node-preview-backlink,
.node-preview-container .path-search-results .view-empty.view-empty .d-flex .btn-group-lg > .node-preview-backlink {
color: #0A0A5F;
flex: auto !important;
width: fit-content;
font-size: 24px;
}
.search-results .view-duplicate-of-search-results .view-empty,
.path-search-results .view-duplicate-of-search-results .view-empty {
padding-bottom: 60px;
}
.search-results .view-duplicate-of-search-results .view-empty .primary-500,
.path-search-results .view-duplicate-of-search-results .view-empty .primary-500 {
font-size: 25px;
font-weight: bold;
color: #0A0A5F;
text-align: center;
}
.search-results .view-duplicate-of-search-results .view-empty .d-flex,
.path-search-results .view-duplicate-of-search-results .view-empty .d-flex {
margin: auto;
text-align: center;
width: 85%;
}
.search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-lg, .search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-group-lg > .btn, .search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-group-lg > button.link, .search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-group-lg > .button, .search-results .view-duplicate-of-search-results .view-empty .d-flex .node-preview-container .btn-group-lg > .node-preview-backlink, .node-preview-container .search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-group-lg > .node-preview-backlink,
.path-search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-lg,
.path-search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-group-lg > .btn,
.path-search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-group-lg > button.link,
.path-search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-group-lg > .button,
.path-search-results .view-duplicate-of-search-results .view-empty .d-flex .node-preview-container .btn-group-lg > .node-preview-backlink,
.node-preview-container .path-search-results .view-duplicate-of-search-results .view-empty .d-flex .btn-group-lg > .node-preview-backlink {
color: #0A0A5F;
flex: auto !important;
width: fit-content;
font-size: 24px;
}
footer .views-exposed-form {
padding: 70px 0;
border: 1px solid #f2f2f2;
}
footer .views-exposed-form .container h2, footer .views-exposed-form .container .h2 {
font-size: 32px !important;
text-align: center;
font-family: var(--f_regular) !important;
margin: 0 0 30px;
}
footer .views-exposed-form .container form {
background-color: transparent;
}
footer .views-exposed-form .container form .form--inline {
display: flex;
background: transparent;
background-color: #F5F5F5;
margin: auto;
width: 600px;
}
footer .views-exposed-form .container form .form--inline div {
margin: auto;
width: 100%;
}
footer .views-exposed-form .container form .form--inline div.form-actions {
width: 50px;
}
footer .views-exposed-form .container form .form--inline input {
height: 100%;
display: block;
border-radius: 0;
background-color: #F5F5F5;
border: none;
color: black;
font-size: 17px;
width: 100%;
padding: 16px 20px;
}
footer .views-exposed-form .container form .form--inline .js-form-submit {
font-size: 0;
width: fit-content;
}
}
@media only screen and (max-width: 768px) {
footer .views-exposed-form .container form .form--inline {
width: 100%;
}
footer .views-exposed-form .container h2, footer .views-exposed-form .container .h2 {
font-size: 17px !important;
margin-bottom: 10px;
}
}
@media all {
.emi-calculator #view-id-internal_pages_banner {
display: none;
}
.emi-calculator #block-trucksb5-content {
padding: 50px 0 0;
}
.emi-calculator h2.pb-3, .emi-calculator .pb-3.h2 {
text-align: center;
margin-bottom: 36px;
color: #0A0A5F;
font-size: 26px;
}
.emi-calculator .emi-container {
display: flex;
width: 100%;
gap: 60px;
}
.emi-calculator .emi-container .emi-calculator {
width: 50%;
}
.emi-calculator .emi-container .emi-calculator .emi-inputs {
margin: 20px auto 30px;
}
.emi-calculator .emi-container .emi-calculator .emi-inputs label {
font-size: 17px;
color: #000;
font-weight: normal !important;
}
.emi-calculator .emi-container .emi-calculator .emi-inputs label .fw-bol {
font-weight: normal !important;
}
.emi-calculator .emi-container .emi-calculator .emi-inputs h2, .emi-calculator .emi-container .emi-calculator .emi-inputs .h2 {
font-size: 17px;
margin: 0;
}
.emi-calculator .emi-container .emi-calculator .emi-inputs input {
background: #ddd;
margin: 10px 0 0;
}
.emi-calculator .emi-container .emi-calculator .emi-inputs input[type=range]::-moz-range-thumb {
width: 5px;
height: 5px;
box-shadow: -1000px 0 0 993px #05052d;
border: 4px solid #0A0A5F;
}
.emi-calculator .emi-container .emi-calculator .emi-inputs input[type=range]::-moz-range-track {
height: 12px;
background: #ccc;
border-radius: 24px;
}
.emi-calculator .emi-container .emi-calculator .emi-inputs input[type=range] {
-webkit-appearance: none;
appearance: none;
width: 100%;
cursor: pointer;
outline: none;
overflow: hidden;
border-radius: 16px;
height: 12px;
}
.emi-calculator .emi-container .emi-calculator .emi-btn-container {
margin: 30px 0 20px;
}
.emi-calculator .emi-container .emi-calculator .emi-btn-container button {
padding: 10px 20px;
background: #fff;
border: 1px solid #0A0A5F;
margin-right: 10px;
}
.emi-calculator .emi-container .emi-calculator .emi-btn-container button:hover {
background: #0A0A5F;
color: #fff;
}
.emi-calculator .emi-results {
background: #F5F5F5;
padding: 30px;
width: 100%;
display: flex;
}
.emi-calculator .emi-results ul {
padding: 0;
list-style-type: none;
width: 60%;
margin: auto;
}
.emi-calculator .emi-results ul li {
margin-bottom: 10px;
}
.emi-calculator .emi-results ul li br {
display: none;
}
.emi-calculator .emi-results .emi-result {
width: 100%;
text-align: center;
}
.emi-calculator .emi-results .emi-result br {
display: none;
}
.emi-calculator .emi-results canvas {
display: block;
margin: 0 auto 0;
width: 300px !important;
height: 300px !important;
}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .captcha .captcha__description {
display: none;
}
.footer-bottom-nav a {
color: #fff;
}
}
@media only screen and (max-width: 768px) {
.emi-calculator .emi-container {
display: block;
}
.emi-calculator .emi-container .emi-calculator {
width: 100%;
}
.search-results,
.path-search-results .view-header .search-filter ul li a {
font-size: 11px;
padding: 12px 12px;
border-radius: 10px 0 0 10px;
}
.search-results.active::after, .media-library-view--widget .view-header a.search-results.is-active::after,
.path-search-results .view-header .search-filter ul li a.active::after,
.path-search-results .media-library-view--widget .view-header .search-filter ul li a.is-active::after,
.media-library-view--widget .path-search-results .view-header .search-filter ul li a.is-active::after {
right: -15px;
font-size: 20px;
}
.search-results main .row .order-1 .view-content .views-row .views-field a,
.path-search-results main .row .order-1 .view-content .views-row .views-field a {
font-size: 12px;
padding: 0;
}
.search-results .pager .page-link,
.path-search-results .pager .page-link {
margin: 0;
font-size: 10px;
}
.page-node-type-products #block-similarvehiclesblock .product-bottom-buttons a {
width: fit-content !important;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-features div {
font-size: 11px;
margin: 0;
}
.page-node-type-products .trucks-sticky-menu.active, .page-node-type-products .media-library-view--widget .view-header a.trucks-sticky-menu.is-active, .media-library-view--widget .view-header .page-node-type-products a.trucks-sticky-menu.is-active {
top: 129px;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .container .attachment .field-content {
font-size: 13px;
}
.page-node-type-products .trucks-sticky-menu .view-content .views-row a {
font-size: 10px;
}
}
@media all {
.page-node-type-products #block-similarvehiclesblock .product-bottom-buttons {
display: flex;
justify-content: right;
align-items: center;
width: var(--container);
margin: auto auto 30px auto;
}
.page-node-type-products #block-similarvehiclesblock .product-bottom-buttons a:first-child {
text-decoration: none;
background: #0A0A5F;
padding: 10px 20px;
color: #fff;
border: 1px solid #0A0A5F;
transition: all 0.5s;
display: block;
width: 23%;
border-radius: 0;
}
.page-node-type-products #block-similarvehiclesblock .product-bottom-buttons a:first-child:hover {
background: #fff;
color: #0A0A5F;
}
.page-node-type-products #block-similarvehiclesblock .product-bottom-buttons a:last-child {
text-decoration: none;
color: #0A0A5F;
padding: 10px 20px;
background: #fff;
border: 1px solid #0A0A5F;
transition: all 0.5s;
display: block;
width: 23%;
border-radius: 0;
}
.view-models-btn:hover {
border: 1px solid #0A0A5F;
}
.view-models-drawer {
max-width: 650px;
width: 100% !important;
}
.view-models-drawer .offcanvas-header,
.view-models-drawer .offcanvas-body {
padding-left: 40px;
padding-right: 40px;
}
.view-models-drawer .offcanvas-header {
background: #0A0A5F;
color: #fff;
}
.view-models-drawer .text-reset {
background: none;
color: #fff !important;
opacity: 1;
margin: 0;
height: auto;
transform: rotate(42deg);
}
.view-models-drawer .text-reset::after {
content: "+";
font-size: 38px;
}
.view-models-drawer .offcanvas-body .item-list li {
list-style: none;
margin: 0;
border-bottom: 2px var(--bs-border-style) var(--bs-border-color) !important;
padding: 30px 0;
}
.view-models-drawer .offcanvas-body .item-list li a {
color: var(--gray-700);
font-size: 24px;
text-transform: uppercase;
}
}
@media only screen and (max-width: 467px) {
main .views-exposed-form .container form {
width: 200px;
}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row {
width: 100%;
margin-bottom: 20px;
}
.view-testimonials .view-content .row {
grid-template-columns: repeat(1, 1fr);
}
}
@media all {
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 {
padding: 60px 0;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content {
width: 100%;
position: relative;
padding-right: 63%;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-row {
border: none;
border-bottom: 1px solid #F5F5F5;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-header {
background: none;
border-radius: 0;
border: none;
box-shadow: none;
padding: 20px;
color: var(--gray-600);
font-size: 19px;
font-weight: 600;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-header-active {
transition: all 0.5s ease;
color: var(--gray-700) !important;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content {
padding: 0 20px;
border: none !important;
margin-bottom: 20px;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content::-webkit-scrollbar {
height: 5px !important;
width: 5px !important;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content::-webkit-scrollbar-thumb {
background: var(--primary-500) !important;
border-radius: 5px;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content::-webkit-scrollbar-track {
border-right: 5px dashed #DCDCDC;
border-top: 5px dashed #DCDCDC;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media {
position: absolute;
right: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media img {
width: 100%;
height: 436px;
object-fit: cover;
}
}
@media only screen and (max-width: 768px) {
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 {
padding: 25px 0;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content {
padding: 0;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media {
position: relative;
width: 100%;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media {
overflow: unset;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media img {
width: 100%;
height: 200px;
object-fit: cover;
margin-top: 10px;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content {
height: fit-content !important;
}
}
@media all {
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-2 {
background-color: #f5f5f5;
position: relative;
padding-bottom: 30px;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-2 #views_slideshow_controls_text_next_about_manufacture-block_2 a {
position: absolute;
right: 0;
top: 50%;
background: url(../png/arrow2.png) no-repeat;
height: 30px;
font-size: 0;
width: 20px;
display: block;
border: none;
z-index: 9;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-2 #views_slideshow_controls_text_pause_about_manufacture-block_2 a {
display: none;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-2 #views_slideshow_controls_text_previous_about_manufacture-block_2 a {
position: absolute;
left: 0;
top: 50%;
background: url(../png/arrow2.png) no-repeat;
height: 30px;
font-size: 0;
width: 20px;
display: block;
border: none;
transform: rotate(180deg);
z-index: 9;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-2 .views-field-field-slider-media img {
height: 360px;
width: 100%;
object-fit: cover;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-2 .views-field-field-slider-title .field-content {
font-size: 24px;
font-weight: 600;
padding-top: 12px;
}
.page-node-type-about-manufacture #block-views-block-about-manufacture-block-2 .views-field-field-slider-desc .field-content {
font-size: 18px;
}
#block-mainnavigation .tb-megamenu .submenu-about {
width: 12% !important;
padding: 10px;
margin-left: 180px;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-1 {
background: #F5F5F5;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-1 .flexslider {
border: none;
}
.page-node-type-products .trucks-product-gallery-main .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
}
.page-node-type-products .trucks-product-gallery .container {
width: 100% !important;
display: block;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-2 .container {
display: block;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .container {
display: block;
width: 100%;
}
.page-node-type-products #block-views-block-trucks-listings-block-2 .container {
width: var(--container);
}
.page-node-type-products .block .view-product-cabin-feature .js-pager__items a::after {
content: "›";
position: absolute;
right: -20px;
font-size: 30px;
top: 0;
bottom: 0;
margin: auto;
line-height: 0;
height: 10px;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-all-features-link {
padding: 0;
text-align: center;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-all-features-link a {
color: #0A0A5F;
display: inline-block;
position: relative;
position: relative;
background-color: transparent;
border: 1px solid #0A0A5F;
padding: 10px 20px;
text-decoration: none;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-all-features-link a:hover {
background-color: #0A0A5F;
color: #fff;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-links-wrapper {
padding: 60px 0 0;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-links-wrapper ul {
display: flex;
width: fit-content;
margin: auto;
gap: 45px;
padding: 0;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-links-wrapper ul li {
list-style-type: none;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-links-wrapper ul li a {
display: block;
padding: 10px 10px 10px 35px;
text-align: center;
color: #0A0A5F;
position: relative;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-links-wrapper ul li a::before {
content: "";
background-image: url(../png/arrow-ac.png);
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: cover;
margin: auto;
transform: rotate(0);
transition: all 0.5s;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-links-wrapper ul li a:hover::before {
transform: rotate(44deg);
}
}
@media (max-width: 768px) {
.page-node-type-products .trucks-product-gallery-main .container {
grid-template-columns: repeat(1, 1fr);
}
.page-node-type-products .block .view-product-cabin-feature {
padding: 20px 0;
}
}
@media all {
#block-views-block-trucks-overview-about-block-5 .view-header h2, #block-views-block-trucks-overview-about-block-5 .view-header .h2 {
background-color: #fff;
}
#block-views-block-trucks-overview-about-block-5 .views-field-field-cabin-features-desc {
margin-bottom: 20px;
}
#block-views-block-trucks-overview-about-block-5 .nav-tabs,
#block-views-block-trucks-overview-about-block-5 .view-header {
display: block;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #F2F2F2;
border-radius: 100px;
width: fit-content;
}
#block-views-block-trucks-overview-about-block-5 .nav-tabs li,
#block-views-block-trucks-overview-about-block-5 .media-library-view--widget .view-header li,
#block-views-block-trucks-overview-about-block-5 .view-header li {
display: inline-block;
margin: auto;
border: none;
background: none;
padding: 0;
}
#block-views-block-trucks-overview-about-block-5 .nav-tabs li button,
#block-views-block-trucks-overview-about-block-5 .media-library-view--widget .view-header li button,
#block-views-block-trucks-overview-about-block-5 .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 12px 20px;
position: relative;
border-radius: 100px;
}
#block-views-block-trucks-overview-about-block-5 .nav-tabs li button.active,
#block-views-block-trucks-overview-about-block-5 .media-library-view--widget .view-header li button.active,
#block-views-block-trucks-overview-about-block-5 .view-header li button.active {
background-color: #0A0A5F;
color: #fff;
}
#block-views-block-trucks-overview-about-block-5 .tab-content {
text-align: center;
padding: 10px 0 0;
width: 60%;
margin: auto;
}
#block-views-block-trucks-overview-about-block-5 .tab-content .item-list {
padding: 30px 0;
}
#block-views-block-trucks-overview-about-block-5 .tab-content .item-list ul {
margin: auto;
padding: 0;
display: grid;
}
#block-views-block-trucks-overview-about-block-5 .tab-content .item-list ul li {
margin: auto;
padding: 0;
list-style-type: none;
width: 100%;
overflow: hidden;
}
#block-views-block-trucks-overview-about-block-5 .tab-content .item-list ul li * {
height: 100%;
width: 100%;
}
#block-views-block-trucks-overview-about-block-5 .tab-content .item-list ul li img {
width: 100%;
object-fit: cover;
}
#block-views-block-trucks-overview-about-block-5 .tab-content .item-list ul li:nth-child(1) {
grid-column: 1/3;
height: 250px;
}
#block-views-block-trucks-overview-about-block-5 .tab-content .item-list ul li:nth-child(2) {
grid-column: 1/3;
height: 250px;
}
#block-views-block-trucks-overview-about-block-5 .tab-content .item-list ul li:nth-child(3) {
grid-column: 3/6;
grid-row: 1/3;
height: 500px;
}
}
@media only screen and (max-width: 768px) {
#block-views-block-category-sections-block-3 {
padding: 40px 0;
}
#block-views-block-trucks-overview-about-block-5 .tab-content {
width: 88%;
}
#block-views-block-trucks-overview-about-block-5 .nav-tabs,
#block-views-block-trucks-overview-about-block-5 .view-header {
display: flex;
border-radius: 20px;
width: 90%;
flex-direction: column;
background-color: #F2F2F2;
}
#block-views-block-trucks-overview-about-block-5 .nav-tabs li,
#block-views-block-trucks-overview-about-block-5 .media-library-view--widget .view-header li,
#block-views-block-trucks-overview-about-block-5 .view-header li {
width: 100%;
}
#block-views-block-trucks-overview-about-block-5 .nav-tabs li button,
#block-views-block-trucks-overview-about-block-5 .media-library-view--widget .view-header li button,
#block-views-block-trucks-overview-about-block-5 .view-header li button {
border-radius: 20px;
width: 100%;
}
#block-views-block-trucks-overview-about-block-5 .nav-tabs li button.active,
#block-views-block-trucks-overview-about-block-5 .media-library-view--widget .view-header li button.active,
#block-views-block-trucks-overview-about-block-5 .view-header li button.active {
width: 100%;
}
}
@media all {
.about-manufacture .internal-banner-slider .inner-banner-item09 {
display: none;
}
.view-product-aggregates .views-accordion-header {
padding-right: 40%;
}
.view-product-aggregates .ui-accordion-header {
background: none;
border-radius: 0;
border: none;
box-shadow: none;
padding: 20px;
color: var(--gray-600);
font-size: 19px;
font-weight: 600;
}
.view-product-aggregates .ui-accordion-header-active {
transition: all 0.5s ease;
color: var(--gray-700) !important;
}
.view-product-aggregates .ui-accordion-content {
padding: 0 20px;
border: none !important;
margin-bottom: 20px;
height: auto !important;
}
.view-product-aggregates .ui-accordion-content::-webkit-scrollbar {
height: 5px !important;
width: 5px !important;
}
.view-product-aggregates .ui-accordion-content::-webkit-scrollbar-thumb {
background: var(--primary-500) !important;
border-radius: 5px;
}
.view-product-aggregates .ui-accordion-content::-webkit-scrollbar-track {
border-right: 5px dashed #DCDCDC;
border-top: 5px dashed #DCDCDC;
}
.view-product-aggregates .views-field-field-accordion-media {
position: absolute;
right: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
}
.view-product-aggregates .views-field-field-accordion-media img {
width: 100%;
height: 436px;
object-fit: contain;
}
}
@media only screen and (max-width: 760px) {
.compare.path-compare main #comparevehicle .accordion-body {
display: flex !important;
}
.compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col {
padding: 10px 6px;
}
.compare.path-compare .accordion--sec .accordion-collapse .accordion-body .col .font-bold {
font-size: 12px !important;
}
}
@media all {
.gallery #block-blocktabsgallery {
padding: 0 0 70px 0;
}
.gallery #block-blocktabsgallery h2,
.gallery #block-blocktabsgallery .h2 {
text-align: center;
font-size: var(--headingS1);
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content {
border: none;
padding: 40px 0 0;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-nav {
background: #F5F5F5;
border: none;
border-radius: 100px;
margin: auto;
padding: 0;
display: flex;
width: fit-content;
margin: auto;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-nav li {
width: 100%;
border: none;
background: none;
text-align: center;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-nav li a {
display: block;
width: 100%;
border-radius: 100px;
padding: 15px 25px;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-nav li a:hover {
color: #0A0A5F;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a {
background-color: #0A0A5F;
color: #fff;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel {
padding: 50px 0 0;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default {
padding: 0;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section {
height: 65vh !important;
overflow: hidden;
width: 100% !important;
position: relative;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section div,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section .media,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section iframe {
width: 100% !important;
height: 100% !important;
text-align: center;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section div img,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section .media img,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section iframe img {
height: 100%;
max-width: initial;
margin: auto;
width: 100%;
object-fit: cover;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section .views-field-field-about-gallery-media-title {
bottom: 0 !important;
position: absolute;
height: 63px !important;
background: rgba(0, 0, 0, 0.4);
z-index: 2;
display: flex;
align-items: center;
align-content: center;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .views_slideshow_cycle_teaser_section .views-field-field-about-gallery-media-title .field-content {
margin: auto;
height: auto !important;
text-align: left;
width: 90% !important;
color: #fff;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom {
margin-top: 50px;
height: 100px;
overflow: hidden;
display: flex;
gap: 20px;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media {
width: 150px;
height: 100%;
text-align: center;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
background: #000;
transition: all 0.5s;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div img,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media img {
width: 100%;
max-width: initial;
margin: auto;
object-fit: cover;
height: 100%;
transition: all 0.5s;
opacity: 0.3;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div.active img,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media.active img,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media-library-view--widget .view-header a.media.is-active img,
.media-library-view--widget .view-header .gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom a.media.is-active img {
opacity: 1;
transform: scale(1.1);
border: 1px solid #0A0A5F;
}
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom div:hover img,
.gallery #block-blocktabsgallery .ui-widget.ui-widget-content .ui-tabs-panel .view-content .skin-default .widget_pager_bottom .media:hover img {
transform: scale(1.1);
}
.gallery #block-blocktabsgallery #blocktabs-gallery-1,
.gallery #block-blocktabsgallery #blocktabs-gallery-2 {
padding: 60px 0;
}
.gallery #block-blocktabsgallery #blocktabs-gallery-1 #view-id-gallery .view-content,
.gallery #block-blocktabsgallery #blocktabs-gallery-2 #view-id-gallery .view-content {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.gallery #block-blocktabsgallery #blocktabs-gallery-1 #view-id-gallery .view-content .views-row,
.gallery #block-blocktabsgallery #blocktabs-gallery-2 #view-id-gallery .view-content .views-row {
padding: 0 !important;
}
.gallery #block-blocktabsgallery #blocktabs-gallery-1 img,
.gallery #block-blocktabsgallery #blocktabs-gallery-2 img {
height: 200px;
width: 100%;
object-fit: cover;
border: 4px solid white;
box-shadow: 4px 8px 4px rgba(0, 0, 0, 0.1);
}
}
@media (max-width: 768px) {
.gallery #block-blocktabsgallery #blocktabs-gallery-1,
.gallery #block-blocktabsgallery #blocktabs-gallery-2 {
padding: 40px 0;
}
.gallery #block-blocktabsgallery #blocktabs-gallery-1 #view-id-gallery .view-content,
.gallery #block-blocktabsgallery #blocktabs-gallery-2 #view-id-gallery .view-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 430px) {
.gallery #block-blocktabsgallery #blocktabs-gallery-1,
.gallery #block-blocktabsgallery #blocktabs-gallery-2 {
padding: 40px 0;
}
.gallery #block-blocktabsgallery #blocktabs-gallery-1 #view-id-gallery .view-content,
.gallery #block-blocktabsgallery #blocktabs-gallery-2 #view-id-gallery .view-content {
grid-template-columns: repeat(1, 1fr);
}
}
@media all {
.about-manufacture #block-views-block-about-manufacture-block-1 #block-views-block-about-manufacture-block-1 {
padding: 60px 0;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content {
width: 100%;
position: relative;
padding-right: 63%;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-row {
border: none;
border-bottom: 1px solid #F5F5F5;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-header {
background: none;
border-radius: 0;
border: none;
box-shadow: none;
padding: 20px;
color: var(--gray-600);
font-size: 19px;
font-weight: 600;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-header-active {
transition: all 0.5s ease;
color: var(--gray-700) !important;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content {
padding: 0 20px;
border: none !important;
margin-bottom: 20px;
height: auto !important;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content::-webkit-scrollbar {
height: 5px !important;
width: 5px !important;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content::-webkit-scrollbar-thumb {
background: var(--primary-500) !important;
border-radius: 5px;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content::-webkit-scrollbar-track {
border-right: 5px dashed #DCDCDC;
border-top: 5px dashed #DCDCDC;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media {
position: absolute;
right: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media img {
width: 100%;
height: 436px;
object-fit: contain;
}
}
@media only screen and (max-width: 768px) {
.about-manufacture #block-views-block-about-manufacture-block-1 {
padding: 25px 0;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content {
padding: 0;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media {
position: relative;
width: 100%;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media {
overflow: unset;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .views-field-field-accordion-media img {
width: 100%;
height: auto;
object-fit: cover;
margin-top: 10px;
}
.about-manufacture #block-views-block-about-manufacture-block-1 .view-content .ui-accordion-content {
height: fit-content !important;
}
}
@media all {
.about-manufacture #block-views-block-about-manufacture-block-2 {
background-color: #f5f5f5;
position: relative;
padding-bottom: 30px;
}
.about-manufacture #block-views-block-about-manufacture-block-2 #views_slideshow_controls_text_next_about_manufacture-block_2 a {
position: absolute;
right: 0;
top: 50%;
background: url(../png/arrow2.png) no-repeat;
height: 30px;
font-size: 0;
width: 20px;
display: block;
border: none;
z-index: 9;
}
.about-manufacture #block-views-block-about-manufacture-block-2 #views_slideshow_controls_text_pause_about_manufacture-block_2 a {
display: none;
}
.about-manufacture #block-views-block-about-manufacture-block-2 #views_slideshow_controls_text_previous_about_manufacture-block_2 a {
position: absolute;
left: 0;
top: 50%;
background: url(../png/arrow2.png) no-repeat;
height: 30px;
font-size: 0;
width: 20px;
display: block;
border: none;
transform: rotate(180deg);
z-index: 9;
}
.about-manufacture #block-views-block-about-manufacture-block-2 .views-field-field-slider-media img {
height: 360px;
width: 100%;
object-fit: cover;
}
.about-manufacture #block-views-block-about-manufacture-block-2 .views-field-field-slider-title .field-content {
font-size: 24px;
font-weight: 600;
padding-top: 12px;
}
.about-manufacture #block-views-block-about-manufacture-block-2 .views-field-field-slider-desc .field-content {
font-size: 18px;
}
.categoryprima #block-views-block-category-comfort-section-one-block-12 {
padding: 60px 0;
background: #F5F5FC;
}
.categoryprima #block-views-block-category-comfort-section-one-block-12 .container h2, .categoryprima #block-views-block-category-comfort-section-one-block-12 .container .h2 {
text-align: center;
}
.categoryprima .brand-accordion-gallery-main .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
gap: 20px;
}
.categoryprima .brand-accordion-gallery .container {
width: 100% !important;
display: block;
}
#block-views-block-category-comfort-section-one-block-12 .view-header .flexslider {
margin: 0;
background: transparent;
border: none;
}
#block-views-block-category-comfort-section-one-block-12 .view-header #flexslider-1 img {
border: none !important;
height: 400px !important;
object-fit: cover;
}
.categoryprima .brand-accordion-gallery-main .container .view-content {
width: 100%;
position: relative;
}
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-item {
border: none;
border-bottom: 1px solid #ddd;
background-color: transparent;
}
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-item .accordion-button {
background: none;
border-radius: 0;
border: none;
box-shadow: none;
padding: 20px 20px;
font-family: var(--f_heavy);
color: #0A0A5F;
font-size: 19px;
background-color: transparent;
}
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-item .accordion-body {
padding: 0 20px 20px;
}
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-item .accordion-body .views-field-field-accordion-heading {
font-family: var(--f_heavy);
}
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-button.collapsed {
color: #231F20;
}
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-body {
padding: 0 0 20px;
}
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-body .views-field-field-feature-media {
position: absolute;
left: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
}
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-body .views-field-field-feature-media img,
.categoryprima .brand-accordion-gallery-main .container .view-content .accordion .accordion-body .views-field-field-feature-media iframe {
width: 100%;
}
.categoryprima #block-views-block-category-comfort-section-one-block-12 .container h2, .categoryprima #block-views-block-category-comfort-section-one-block-12 .container .h2 {
text-align: center;
}
#block-views-block-category-comfort-section-one-block-14 {
padding: 60px 0;
background-color: #f2f2f2;
}
#block-views-block-category-comfort-section-one-block-14 .flexslider {
margin: 0 !important;
background: none !important;
border: none !important;
}
#block-views-block-category-comfort-section-one-block-12-2 {
padding: 60px 0;
}
#block-views-block-category-comfort-section-one-block-12-2 .view-category-comfort-section-one .nav.nav-tabs, #block-views-block-category-comfort-section-one-block-12-2 .view-category-comfort-section-one .media-library-view--widget .view-header, .media-library-view--widget #block-views-block-category-comfort-section-one-block-12-2 .view-category-comfort-section-one .view-header {
background-color: #f2f2f2 !important;
}
#block-views-block-category-comfort-section-one-block-15 {
padding: 60px 0;
background-color: #f2f2f2;
}
#block-views-block-category-comfort-section-one-block-15 .container > h2, #block-views-block-category-comfort-section-one-block-15 .container > .h2,
#block-views-block-category-comfort-section-one-block-12-2 .container > h2,
#block-views-block-category-comfort-section-one-block-12-2 .container > .h2 {
text-align: center;
font-size: var(--headingS1);
}
#block-views-block-category-comfort-section-one-block-15 .field-content,
#block-views-block-category-comfort-section-one-block-12-2 .field-content {
text-align: center;
}
#block-views-block-category-comfort-section-one-block-12-2 .views-field-field-cabin-features-desc .field-content,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .views-field-field-cabin-features-desc .field-content {
font-size: 16px;
padding-bottom: 12px;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .nav-tabs,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .media-library-view--widget .view-header,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .view-header {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #f2f2f2;
border-radius: 100px;
width: fit-content;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .nav-tabs,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .media-library-view--widget .view-header,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .view-header {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #fff;
border-radius: 100px;
width: fit-content;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .nav-tabs li,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .media-library-view--widget .view-header li,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .view-header li {
display: block;
margin: auto;
border: none;
background: none;
padding: 0;
width: 100%;
flex: fit-content;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .nav-tabs li,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .media-library-view--widget .view-header li,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .view-header li {
display: block;
margin: auto;
border: none;
background: none;
padding: 0;
width: 100%;
flex: fit-content;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .nav-tabs li button,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .media-library-view--widget .view-header li button,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 12px 20px;
position: relative;
border-radius: 100px;
width: 100%;
margin: auto;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .nav-tabs li button,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .media-library-view--widget .view-header li button,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 12px 20px;
position: relative;
border-radius: 100px;
width: fit-content;
margin-bottom: 0;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .nav-tabs li button.active,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .nav-tabs li button.active,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .media-library-view--widget .view-header li button.active,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .media-library-view--widget .view-header li button.active,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .view-header li button.active,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .view-header li button.active {
background-color: #0A0A5F;
color: #fff;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .tab-content,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .tab-content {
text-align: center;
padding: 10px 0 0;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .tab-content .item-list ul li,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .tab-content .item-list ul li {
margin: auto;
padding: 0;
list-style-type: none;
width: 100%;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .tab-content img,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .tab-content img,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12-2 .tab-content iframe,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .tab-content iframe {
width: 80%;
height: 400px;
object-fit: cover;
}
.page-node-type-service-page .field--name-field-value-added-services-title {
color: #0A0A5F;
font-size: var(--headingS1);
}
#block-views-block-category-comfort-section-one-block-16 {
padding: 60px 0;
background: #F5F5F5;
}
#block-views-block-category-comfort-section-one-block-16 .views-field-field-value-added-services-title {
text-align: center;
padding: 20px 0;
}
#block-views-block-category-comfort-section-one-block-16 .views-field-field-value-added-services-title .field-content {
font-size: var(--headingS1);
}
#block-views-block-category-comfort-section-one-block-16 h2,
#block-views-block-category-comfort-section-one-block-16 .h2 {
font-size: var(--headingS1);
text-align: center;
}
#block-views-block-category-comfort-section-one-block-16 .nav-tabs,
#block-views-block-category-comfort-section-one-block-16 .media-library-view--widget .view-header,
#block-views-block-category-comfort-section-one-block-16 .view-header {
display: flex;
text-align: center;
border: none;
margin: 30px auto 30px;
background-color: #fff;
border-radius: 100px;
width: 60%;
}
#block-views-block-category-comfort-section-one-block-16 .nav-tabs li,
#block-views-block-category-comfort-section-one-block-16 .media-library-view--widget .view-header li,
#block-views-block-category-comfort-section-one-block-16 .view-header li {
display: block;
margin: auto;
border: none;
background: none;
padding: 0;
width: 100%;
flex: fit-content;
}
#block-views-block-category-comfort-section-one-block-16 .nav-tabs li button,
#block-views-block-category-comfort-section-one-block-16 .media-library-view--widget .view-header li button,
#block-views-block-category-comfort-section-one-block-16 .view-header li button {
background: none;
border: none;
outline: invert;
color: #8D8B8C;
padding: 12px 20px;
position: relative;
border-radius: 100px;
width: 100%;
}
#block-views-block-category-comfort-section-one-block-16 .nav-tabs li button:hover,
#block-views-block-category-comfort-section-one-block-16 .media-library-view--widget .view-header li button:hover,
#block-views-block-category-comfort-section-one-block-16 .view-header li button:hover {
color: #0A0A5F;
}
#block-views-block-category-comfort-section-one-block-16 .nav-tabs li button.active,
#block-views-block-category-comfort-section-one-block-16 .media-library-view--widget .view-header li button.active,
#block-views-block-category-comfort-section-one-block-16 .view-header li button.active {
background-color: #0A0A5F;
color: #fff;
}
#block-views-block-category-comfort-section-one-block-16 .tab-content {
padding: 10px 0 0;
}
#block-views-block-category-comfort-section-one-block-16 .tab-content .vas-blocks-wrapper img {
width: 100%;
height: 360px;
object-fit: cover;
padding-right: 40px;
}
#block-views-block-category-comfort-section-one-block-16 .tab-content .vas-blocks-wrapper div {
margin: auto;
font-size: 22px;
color: #0A0A5F;
font-family: var(--f_bold);
}
#block-views-block-category-comfort-section-one-block-16 .tab-content .vas-blocks-wrapper .col-6 ul li,
#block-views-block-category-comfort-section-one-block-16 .tab-content .vas-blocks-wrapper div p {
font-size: 17px;
color: #000;
font-family: var(--f_regular);
}
#block-views-block-category-comfort-section-one-block-16 .tab-content .vas-blocks-wrapper div a {
padding: 10px 15px;
background: #0A0A5F;
color: #fff;
text-decoration: none;
font-size: 17px;
font-weight: normal;
margin-top: 30px;
display: inline-block;
border: 1px solid #0A0A5F;
transition: all 0.5s;
}
#block-views-block-category-comfort-section-one-block-16 .tab-content .vas-blocks-wrapper div a:hover {
background: transparent;
color: #0A0A5F;
}
.page-node-type-service-page .assistance-blue-box {
padding: 30px 0 80px;
background: #F5F5F5;
}
}
@media (max-width: 768px) {
#view-id-category_sections#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .img-fluid,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-12 .img-fluid {
height: auto;
width: 100%;
}
#view-id-category_comfort_section_one .vas-blocks-wrapper {
display: block;
}
#view-id-category_comfort_section_one .vas-blocks-wrapper .col-6 {
width: 100%;
margin-bottom: 20px;
}
.categoryprima .brand-accordion-gallery-main .container {
grid-template-columns: repeat(1, 1fr);
}
.categoryprima .brand-accordion-gallery-main .container {
display: grid;
grid-template-columns: repeat(1, 1fr);
align-items: center;
gap: 40px;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-14 .nav-tabs, #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-14 .media-library-view--widget .view-header, .media-library-view--widget #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-14 .view-header,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .nav-tabs,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .media-library-view--widget .view-header,
.media-library-view--widget #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .view-header,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-16 .nav-tabs,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-16 .media-library-view--widget .view-header,
.media-library-view--widget #views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-16 .view-header {
width: 80%;
}
#block-views-block-category-comfort-section-one-block-16 .tab-content .field-content .vas-blocks-wrapper .col-6 {
width: 100%;
}
#block-views-block-category-comfort-section-one-block-16 .tab-content .field-content .vas-blocks-wrapper .col-6 img {
padding: 0 0 30px;
}
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-14 .tab-content img,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .tab-content img,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-14 .tab-content iframe,
#views-bootstrap-tab-views-bootstrap-category-comfort-section-one-block-15 .tab-content iframe {
width: 100%;
height: 300px;
object-fit: cover;
}
}
@media (max-width: 425px) {
#block-views-block-category-comfort-section-one-block-16 .nav-tabs li,
#block-views-block-category-comfort-section-one-block-16 .media-library-view--widget .view-header li,
#block-views-block-category-comfort-section-one-block-16 .view-header li,
#block-views-block-category-comfort-section-one-block-15 .nav-tabs li,
#block-views-block-category-comfort-section-one-block-15 .media-library-view--widget .view-header li,
#block-views-block-category-comfort-section-one-block-15 .view-header li {
display: flex;
flex: auto;
}
#block-views-block-category-comfort-section-one-block-12-2 .nav-tabs li button.active,
#block-views-block-category-comfort-section-one-block-15 .nav-tabs li button.active,
#block-views-block-category-comfort-section-one-block-16 .nav-tabs li button.active,
#block-views-block-category-comfort-section-one-block-12-2 .media-library-view--widget .view-header li button.active,
#block-views-block-category-comfort-section-one-block-15 .media-library-view--widget .view-header li button.active,
#block-views-block-category-comfort-section-one-block-16 .media-library-view--widget .view-header li button.active,
#block-views-block-category-comfort-section-one-block-12-2 .view-header li button.active,
#block-views-block-category-comfort-section-one-block-15 .view-header li button.active,
#block-views-block-category-comfort-section-one-block-16 .view-header li button.active {
background-color: #0A0A5F;
color: #fff;
border-radius: 8px;
}
#block-views-block-category-comfort-section-one-block-12-2 .nav-tabs,
#block-views-block-category-comfort-section-one-block-15 .nav-tabs,
#block-views-block-category-comfort-section-one-block-16 .nav-tabs,
#block-views-block-category-comfort-section-one-block-12-2 .media-library-view--widget .view-header,
#block-views-block-category-comfort-section-one-block-15 .media-library-view--widget .view-header,
#block-views-block-category-comfort-section-one-block-16 .media-library-view--widget .view-header,
#block-views-block-category-comfort-section-one-block-12-2 .view-header,
#block-views-block-category-comfort-section-one-block-15 .view-header,
#block-views-block-category-comfort-section-one-block-16 .view-header {
border-radius: 8px;
}
}
@media all {
.form-check-input:checked[type=checkbox] {
background-color: #050545;
border-color: #050545;
background-image: url("../svg/checkbox_checked.svg");
}
.gallery .node__submitted {
display: none;
}
}
@media screen and (max-width: 768px) {
main #block-views-block-home-page-category-section-block-1 {
padding: 20px 0;
}
main .block-views-blocktruck-finder-block-1 {
padding: 50px 0;
}
main .block-views-blocktruck-finder-block-1 .container .view-header {
margin-bottom: 30px;
}
main .view-id-truck_finder .form-actions {
top: -45px;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper {
display: block;
}
.page-node-type-products .block .view-id-trucks_overview_about .trucks-about-wrapper .truck-features {
text-align: center;
}
.page-node-type-products .block .view-product-cabin-feature .trucks-product-gallery.view.view-product-cabin-feature {
height: auto;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-links-wrapper ul li a {
font-size: 14px;
padding: 6px 6px 6px 15px;
}
.page-node-type-products #block-views-block-product-cabin-feature-block-3 .product-cabin-features-links-wrapper ul li a::before {
width: 10px;
height: 10px;
}
.page-node-type-products .block #view-id-product_aggregates .row {
display: block;
}
.page-node-type-products .block #view-id-product_aggregates .row .col-6 {
width: 100%;
margin-bottom: 20px;
}
.contact .view-internal-pages-banner .inner-banner-item09 {
height: 300px;
}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li, .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .media-library-view--widget .view-header li, .media-library-view--widget .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-header li {
text-align: center;
margin: auto;
padding: 9px 20px;
}
.view-testimonials .view-content .row .col-md-4 {
padding: 5px;
filter: grayscale(0);
}
.view-testimonials .view-content .row .col-md-4 iframe {
height: 200px;
}
.view-testimonials .view-content .row .col-md-4 .views-field-body {
padding: 10px 0;
margin-bottom: 10px;
}
.view-testimonials .view-content .row {
gap: 15px;
}
.view-filters .form--inline .js-form-wrapper.form-wrapper .fieldset-wrapper {
left: 40px;
}
.contact .contact-us-locations-map .views-field-field-contact-number {
width: 90%;
}
}
@media all {
.mileage .internal-banner-slider .inner-banner-item09,
.rcm .internal-banner-slider .inner-banner-item09 {
display: none;
}
#block-campaignbannergroup > .container,
#block-rcmbannergroup-2 > .container {
width: 100%;
display: grid;
grid-template-columns: 2fr 1fr;
}
#block-compaignbanner .container,
#block-crmbanner .container {
width: 100%;
}
#block-compaignbanner img,
#block-crmbanner img {
width: 100%;
}
#block-webform-4,
#block-webform-5 {
background-color: #F5F5F5;
}
#block-webform-4 .container,
#block-webform-5 .container {
padding: 40px 20px 20px 20px;
}
#block-webform-4 .container h2, #block-webform-4 .container .h2,
#block-webform-5 .container h2,
#block-webform-5 .container .h2 {
color: #0A0A5F;
}
#block-webform-4 .container input,
#block-webform-4 .container select {
border-radius: 0 !important;
}
#block-webform-5 .container input,
#block-webform-5 .container select {
border-radius: 0 !important;
}
#block-webform-4 .container input[type=submit],
#block-webform-5 .container input[type=submit] {
width: 100%;
background-color: #0A0A5F;
}
#block-webform-4 .container label.option,
#block-webform-5 .container label.option {
font-size: 10px;
}
#block-webform-4 .container .form-type-checkbox,
#block-webform-5 .container .form-type-checkbox {
margin: 0 !important;
}
#block-webform-4 .container .js-form-item-product,
#block-webform-5 .container .js-form-item-product {
z-index: 1;
}
#block-webform-4 .container .form-item-state,
#block-webform-5 .container .form-item-state {
width: 50%;
float: left;
z-index: 2;
padding-right: 6px;
margin-top: 0px !important;
}
#block-webform-4 .container .form-item-pincode,
#block-webform-5 .container .form-item-pincode {
width: 50%;
float: right;
z-index: 2;
padding-left: 6px;
margin-top: 0px !important;
}
#block-webform-4 .container .g-recaptcha,
#block-webform-5 .container .g-recaptcha {
position: relative;
}
#block-webform-4 .container .g-recaptcha iframe,
#block-webform-5 .container .g-recaptcha iframe {
transform: scale(0.77);
position: absolute;
left: -34px;
}
#block-compaigncontent .text-center a {
padding: 10px 30px;
color: #fff;
background: #0A0A5F;
text-decoration: none;
text-align: center;
border: 1px solid #0A0A5F;
}
#block-compaigncontent .text-center a:hover {
color: #0A0A5F;
background: #fff;
border: 1px solid #0A0A5F;
transition: all 0.6s ease;
}
.view-multi-lang-videos .view-footer,
.view-rcm-multi-lang-videos .view-footer {
margin-top: 50px;
text-align: center;
}
.view-multi-lang-videos .view-footer a,
.view-rcm-multi-lang-videos .view-footer a {
padding: 10px 30px;
color: #fff;
background: #0A0A5F;
text-decoration: none;
text-align: center;
border: 1px solid #0A0A5F;
}
.view-multi-lang-videos .view-footer a:hover,
.view-rcm-multi-lang-videos .view-footer a:hover {
color: #0A0A5F;
background: #fff;
border: 1px solid #0A0A5F;
transition: all 0.6s ease;
}
#block-campaignslidergroup > .container,
#block-rcmslidergroup > .container {
display: flex;
margin-bottom: 60px;
}
#block-compaigncontent,
#block-views-block-trucks-campaign-block-1 {
width: 50%;
}
#block-rcmcontent,
#block-views-block-trucks-campaign-block-2 {
width: 50%;
}
#block-views-block-trucks-campaign-block-1 .container,
#block-views-block-trucks-campaign-block-2 .container {
width: 100%;
}
#block-views-block-trucks-campaign-block-1 .container img,
#block-views-block-trucks-campaign-block-2 .container img {
height: 400px;
width: 100%;
object-fit: contain;
}
#block-blocktabsmultilangvideostab,
#block-blocktabsrcmmultilangvideo {
margin-bottom: 40px;
}
#block-blocktabsmultilangvideostab h2, #block-blocktabsmultilangvideostab .h2,
#block-blocktabsrcmmultilangvideo h2,
#block-blocktabsrcmmultilangvideo .h2 {
font-size: 36px;
text-align: center;
margin-bottom: 30px;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-nav,
.block-blocktabs-blockrcm-multi-lang-video .ui-widget.ui-widget-content .ui-tabs-nav {
width: 90%;
background: #F5F5F5;
border: none;
border-radius: 100px;
margin: auto;
padding: 0;
display: flex;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-nav li,
.block-blocktabs-blockrcm-multi-lang-video .ui-widget.ui-widget-content .ui-tabs-nav li {
width: 100%;
border: none;
background: none;
text-align: center;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-nav li a,
.block-blocktabs-blockrcm-multi-lang-video .ui-widget.ui-widget-content .ui-tabs-nav li a {
display: block;
width: 100%;
border-radius: 100px;
padding: 12px 5px;
color: #000;
font-weight: 600;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a,
.block-blocktabs-blockrcm-multi-lang-video .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a {
background-color: #0A0A5F;
color: #fff;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a:hover,
.block-blocktabs-blockrcm-multi-lang-video .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a:hover {
color: #0A0A5F;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-tabs .ui-tabs-panel,
.block-blocktabs-blockrcm-multi-lang-video .ui-tabs .ui-tabs-panel {
padding: 2em 0 !important;
}
.block-blocktabs-blockmulti-lang-videos-tab > .view-content,
.block-blocktabs-blockrcm-multi-lang-video > .view-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.block-blocktabs-blockmulti-lang-videos-tab .view-content .field__item iframe,
.block-blocktabs-blockrcm-multi-lang-video .view-content .field__item iframe {
width: 100%;
}
.block-blocktabs-blockmulti-lang-videos-tab .view-content .field__item iframe,
.block-blocktabs-blockrcm-multi-lang-video .view-content .field__item iframe {
width: 100%;
height: 200px;
border-radius: 6px;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row,
.block-blocktabs-blockrcm-multi-lang-video .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row {
width: 25%;
}
}
@media only screen and (max-width: 768px) {
#block-campaignbannergroup > .container,
#block-rcmbannergroup-2 > .container {
grid-template-columns: 1fr;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-panel .container,
.block-blocktabs-blockrcm-multi-lang-video .ui-widget.ui-widget-content .ui-tabs-panel .container {
width: 100%;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row,
.block-blocktabs-blockrcm-multi-lang-video .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row {
width: 50%;
padding-bottom: 30px;
}
#block-compaignblock2 .container .d-flex,
#block-rcmblock2 .container .d-flex {
gap: 20px;
flex-direction: column;
}
#block-compaignblock2 .container .col-6,
#block-rcmblock2 .container .col-6 {
width: 100%;
}
#block-campaignslidergroup > .container,
#block-rcmslidergroup > .container {
flex-direction: column;
}
#block-compaigncontent,
#block-views-block-trucks-campaign-block-1 {
width: 100%;
}
#block-rcmcontent,
#block-views-block-trucks-campaign-block-2 {
width: 100%;
}
.block-blocktabs-blockmulti-lang-videos-tab .view-content .field__item iframe,
.block-blocktabs-blockrcm-multi-lang-video .view-content .field__item iframe {
height: 260px;
}
}
@media only screen and (max-width: 425px) {
#block-compaignbanner img,
#block-crmbanner img {
width: 100%;
height: 300px;
}
#block-blocktabsmultilangvideostab h2, #block-blocktabsmultilangvideostab .h2,
#block-blocktabsrcmmultilangvideo h2,
#block-blocktabsrcmmultilangvideo .h2 {
font-size: 24px;
margin-bottom: 12px;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-nav li a,
.block-blocktabsrcmmultilangvideo .ui-widget.ui-widget-content .ui-tabs-nav li a {
font-size: 12px;
}
.block-blocktabs-blockmulti-lang-videos-tab .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row,
.block-blocktabsrcmmultilangvideo .ui-widget.ui-widget-content .ui-tabs-panel .container .view-content .views-row {
width: 100%;
padding-bottom: 12px;
}
#block-views-block-trucks-campaign-block-1 .container img,
#block-views-block-trucks-campaign-block-2 .container img {
height: 260px;
}
}
@media all {
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row-last a {
color: white;
background-color: #0A0A5F;
border-radius: 0;
padding: 10px 12px;
}
.page-node-type-products .trucks-sticky-menu .view-trucks-overview-about .view-content .views-row-last a:hover {
color: white !important;
}
.view-display-id-page_2 .view-content .views-row .views-field-field-news-thumbnail-image img,
.view-display-id-page_3 .view-content .views-row .views-field-field-news-thumbnail-image img {
height: 230px;
width: 100%;
object-fit: cover;
}
.view-display-id-page_2 .view-content .views-row .views-field-nothing .item-list ul,
.view-display-id-page_3 .view-content .views-row .views-field-nothing .item-list ul {
margin: 0 !important;
}
.view-display-id-page_2 .view-content .views-row .views-field-nothing .item-list ul li,
.view-display-id-page_3 .view-content .views-row .views-field-nothing .item-list ul li {
list-style-type: none;
margin: 0 5px 0 0;
padding: 3px 5px;
display: inline-block;
/* background: rgba(48, 128, 226, 0.3137254902); */
/* color: #0A0A5F; */
background:var(--skyBlue2-color) !important;
color:var(--white-color) !important;
font-size: 11px;
text-transform:uppercase;
}
.view-display-id-page_2 .view-content .views-row .views-field-nothing time,
.view-display-id-page_3 .view-content .views-row .views-field-nothing time {
color: #BABABA;
font-size: 12px;
display: block;
}
.view-display-id-page_2 .view-content .views-row .views-field a,
.view-display-id-page_3 .view-content .views-row .views-field a {
transition: all 0.3s ease;
}
.view-display-id-page_2 .view-content .views-row .views-field a:hover,
.view-display-id-page_3 .view-content .views-row .views-field a:hover {
color: #0A0A5F;
}
.categorytata-lpt #block-views-block-category-comfort-section-one-block-4, .categorytata-lpt #block-views-block-category-comfort-section-one-block-3 {
display: none !important;
}
}
@font-face {
font-family: UniNeuRegular;
src: url("../otf/unineue-regular.otf") format("opentype");
}
@font-face {
font-family: UniNeuBold;
src: url("../otf/unineue-bold.otf") format("opentype");
}
@font-face {
font-family: UniNeuBlack;
src: url("../otf/unineue-black.otf") format("opentype");
}
@font-face {
font-family: UniNeuBook;
src: url("../otf/unineue-book.otf") format("opentype");
}
@font-face {
font-family: UniNeuHeavy;
src: url("../otf/unineue-heavy.otf") format("opentype");
}
@font-face {
font-family: UniNeuLight;
src: url("../otf/unineue-light.otf") format("opentype");
}

/*# sourceMappingURL=style.css.map */

/* 2025 Goku Trucks*/
:root{
--white-color: #fff;
--black-color: #000;
--gray-color:#8D8B8C;
--gray2-color: #D9D9D9;
--gray3-color: #323232;
--skyBlue-color: #BFD7F6;
--skyBlue2-color: #307FE2;
--blue-color: #0A0A5F;
--container: 93.5%;
--headingS1: 40px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .form-wrapper.accordion .accordion-item h2, .form-wrapper.accordion .accordion-item .h2, h2, .h2, .minfont{    font-family: var(--f_bold);}
body .hd1, body .tataHd{  font-size: var(--headingS1);}
.form-check-input{  appearance: auto!important;}
main{margin-top: 140px;}
.containerMin{width: 85%;margin: 0 auto;}
.container-fluid{overflow: hidden;}
.footer-enquire-now-form-popup.show{background-color: #fff;}
/* Button */
.tataBtn{padding: 25px 0 10px}
.btnaj{padding: 10px 15px;text-decoration: none;background:var(--blue-color);color: #fff}
.btn09, .btn10{display:inline-block;padding: 10px 20px;text-decoration: none;position: relative;  font-family: var(--f_bold);} 
.btn09:hover{background:var(--skyBlue2-color);color: #fff} 
.btn10:hover{background:#fff; color:var(--skyBlue2-color); border: 1px solid var(--skyBlue2-color)}     
.btnS1{background:var(--blue-color);color: #fff;border: 1px solid var(--blue-color);}
.btnS2{background:#fff;color:var(--blue-color);border: 1px solid #fff;}
.btnS3{background:#fff;color:var(--blue-color);border: 1px solid var(--blue-color);}
.btnS4{background:transparent;color:var(--blue-color);border: 1px solid var(--blue-color);}
.btnS5{background:var(--skyBlue2-color);color: #fff;border: 1px solid var(--white-color);}


.btnArrow{padding-right:35px}
.btnArrow::after{content: "›";position: absolute;right: 10px;font-size: 30px;top: 0;bottom: 0;margin: auto;line-height: 0;height: 3px;}

main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a{background:var(--blue-color);color: #fff;display:inline-block;padding: 10px 20px;text-decoration: none;position: relative;padding-right:35px}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a::after{content: "›";position: absolute;right: 10px;font-size: 30px;top: 0;bottom: 0;margin: auto;line-height: 0;height: 3px;}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-footer a:hover{background:var(--skyBlue2-color);color: #fff}
/* Button */

/* HD */
.center{text-align: center}
.tataHdsec{padding:30px 0}
.tataHd1{font-size: 40px;}
/* HD Sec */

/* TATA T */
.pr{position: relative}

.tataT::after,.tataT::before{all: unset!important;display: block!important;position: absolute!important;z-index: 3!important;pointer-events: none!important;}
.tataT::after{content:''!important;width: 5.1vw!important;height: 9vw!important;left: 0!important;top: 5vw!important;clip-path:  polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important}
.tataT::before{content:''!important;border:1.5px solid !important;width: 96.8% !important;height: 100vw!important;right: 0!important;top:7.6vw!important; border-right: 0!important; border-bottom: 0!important;}

.tataTBox::after,.tataTBox::before{all: unset!important;display: block!important;position: absolute!important;z-index: 3!important;pointer-events: none!important;}
.tataTBox::after{content:''!important;width: 5.1vw !important;height: 9vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important}
.tataTBox::before{content:''!important;right: inherit !important;bottom: inherit !important;width: 5vw !important;height: 8.9vw !important;background: #fff !important;border: none !important;}
.tataTBox::before,.tataTBox::after{left: -3.2vw !important;top: -2.6vw !important;} 
.tataTNobefore::before{display: none!important;}

.tataTcontainerBorder::after,.tataTcontainerBorder::before{all: unset!important;display: block!important;position: absolute!important;z-index: 3!important;pointer-events: none!important;}
.tataTcontainerBorder::after{content:''!important;width: 5.1vw!important;height: 9vw!important;left: 0!important;top: 5vw!important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important}
.tataTcontainerBorder::before{content:''!important;border:1.5px solid !important;width: 93.5% !important;height: 82%!important;right: 0!important;top:7.6vw !important;  left: 0 !important;margin: auto !important;background: #fff !important;}
.tataTcontainerBorder .container{position: relative;z-index: 3;padding: 50px}

.tataTBorder::after,.tataTBorder::before{all: unset!important;display: block!important;position: absolute!important;z-index: 3!important;pointer-events: none!important;}
.tataTBorder::after{content:''!important;width: 5vw!important;height: 10vw!important;left: 0!important;top: 5.8vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important}
.tataTBorder::before{content:''!important;border:1.5px solid !important;width: 100% !important;height: 82%!important;right: 0!important;top:8.8vw!important;  left:3.1vw !important;margin: auto !important;background: #fff !important;border-right:none!important; }
.tataTBorder .container{position: relative;z-index: 3;padding: 50px}


.tataTcontainer::after,.tataTcontainer::before{all: unset!important;display: block!important;position: absolute!important;z-index: 3!important;pointer-events: none!important;}
.tataTcontainer::after{content:''!important;width: 5.1vw!important;height: 9vw!important;left: 0!important;top: 2.8vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important}
.tataTcontainer::before{content:''!important;border:0px solid !important;width: 5.1vw !important;height: 9vw !important;right: inherit !important;top:2.7vw !important;  left: 0 !important;background: #fff !important;}



.tataTcontainerNoBorder::after,.tataTcontainerNoBorder::before{all: unset!important;display: block!important;position: absolute!important;z-index: 3!important;pointer-events: none!important;}
.tataTcontainerNoBorder::after{content:''!important;width: 5.1vw!important;height: 9vw!important;left: 0!important;top: 2.7vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important}
.tataTcontainerNoBorder::before{content:''!important;border:0px solid !important;width: 5.1vw !important;height: 9vw !important;right: inherit !important;top:2.7vw !important;  left: 0 !important;background: #fff !important;}

.tWhite::after{background:var(--white-color)!important;}
.tWhite::before{border-color:var(--white-color)!important;}
.tBlack::after{background: var(--black-color)!important;}
.tBlack::before{border-color: var(--black-color)!important;}
.tskyBlue::after{background: var(--skyBlue-color)!important;}
.tskyBlue::before{border-color: var(--skyBlue-color)!important;}
.tskyBlue2::after{background: var(--skyBlue2-color)!important;}
.tskyBlue2::before{border-color: var(--skyBlue2-color)!important;}
.tBlue::after{background: var(--blue-color)!important;}
.tBlue::before{border-color: var(--blue-color)!important;}
.tGray::after{background: var(--gray3-color)!important;}
.tGray::before{border-color: var(--gray3-color)!important;}

/* Hero */
.view-hero-slider{position: relative;}
.view-hero-slider::after,.view-hero-slider::before{all: unset!important;display: block!important;position: absolute!important;z-index: 3!important;pointer-events: none!important;}
.view-hero-slider::after{background:var(--blue-color)!important;content:''!important;width: 5.1vw!important;height: 9vw!important;left: 0!important;top: 5vw!important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 100% 30%, 100% 100%, 45% 100%, 20% 100%, 100% 100%, 100% 0%) !important}
.view-hero-slider::before{content:''!important;border:0px solid !important;width: 5.1vw !important;height: 9vw !important;right: inherit !important;top:5vw !important;  left: 0 !important;background: #fff !important;}
/* Hero */


/* TATA T */

/* Header */
.navbar.navbar-expand-lg{padding: 12px 0 20px;}   

header{background-color: #fff!important;}
.fixed-header header{background-color: #fff!important;}
header .topmost-header{background-color:#fff;color:#000;border-bottom:1px solid var(--gray2-color)}
header .topmost-header .header-top-nav ul li a{color: #000;padding: 0 10px;}

header .topmost-header .header-top-nav ul li:last-child{background-color: transparent;margin-left: 0;}
header .topmost-header .header-top-nav ul li:last-child a{color: #000;padding: 0 10px;display: block;}
header #navbarSupportedContent{width: 100%;position: absolute;bottom: -36px;left: 0;right: 0;padding:0px 3.2vw;backdrop-filter: blur(8px);background: var(--gray2-color);}
header .navbar nav ul li,header .navbar nav ul li a{padding: 0!important;}
header .navbar nav ul.navbar-nav {display: flex;margin: auto;gap: 30px;}
header nav .tb-megamenu .tb-megamenu-nav li a{padding:5px 0}
.path-frontpage header nav .navbar-nav li a{color: #000!important;}
main .region-breadcrumb .block-block-content{display: none;}
main .region-breadcrumb{top:97px;backdrop-filter: blur(8px);background-color:   transparent !important;border: none !important;}
main .views-exposed-form{margin: 0}
header .region-nav-branding{display: flex;justify-content: space-between;width: 100%;}
header nav .navbar-brand .site-logo img,#block-headerrightcustomlogo img{height: 35px;object-fit: contain;object-position: center;width: fit-content;}
.path-frontpage main {margin-top: 90px;}
header nav .region-nav-main{display: flex;justify-content: space-between;width: 100%;}
header nav{width: auto!important;display: flex;}

.fixed-header header nav .navbar-brand .site-logo,header nav .navbar-brand .site-logo{background-image: none!important;}
.fixed-header header nav .navbar-brand .site-logo img,header nav .navbar-brand .site-logo img{visibility: visible!important;opacity:1!important}
.path-frontpage.fixed-header header nav .navbar-nav li a{color: #000 !important;}
.nj_head1{position: absolute;left: 300px;color: #000;font-weight: bold;top: 0;bottom: 0;margin: auto;height: fit-content;}
.top_header_right_block{display: flex;gap: 20px;}
.header-top-navN{font-size: 12px;}
.header-top-navN ul{display: flex;gap: 20px;padding: 0;margin: auto;}
.header-top-navN ul li{display: inline-block;margin: auto;}
.header-top-navN ul li a::before{content: "";width:15px;height:15px;display:inline-block;margin-right: 9px;margin-bottom: -3px;}
.iNote a::before{background-image: url(../png/notea10b.png?VersionId=5mn8mp4t0up0SZwOMv1Wde.ohGMyB_Qn);background-repeat: no-repeat;background-size: contain;background-position: center;}
.iCall a::before{background-image: url(../png/callf58d.png?VersionId=xD1LAY8LnmM6gn.5eX3yHj66eOsEPyIH);background-repeat: no-repeat;background-size: contain;background-position: center;}
header .topmost-header{height: 35px;line-height: normal;display: flex;}

.tm_main_secondary_menu ul .nj_link_btn_1_cont a,.tm_main_secondary_menu ul .nj_link_btn_2_cont a{display: block;padding: 9px 23px !important;font-size: 13px;text-align: center;}
body header  .tm_main_secondary_menu ul .nj_link_btn_1_cont a,body.path-frontpage.fixed-header header  .tm_main_secondary_menu ul .nj_link_btn_1_cont a{background-color: var(--skyBlue2-color);color: #fff!important;}
body header .tm_main_secondary_menu ul .nj_link_btn_2_cont a,body.path-frontpage.fixed-header header  .tm_main_secondary_menu ul .nj_link_btn_2_cont a{background-color: var(--skyBlue-color);color:var(--skyBlue2-color) !important;}
body.fixed-header header .tm_main_secondary_menu ul .nj_link_btn_2_cont a{background-color: var(--skyBlue-color);color:var(--skyBlue2-color) !important}
.tm_main_secondary_menu ul .nj_link_btn_1_cont a::after,.tm_main_secondary_menu ul .nj_link_btn_2_cont a::after{content: "›";margin-left: 10px;display: inline-block}


.tm_main_secondary_menu ul{gap:0!important;}
.navbar-collapse .navbar-nav {display: flex}
.nj_search_link_cont a{font-size: 0;width: 40px;height: 35px;display: block;background:url(../png/group%203995.png);background-repeat: no-repeat;background-size: 18px;background-position: center;margin-right: 10px;}
/* Search bar */
/* .region-breadcrumb .views-exposed-form{position: absolute;right: 4%;display: none;top:0}
.region-breadcrumb .views-exposed-form.active{display: block!important;top: 52px;width: 300px;right: 4%!important;position: absolute;} */
.region-breadcrumb .views-exposed-form{
    /* position: absolute;
    right: 4%; */
    display: none;
    top:0}
.region-breadcrumb .views-exposed-form.active{
    display: block!important;
    top: 52px;
    /* width: 300px;
    right: 4%!important;
    position: absolute; */
}
.region-breadcrumb{all: unset;}
/* Search bar */

.navbar-expand-lg .navbar-nav .dropdown-menu{padding:6px 0 0;background-color: transparent;border: none;}
header .navbar nav ul li .dropdown-menu li a{color: #000 !important;display: block;  border: 1px solid var(--gray2-color);background-color: #fff;  padding: 12px 15px !important;}
header .navbar nav ul li .dropdown-menu li a:hover{background-color: var(--skyBlue2-color);color: #fff!important;border-color: var(--skyBlue2-color);}

.path-frontpage.fixed-header header nav .navbar-nav li li a{color: #000!important;}

.tb-megamenu .nav{gap: 25px;}
#block-mainnavigation .tb-megamenu .submenu-about{width: 200px !important;padding: 10px;margin-left: 0;top: 38px;position: absolute;}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu{top: 37px;}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item .tb-megamenu-submenu{top:95px}


/* Header Arrow */
header nav .tb-megamenu .tb-megamenu-nav li .dropdown-toggle::after {border: none !important;position: relative !important;top: 4px;content:'›';line-height: 0;margin-left: 8px;transform: rotate(90deg) !important;color: var(--skyBlue2-color);}
/* Header Arrow */

/* Header end */

/* Footer */
#block-socialfootericons{display: none}
footer{background: #000;color: #fff;padding:0 0;}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block{float: none;width: 100%;}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block .navbar-nav{display: block;}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block .navbar-nav li{width: fit-content;display: inline-block;padding-right: 30px;}
footer .region-footer .footer-brands h5::after, footer .region-footer .footer-brands .h5::after, footer .region-footer .footer-menu-commercial-vehicle h5::after, footer .region-footer .footer-menu-commercial-vehicle .h5::after, footer .region-footer .footer-services h5::after, footer .region-footer .footer-services .h5::after, footer .region-footer .footer-spares h5::after, footer .region-footer .footer-spares .h5::after, footer .region-footer .footer-aggregates h5::after, footer .region-footer .footer-aggregates .h5::after {display: none;}
footer .region-footer .footer-brands .navbar-nav li a:hover, footer .region-footer .footer-menu-commercial-vehicle .navbar-nav li a:hover, footer .region-footer .footer-services .navbar-nav li a:hover, footer .region-footer .footer-spares .navbar-nav li a:hover, footer .region-footer .footer-aggregates .navbar-nav li a:hover{color: var(--gray2-color);}
footer .region .block-block-groupfooter-quicklinks-getintouch,footer .region-footer .footer-brands, footer .region-footer .footer-menu-commercial-vehicle, footer .region-footer .footer-services, footer .region-footer .footer-spares, footer .region-footer .footer-aggregates{border: none;padding: 30px 0;border-bottom: 1px solid var(--gray-color);width: var(--container);margin: auto;}
footer .region-footer .footer-aggregates{border-bottom: none;}

footer .region .block-block-groupfooter-quicklinks-getintouch .container{width: 100%}
footer .region .navigation.menu--footer-one .navbar-nav li:first-child a{background-color: var(--skyBlue2-color)}
footer .region .navigation.menu--footer-one .navbar-nav li a{background-color: #000;color: #ffff}
footer .region .navigation.menu--footer-one .navbar-nav li a:hover{color: #fff;}
footer .region .navigation.menu--footer-one{border: none;border-bottom:1px solid var(--gray-color);margin-bottom: 60px;}
footer .region-footer .footer-copyright{height: auto;background-color: var(--skyBlue2-color)}
footer .region-footer .footer-copyright a{color: #fff;text-decoration: none;}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block .navbar-nav li a:hover{color: #fff;}
.footerBottomRowA{display: flex;justify-content: space-between;padding: 40px 0;}
.footerBottomLogo{width: 260px;}
.footerBottomLogo a{display: block;}
.footerBottomLogo a img{}
.footerBottomSos{width: 350px;}
.footerBottomSos ul{display: flex;list-style-type: none;gap:20px}
.footerBottomSos ul li{margin-right: 0 !important;width: 40px;}
.footerBottomSos ul li a{display: block;}
.footerBottomSos ul li a img{}
.footerBottomSos h4{font-weight: normal;font-family: var(--f_regular);margin-bottom: 15px;}
.footerBottomRowB{display: flex;gap:30px;justify-content: space-between;padding:30px 0 60px}
.footerBottomRowB p{margin:auto}
.footerbottombcopy{}
.footerbottomblink{display:flex;gap:30px;width:350px;justify-content: flex-start;}
.footerbottomblink a{}
body .form-select{  appearance: auto !important;background-image: none!important;}
/* Footer End */

/* Hero */
main .block-views-blockhero-slider-block-1 .field__item{height: 75vh;}
#view-id-hero_slider{padding: 7.7vw 0 0 3.2vw}

main .block-views-blockhero-slider-block-1 .flex-control-paging {width: 10px !important;left: inherit;right: 3%;top: 0;bottom: 0 !important;height: fit-content;}
main .block-views-blockhero-slider-block-1 .flex-control-paging li{display: block;margin: 7px 0;}
main .block-views-blockhero-slider-block-1 .flex-control-paging li a{line-height: 0;}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .container{padding: 0 100px;}
main .block-views-blockhero-slider-block-1 .flex-control-paging{width: fit-content;bottom: 5%;}
main .block-views-blockhero-slider-block-1 .flex-control-paging li{width: 10px;height: 10px;}
main .block-views-blockhero-slider-block-1 .flexslider::after {display: none;}



main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row span a{  background: var(--skyBlue2-color) !important;color: #fff!important;border: 1px solid var(--skyBlue2-color) !important;position: relative;  padding: 5px 30px 5px 20px!important;}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .carousel-caption09 .btn-row span a::after{content: "›";position: absolute;right: 10px;font-size: 30px;top: 0;bottom: 0;margin: auto;line-height: 0;height: 3px;}

#view-id-hero_slider .fl_slider_control{position: absolute;bottom: 4vw;left: 7vw;z-index: 19;width: 250px;height: 60px;  }
#view-id-hero_slider .play-pause{position: absolute;color: #fff;bottom: 0;left: 0;right: 0;text-align: center;}
#view-id-hero_slider .slide-counter{color: #fff;position: absolute;top: 0;}
#view-id-hero_slider .progress-bar{position: absolute;height: 2px !important;background-color: #fff !important;z-index: 1;top: 0;bottom:0;left:0;margin: auto;}
#view-id-hero_slider .flex-direction-nav{position: absolute;bottom: 3vw;left: 7vw;z-index: 22;width: 250px;height: 21px;padding: 0;margin: auto;}
#view-id-hero_slider .flex-direction-nav li{height: 20px;position: absolute;top: -20px;cursor: pointer;white-space: nowrap;word-spacing: 2px;width: 37px;}
#view-id-hero_slider .flex-direction-nav li a{display:block!important;position: inherit !important;all: unset;font-size: 0;background: none !important;width: 100%;}
#view-id-hero_slider .flex-direction-nav li a::before{display: none}
#view-id-hero_slider .flex-direction-nav li a::after{display: block;line-height: normal;color: #fff;font-size: 13px;}
#view-id-hero_slider .flex-direction-nav li.flex-nav-prev a::after{content: '‹ Prev';}
#view-id-hero_slider .flex-direction-nav li.flex-nav-next a::after{content: 'Next ›';}
#view-id-hero_slider .flex-direction-nav .flex-nav-next{right: 0;}
#view-id-hero_slider .flex-direction-nav .flex-nav-prev{left: 0;}



.block-views-block-hero-slider-block-2{}
/* Hero end */

/* homeabout_section */
.tataNHomeAbout .tataBtn{  padding: 10px 0 40px;}
.homeabout_section{padding: 220px 0 500px;position: relative;overflow: hidden;}
.homeabout_section h3{font-size: 50px;  font-family: var(--f_heavy);color: #000;}
.tataNHomeAboutCount{padding: 100px 0}
.tatABoutBottomtext{position: absolute;bottom: 1vw;right: 3vw;color: var(--gray2-color);font-size: 14px;}
.tataNHomeAboutCount ul{list-style-type: none;padding:20px 40px;display: flex;width: 100%;margin: auto;gap:50px 0;text-align: center;background: #ffffff4f;flex-wrap: wrap;  justify-content: center;position: relative;}
.tataNHomeAboutCount ul::after{content: '';width: 95%;height: 1px;background-color: var(--skyBlue2-color);position: absolute;inset: 10px 0 0 0;margin: auto;}
.tataNHomeAboutCount ul li{padding:15px 20px;border-left: 1px solid var(--skyBlue2-color);  width: 20%;  min-height: 130px;}
.tataNHomeAboutCount ul li p{margin: auto;}
.tataNHomeAboutCount ul li:first-child{border: none}
.tataNHomeAboutCount ul li h2{font-size: 40px;color: var(--skyBlue2-color);padding-bottom:5px}
.tataAboutbgImg{background-image: url(../jpg/image_1.jpg);background-size: 100%;background-position: center bottom;position: absolute;width: 100%;left: 0;right: 0;top: 0;height: 100%;pointer-events: none;z-index: -1;background-repeat: no-repeat;}
/* homeabout_section end */

/* Commercial Vehicles */
.HomePageCommercialVehicles{padding: 100px 0}
.homeCVsectionRow{ padding:30px 0;}
.homeCVsectionCol{text-align:center;padding:0;list-style-type: none;display: grid;grid-template-columns:repeat(3, 1fr); }
.homeCVsectionCol li{width: 100%;padding:50px 30px; border: 1px solid var(--gray2-color);border-top:none}
.homeCVsectionCol li:nth-of-type(3n+1){border-left: none;}
.homeCVsectionCol li:nth-of-type(3n+3){border-right: none;}

.homeCVsectionCol li:nth-last-of-type(-n+3){border-bottom: none;}
.homeCVsectionColHd{min-height: 100px;}
.homeCVsectionColImg{padding:0px 0;height: 240px;display: flex;justify-content: center;align-items: center;}
.homeCVsectionColImg img{display: block;width: 100%;height: 240px;object-fit: contain}
.homeCVsectionColBtn{padding-top: 30px}
/* Commercial Vehicles End */

/* Non-Vehicular Businesses */
.tataNonVehiSec{padding: 5.4vw 0}
.tataNonVehiSecRow{background-color: var(--skyBlue-color);padding: 50px;}
.tataNonVehiSecCol{display: flex;gap: 20px;}
.tataNonVehiSecColItem{width: 100%;text-align: center;display: flex;flex-wrap: wrap;row-gap: 30px;}
.tataNonVehiSecColItemIn{width: 100%;background: #fff;padding: 20px;}
.tataNonVehiSecColItem:first-child{width: 60%;}
.tataNonVehiSecColItem ul{display: flex;flex-wrap: wrap;gap: 20px;list-style-type: none;padding: 0;justify-content: center;margin: auto;  padding: 15px 0;}
.tataNonVehiSecColItem ul li{width: 45%;display: flex;display: flex;align-items: center;justify-content: center;}
.tataNonVehiSecColItem ul img{width: 100%;  margin: -13px 0;object-fit: contain;}
.tataNonVehiSecColItemInServices ul{height: 100%;}
.tataNonVehiSecColItemInSpares ul li, .tataNonVehiSecColItemInAggregates ul li, .tataNonVehiSecColItemInFleetedge ul li{width: 29%;}
.tataNonVehiSecColItemInHd {display:flex;align-items:center;justify-content: center; width: 100%;position: relative;margin-bottom: 10px;}
.tataNonVehiSecColItemInHd h3 {padding: 0 20px; font-size: 25px;font-weight: bold;color: var(--skyBlue2-color);background: #fff; z-index: 1; margin: auto; }
.tataNonVehiSecColItemInHd::before {content: "";position: absolute;inset:0%;width: 100%; height: 1px;background-color: var(--skyBlue2-color);margin: auto; }
/* Non-Vehicular Businesses End */

/* The Legacy Of Tata Motors */
.homelegacy_section{margin: 100px 0 0;padding: 5.4vw 0;}
.homelegacy_section .container{position: relative}
.homelegacy_section .container::after{content: '';position: absolute;width: 100%;height: 100%;background: var(--gray3-color);top: 0;display: block;right: -50%}
.homelegacy_row{background: var(--gray3-color);padding: 30px 30px 60px 9vw;color:#fff;position: relative;z-index: 2}
.homelegacy_img{margin: -145px 0 0 0;}
.homelegacy_img img{width: 100%;}
.homelegacy_text{margin:auto;margin-bottom: 0;padding: 0 3vw;font-size: 14px;}
.homelegacy_text .hd1{margin-bottom: 20px;}
/* The Legacy Of Tata Motors End */

/* The Future of Commercial Vehicles */
.homeFutureCommVehiclesList{  padding: 5.4vw 0 0;margin: -90px 0 0;}
.homeFutureCommVehicles_section{padding: 0 0 50px;overflow: hidden}
.homeFutureCommVehicles_section .container{width: 100%;}
.homeFutureCommVehicles_section .container .container{width: var(--container);}
.homeFutureCommVehiclesRow{}
.homeFutureCommVehiclesRow ul{list-style-type: none;display: flex;gap: 30px;padding: 0;width: 100%;justify-content: space-around;background-color: var(--skyBlue-color); padding:90px 40px;position: relative;}
.homeFutureCommVehiclesRow ul::after{content: '';position: absolute;width: 100%;height: 100%;background: var(--skyBlue-color);top: 0;display: block;right: -50%;z-index:-1}
.homeFutureCommVehiclesRow ul li{width: 100%;display: flex;gap: 30px;padding:0 30px;border-right: 1px solid var(--skyBlue2-color);}
.homeFutureCommVehiclesRow ul li:last-child{border-right: none;}
.homeFutureCommVehiclesRow ul li *{margin: auto;}
.homeFutureCommVehiclesRow ul li img{height: 90px;}
.homeFutureCommVehiclesRow ul li h5{font-size: 25px;font-weight: bold;}
/* The Future of Commercial Vehicles End */

/* Latest Updates */
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav{border-radius: 0;background-color: #fff;border: 1px solid var(--gray-color);padding: 5px;width: 95%;}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav li a ,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav li a{border-radius: 0!important;  font-family: var(--f_bold);}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a{background-color: var(--skyBlue2-color)}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date .home-news-tags ul li,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-publish-date .home-news-tags ul li{background-color: var(--skyBlue2-color);color: #fff;}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image,main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image{height: 300px;}
main .latestUpdateHd {padding: 160px 0 30px!important;  margin-bottom: 60px;}
main .latestUpdateHd .container{padding:60px 0 0!important;;}
main .latestUpdateHd.tataTBorder::before{background-color: transparent!important;}
.latestUpdateTab .blocktabs{padding: 50px;padding-top: 0;}
.latestUpdateTab{position: relative;overflow: hidden;margin-bottom: 80px;}
.latestUpdateTab::after{content:'';border: 1.5px solid var(--skyBlue2-color) !important;position: absolute;width: 100%;height: 100%;top: 0;left: 3.1vw;border-top:0!important;pointer-events: none;}
main .latestUpdateTab .ui-widget.ui-widget-content .ui-tabs-panel .view-footer,main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-footer{    padding: 60px 0 0;}
/* Latest Updates End */

/* Slider */
.tm-home-rb-middle-slider .container{position: relative;}

.tm-home-rb-middle-slider .tataBtn{position: absolute;bottom: -30px;right: 0;background: #fff;padding-left: 30px}
.home-rb-mobility-slider-section{padding:  0;position: relative;margin-bottom: 70px;}
.home-rb-mobility-slider-section .tm-home-rb-middle-slider-row{padding:15px;}
.home-rb-mobility-slider-section .tm-home-rb-middle-slider-row .views-field{}
.home-rb-mobility-slider-section .tm-home-rb-middle-slider-row .njtm_img{}
.home-rb-mobility-slider-section .tm-home-rb-middle-slider-row .njtm_img img{width:100%;height: 255px;display: block;object-fit: cover;}
.njtm_t1{margin: auto;margin-bottom: 10px;padding-bottom: 10px;  font-size: 20px;  font-family: var(--f_bold) !important;}
.home-rb-mobility-slider-section .njtm_txt{padding:30px 25px 10px 50px;text-align: right;width: 88.9%;margin: auto;margin-right: 0;background-color: var(--skyBlue2-color);min-height: 160px;font-size: 14px;color: #fff;}
.home-rb-mobility-slider-section .slick-arrow{position: absolute;width: 50px;height: 50px;font-size: 0;border: none;z-index: 2;bottom: -100px;left: 0;background-color: #fff;border: 1px solid var(--gray-color);color: var(--skyBlue2-color);}
.home-rb-mobility-slider-section .slick-arrow:hover{background-color: var(--skyBlue2-color);color: #fff;}
.home-rb-mobility-slider-section .slick-arrow::after{position: absolute;content: "›";inset: 0;display: block;z-index: 22;font-size: 24px;height: 0px;width: 5px;margin: auto;line-height: 0;}
.home-rb-mobility-slider-section .slick-prev::after{transform: rotate(180deg);height: 8px}
.home-rb-mobility-slider-section .slick-next{left: 65px;}
.home-rb-mobility-slider-section .slick-list{overflow: hidden;}
.home-rb-mobility-slider-section .view-footer{position: absolute;width: 75vw;height: 4px;background: #ddd;right: 0;bottom: -80px;}
.home-rb-mobility-slider-section .view-footer .slick-progress-bar-container{ position: absolute; left: 0;width: 100%;top: 0;bottom: 0;height: 100%;}
.home-rb-mobility-slider-section .progress-bar{position: absolute;bottom: 0;left: 0;height: 100%;background-color: var(--skyBlue2-color);z-index: 1;transition: all 0.5s ease-in-out;}
.home-rb-mobility-slider-section .nj-extreme-right-conf{position: relative}
.home-rb-mobility-slider-section{position: relative;}
.home-rb-mobility-slider-section::after{content:''!important;display: block!important;position: absolute!important;z-index: 3!important;pointer-events: none!important;border:1.5px solid var(--skyBlue2-color) !important;width:96.8% !important;height: 100%!important;right: 0!important;top:0vw!important; border-right: 0!important; border-top: 0!important;}
.home-rb-mobility-slider-section .tm-home-rb-middle-slider{ overflow: hidden; padding: 0 0 10vw;}

/* Slider End */

/* Why Choose Us */
.commVehiclesHome{background-color: var(--skyBlue-color);padding: 2vw;position: relative;z-index: 2;}
.home_whychooseus .container{position: relative;}
.home_whychooseus .container::after{content: '';position: absolute;width: 100%;height: 100%;background: var(--skyBlue-color);top: 0;display: block;right: -50%;pointer-events: none;}

.commVehiclesHome ul{list-style-type: none;grid-template-columns: repeat(4,1fr);display:grid;gap:0;text-align:center;padding: 0;}
.commVehiclesHome ul li{padding: 20px 30px;margin: 0;border-right:1px solid var(--skyBlue2-color);width: 100%;}
.commVehiclesHome ul li:last-child{border: none;}
.commVehiclesHomeColImg{padding-bottom: 20px}
.home_whychooseus{padding: 5.4vw 0 60px 0!important}
/* Why Choose Us End */


/* Why shift to EVs */
.tabEvsHome, #key-adv-FE{position: relative;}
.tabEvsHome .container{position: relative}
.tabEvsHome #v-pills-tab{position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: fit-content;z-index:2;padding: 30px 0 !important;  background: var(--blue-color);width: 330px;}
.tabEvsHome #v-pills-tab .nav-link{color: #fff;background-color: transparent!important;width: 80%;margin: auto;text-align: left;position: relative;}
.tabEvsHome #v-pills-tab .nav-link.active{color: #fff!important;background-color: transparent!important;}
.tabEvsHome #v-pills-tabContent{display: flex;background: var(--skyBlue-color);gap: 0;padding: 0 !important;justify-content: start;padding-right: 15vw !important;width: 90%;}
.tabEvsHome .circular-image-border{width: 100%;}
.tabEvsHome .circular-image-border img{width: 100%;display: block}
.tabEvsHome .tab-pane{padding: 2vw;width: 70%;margin: auto;}
.tabEvsHome #v-pills-tab .nav-link .bs6-btn-number{position: absolute;left: 0;opacity: 0;transition: all 0.5s ease-in-out;  rotate: 180deg;}
.tabEvsHome #v-pills-tab .nav-link.active .bs6-btn-number{position: absolute;left: -5px;opacity: 1;}
.tabEvsHome .tataTcontainerNoBorder::after,.tabEvsHome .tataTcontainerNoBorder::before {top: -1vw !important;}
.tabEvsHome .container{width: 100%;}
.tabEvsHome .container .container{width: var(--container);}
.evstabWrap{padding:5.4vw 0;position: relative;}
.tabEvsHome .comm-vehicles-home-block{    margin-bottom: -3vw;}
/* Why shift to EVs End */

/* Meet Our Partners */
.truckmeetourpartners_row {padding: 10vw 0 0;}
.meetPartners .container .container{padding: 0;}
.truckmeetourpartners_row .truckmeetourpartnersMap svg{background-image: url("../jpg/mapaad0.jpg?VersionId=IPP9C2uyuDj62g3teLpC5zFbN8OmSiKd");
pointer-events: none;background-size: cover;background-position: top center;}
.truckmeetourpartners_row .truckmeetourpartners ul{padding: 0;grid-template-columns: repeat(4,1fr);width: fit-content;display: grid;margin: auto;}
.truckmeetourpartners_row .truckmeetourpartnersNav{margin: auto;}
/* Meet Our Partners */

/* Voice of Success */
.testimonialHtxt{position: absolute;right: 0;width: 50%;top: -100px;text-align: left;}
.home_rb_testimonials_wrapper{position: relative;padding: 8.4vw 0;margin: 40px 0 0;clip-path: inset(0px 0px 0px 4vw);}
.home_rb_testimonials_wrapper .container::after {content: '';position: absolute;width: 100%;height: 100%;background: var(--skyBlue2-color);top: 0;display: block;right: -50%;}
.home_rb_testimonials_wrapper .container{position: relative;background: var(--skyBlue2-color);  padding: 22px 0 10px;}
.home_rb_testimonials_wrapper .slick-slider .field-content{position: relative}
.home_rb_testimonials_wrapper .postImgTextStyle{position: relative;}
.home_rb_testimonials_wrapper .postImgTextStyleBg{height:500px;display: flex;align-items: end;}
.home_rb_testimonials_wrapper .postImgTextStyleBg a{display: block;width: 100%;height: 60%;transition: all 0.5s ease-in-out;}
.home_rb_testimonials_wrapper .slick-slide.slick-current .postImgTextStyleBg a{height: 100%}
.home_rb_testimonials_wrapper .postImgTextStyleBg a img{width: 100%;height: 100%;object-fit: cover;}
.home_rb_testimonials_wrapper .postImgTextStyleTitle{padding: 0;position: absolute;bottom: 0;left:0;padding:30px;width: 100%;color: #fff;}
.home_rb_testimonials_wrapper .postImgTextStyleTitle .gallery-title{color: #fff;font-size:18px}
.tm-home-rb-testimonial-slider .slick-slider{width:85%;padding: 0;margin: -200px 0 0;  z-index: 2;}
.tm-home-rb-testimonial-slider .slick-list{overflow: inherit;}
.tm-home-rb-testimonial-slider .slick-slide .views-field{padding: 20px;}
.tm-home-rb-testimonial-slider .view-footer{position: absolute;padding: 0;}


/* Slider Arrows and Pro */
.tm-home-rb-testimonial-slider .slick-arrow{position: absolute;width: 50px;height: 50px;font-size: 0;border: none;z-index: 2;bottom: -110px;left: 0;background-color: #fff;border: 1px solid var(--gray-color);color: var(--skyBlue2-color);}
.tm-home-rb-testimonial-slider .slick-arrow:hover{background-color: var(--skyBlue2-color);color: #fff;}
.tm-home-rb-testimonial-slider .slick-arrow::after{position: absolute;content: "›";inset: 0;display: block;z-index: 22;font-size: 24px;height: 0px;width: 5px;margin: auto;line-height: 0;}
.tm-home-rb-testimonial-slider .slick-prev::after{transform: rotate(180deg);height: 8px}
.tm-home-rb-testimonial-slider .slick-next{left: 65px;}
.tm-home-rb-testimonial-slider .slick-list{overflow: inherit;}
.tm-home-rb-testimonial-slider .view-footer{position: absolute;width: 81vw;height: 4px;background: #ddd;right: 0;bottom: -80px;}
.tm-home-rb-testimonial-slider .view-footer .slick-progress-bar-container{ position: absolute; left: 0;width: 100%;top: 0;bottom: 0;height: 100%;}
.tm-home-rb-testimonial-slider .progress-bar{position: absolute;bottom: 0;left: 0;height: 100%;background-color: var(--skyBlue2-color);z-index: 1;transition: all 0.5s ease-in-out;}
/* Slider Arrows and Pro End */

/* Voice of Success */
.form-select {background-color: #0000008f !important;background: #0000008f url(../png/downarrowcfe3.png?VersionId=PhQMSD3EM7Gh067QcSUGpHeEAxH9AnAw) 95% center no-repeat !important;-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;}

/* Services that will Help Your Business */
.homeServicesthatwillHelpYourBusiness_wrap{padding: 12vw 0 2vw;margin-bottom: 100px;}
.homeServicesthatwillHelpYourBusiness_wrap.tataTcontainerBorder::before {height: 85%!important}
/* Services that will Help Your Business */

/*  Find the Right Truck for your needs  */
.tm_vehicle_finder_section{padding: 5.4vw 0;color:#fff}
.tm_vehicle_finder_section .container{background-image: url('../jpg/image(2)a61b.jpg?VersionId=ktNE6XPubx4MBbUB91SIYcysUVkMurC8');background-size: cover;background-position: center center;background-repeat: no-repeat;padding: 130px 3vw;position: relative; }
.tm_vehicle_finder_section .container::after{content: '';position: absolute;inset: 0;width: 100%;height: 100%;background: #000000b0;z-index: 0;}
.tm_vehicle_finder_section .container .container::after{display: none}
.tm_vehicle_finder_section .container .container{background-image: none;padding: 0;}
.view-id-truck_finder .view-header{text-align: center;font-size: var(--headingS1);font-family: var(--f_heavy);color: #fff;position: relative;z-index: 2;}
.view-id-truck_finder .view-footer{display: block;text-align: center;padding-top: 50px;position: relative;z-index: 2;}
.view-id-truck_finder .view-filters form{display: block;position: inherit;width: 100%;margin: auto;padding: 0;right: 0;left: 0;}
main .view-id-truck_finder .view-filters .form--inline{all:unset;margin: auto;width: 90%;display: block;display: flex;gap: 20px;}
main .view-id-truck_finder .view-filters{position: relative;z-index: 2;}
.view-filters .form--inline .form-item{width: 100%}
main .view-id-truck_finder .view-filters .form--inline::before{display: none}
.view-id-truck_finder .view-filters .form--inline .form-item .form-control{background: #0000008f;color: #fff;padding: 14px 37px;}
.view-id-truck_finder .btn-block-center{position: relative;z-index: 22222;}
.view-id-truck_finder .tm_find_vehicle_btn{display: inline-block;padding: 10px 20px;padding-right: 35px;text-decoration: none;position: relative;font-family: var(--f_bold);background: #fff;color: var(--blue-color);border: 1px solid #fff;cursor: pointer;}
.view-id-truck_finder .tm_find_vehicle_btn:hover{background-color: var(--skyBlue2-color);color: #fff;}
.view-id-truck_finder .tm_find_vehicle_btn::after {content: "›";position: absolute;right: 10px;font-size: 30px;top: 0;bottom: 0;margin: auto;line-height: 0;height: 3px;}
/*  Find the Right Truck for your needs  */


/* Home Contact */
.homecontactWrap{text-align: center;padding: 60px 0;}
.homecontactWrap ul{display: flex;width: fit-content;margin: auto;padding: 0;gap: 30px;list-style-type: none;align-items: center;}
.homecontactWrap ul li{padding: 10px 30px;font-size: 20px}
.homecontactWrap ul li p {margin: auto;}
.homecontactWrap ul li p span{margin: auto;font-size: 16px;color: var(--skyBlue2-color);}
.homecontactWrap ul li:nth-child(2){border-left:1px solid;border-right: 1px solid;font-size:35px }
.homecontactWrap ul li a{display: flex;gap: 16px;align-items: center;text-transform: uppercase;font-family: var(--f_bold);color: var(--blue-color);}
/* Home Contact */

/* Driving Towards */
.homeDrivingTowards{  padding: 9vw 0 50px;margin-bottom: 60px}
.homeDrivingTowards.tataTBorder::before{  height: 80% !important;}
.homeDrivingTowards.tataTBorder .container { width: 100%; padding: 50px 0 50px 100px;}
.driving-towards .col-md-6{margin: auto;}
.driving-img{overflow: hidden;}
.driving-img img{display: block;width: 100%; position: relative;left: 7%;}
/*  Driving Towards End*/


/* Our Service Css Start */
.our-Services h2{  font-size: var(--headingS1);margin-bottom:10px;}
.our-Services { text-align: center;}
.our-Services h3,.our-Services p {text-align: center;}
.serviceslist {display: flex; justify-content: center; padding: 40px 90px;}
ul.serviceslist li {display: inline-block;list-style: none;width: 20%;border-right: 1px solid #000}
ul.serviceslist li:last-child {border-right: none;}
ul.serviceslist li span {font-size: 40px; font-weight: 500; line-height: 54px; color: #307FE2;  font-family: var(--f_bold);}
ul.serviceslist li p {font-size: 16px;}
.clientlogoBlock { display: flex; justify-content: unset;gap: 35px;}
.clientLogo {display: inline-block;width: 25%;}
.clientLogo p {text-align: left;margin-top: 10px;}
/* Our Service Css End */

/* Uncompromised Trucking */
main #block-views-block-home-page-category-section-block-1 { padding: 0  !important;}

#block-views-block-home-page-category-section-block-1 .view-content .views-row-even,
#block-views-block-home-page-category-section-block-1 .view-content .views-row-odd {border: none !important; }

#block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content img:nth-child(1),
#block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content img:nth-child(1) {
height:80px !important;clip-path: none !important; background-color: #fff  !important;    padding: 15px 0!important;}
main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content p, main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content p{padding: 0 0 15px;}
.home-page-promotion img{width: 100%;}
.homeUncompromisedTruckingWrap h5 {font-size: 5vw !important;line-height: 6vw;  font-family: var(--f_heavy);color: #000 !important;}
.homeUncompromisedTruckingWrap

.homeUncompromisedTruckingWrap p {font-size: 16px !important;line-height: 26px;font-weight: 350;color: #000 !important; margin-top: 10px;text-align: center;}

.homeUncompromisedTruckingWrap #block-views-block-home-page-category-section-block-1 .view-content .views-row-even,
.homeUncompromisedTruckingWrap #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd {
border: none !important;}

.homeUncompromisedTruckingWrap main #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content img:nth-child(1),
.homeUncompromisedTruckingWrap main #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content img:nth-child(1) {
height: 50px;}

.homeUncompromisedTruckingWrap .home-page-promotion {padding: 30px 50px;}

.homeUncompromisedTruckingWrap .home-page-promotion h3 {display: none}

.homeUncompromisedTruckingWrap .home-page-promotion p {text-align: left;font-size: 16px !important;line-height: 26px;font-weight: 350;color: #000 !important;margin-top: 10px;}

.homeUncompromisedTruckingWrap .home-page-promotion a {text-decoration: none !important; display: inline-block !important; background:var(--blue-color) !important; color: #fff !important;
padding: 12px 40px 12px 20px !important;margin-left: 0 !important;font-size: 16px !important;}
.homeUncompromisedTruckingWrap .home-page-promotion a:hover{background:var(--skyBlue2-color) !important;}
.homeUncompromisedTruckingWrap .home-page-promotion a::after { content: "›" !important;font-weight: normal !important;margin-left: 5px !important;width: 25px !important;height: 17px !important;display: inline-block !important;position: relative;top: 12px !important;font-size: 30px !important;line-height: 0 !important;color: #fff !important;right: 5px !important;}

.homeUncompromisedTruckingWrap .home-page-promotion a:hover {background:var(--skyBlue2-color);color: #fff; border: 1px solid var(--Blue-color);}

.homeUncompromisedTruckingWrap .home-page-promotion a:hover::after {color: #fff!important;}

.homeUncompromisedTruckingWrap .views-row-even.col-3,
.homeUncompromisedTruckingWrap .views-row-odd.col-3 { width: 49% !important;}

.homeUncompromisedTruckingWrap #block-views-block-home-page-category-section-block-1 .view-content .views-row-even .field-content img:nth-child(1),
.homeUncompromisedTruckingWrap #block-views-block-home-page-category-section-block-1 .view-content .views-row-odd .field-content img:nth-child(1) {
background: transparent !important; height: 320px; margin-bottom: 10px;}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form{color: #000;}




/* Trucks css (rohit) */

/* contact */
.contact main{margin-top:200px}
.contact .internal-banner-slider .inner-banner-item09 .container .inner-banner-caption09{bottom:25% !important;left:10% !important;}
.contact .internal-banner-slider .inner-banner-item09 .container .field__item{width:96.8%;margin-left:auto;margin-top:37px}
.contact .internal-banner-slider{position: relative;  padding: 2vw 0 0 0;}
.contact .internal-banner-slider::after,
.contact .internal-banner-slider::before{position:absolute;}
.contact .internal-banner-slider::before {content: "" !important;width: 5.1vw !important;height: 9vw !important;right: inherit !important;top: 1.6vw !important;left: 0px !important;border-width: 0px !important;border-style: solid !important;border-color: initial !important;border-image: initial !important;background: rgb(255, 255, 255) !important;z-index:1}
.contact .internal-banner-slider::after {content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: 1.6vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background: var(--skyBlue2-color) !important;z-index:1;}
.contact .assistance-blue-box .container{width:100%;}
.contact .assistance-blue-box .services-assistance-block{width:100%;border-radius: 0px !important;position:relative;z-index:1;background:var(--skyBlue-color);}
.contact .container .field--type-text-with-summary{width:96.14%;margin-left:auto;}
.contact .assistance-blue-box .services-assistance-block::after{position: absolute;content:'';background: var(--skyBlue2-color);width:100%;height: 100%;top:0;right: -50%;z-index:-1;transform: skew(-50deg)}
.contact .services-assistance-block h3{color: var(--black-color) !important;}
.contact .services-assistance-block p{color: var(--black-color) !important;}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs{border-radius:0px;width: auto;background: transparent;width:auto;border:none;border-bottom:1px solid #D9D9D9;padding-bottom:0px;gap:30px;margin-bottom:80px}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs li button{color: var(--black-color);border: 0px;padding: 10px 20px 10px 20px;}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs li button:nth-child(1){margin-left:auto;}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs li:nth-child(2) button{margin-left:0 !important;}
.contact .contact-us-locations-map #view-id-contact_us_locaitons .nav-tabs li button.active{border-radius: 0px;color: var(--skyBlue2-color);background:transparent !important;border-bottom:2px solid}
.contact .internal-banner-slider .inner-banner-item09 .container img{height:350px !important}
.contact-us-locations-map .container .container{width:100% !important;}
.contact-us-locations-map iframe{width:100% !important;}
.contact-us-locations-map #view-id-contact_us_locaitons .tab-content{position: relative}
.contact-us-locations-map #view-id-contact_us_locaitons .tab-content::after,
.contact-us-locations-map #view-id-contact_us_locaitons .tab-content::before{position:absolute;}
.contact-us-locations-map #view-id-contact_us_locaitons .tab-content::before {content: "" !important;width: 5.1vw !important;height: 9vw !important;right: inherit !important;top: -2vw !important;left: 0px !important;border-width: 0px !important;border-style: solid !important;border-color: initial !important;border-image: initial !important;background: rgb(255, 255, 255) !important;z-index:1}
.contact-us-locations-map #view-id-contact_us_locaitons .tab-content::after {content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: -2vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background: var(--blue-color) !important;z-index:1;}
.contact-us-locations-map .container{width:100% !important;}
/* contact */

/* All Trucks */
.details .view-trucks-listings .container .view-filters{height:100vh;}
.details .view-trucks-listings .container .view-filters .form--inline .form-item .card-header::after{  background-image: none!important;width:25px;height:25px;background-size: cover !important;border: 1px solid var(--skyBlue2-color);border-radius: 100%;content: '+';font-weight: 100;font-family: var(--f_book);display: flex;justify-content: center;line-height: 0;align-items: center;width: 20px;height: 20px;color: var(--skyBlue2-color);}
.details .view-trucks-listings .container .view-filters{background: transparent;}
.details .view-trucks-listings .container .view-filters .form--inline .js-form-type-textfield .form-control{background-color: transparent;border-radius: 0px;margin-bottom: 10px;}
.all-trucks .container-fluid{overflow: inherit;}
.all-trucks  .details .view-trucks-listings .container .view-filters .form--inline .form-item .card-header::after{width:20px !important;height:20px !important;}
.all-trucks .view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(5){display: block;background-image: url(../png/pdf-icon.png);border: none;width: 35px;height: 35px;background-size: cover;top: 5px;}
.all-trucks .view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(6){display: none;}
.all-trucks .view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(4){width:80% !important;background-color: var(--skyBlue2-color);}
.all-trucks .view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(7){border-radius:100% !important}
.all-trucks .view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc .col-4 h5{font-size:17px !important;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: var(--f_regular);}
.view-trucks-listings .row .views-field .trucks-list-wrapper .truck-desc div:nth-child(7){width:40px;}
.view-trucks-listings .view-header{  width: 0;}
.snt-list-filter-btn{display: none;}
.view-trucks-listings .view-header{  width: 0;}
.snt-list-filter-btn{display: none;}
.details .view-trucks-listings .container .view-filters label{font-size: 15px;position: relative;top: 0;color:rgba(0, 0, 0, 1)}

.details .view-trucks-listings .container .view-filters .form--inline .form-item .details-wrapper .fieldset-legend{display: none}
.view-filters .form--inline .js-form-wrapper.form-wrapper .fieldset-wrapper{left: 0;display: block;}

/* faqs */
.all-trucks .view-id-view_faqs_product_list{margin-top:10px;  padding-right: 60px;}
.all-trucks .ui-accordion{border-bottom:1px solid #C0C5C7;}
.all-trucks .block-views-blockview-faqs-product-list-block-1{width:100%;margin-left: auto;margin-bottom: 100px;padding-left: 380px;}
.all-trucks .block-views-blockview-faqs-product-list-block-1 h2{text-align: center;}
.all-trucks .faqfield-question{background:transparent;border-radius: 0px;border:none;font-size: 22px;font-family: var(--f_regular);color:var(--black-color);}
.all-trucks .faqfield-question span{position: absolute;font-size: 0px;right: 0;width: 18px;height: 18px;background-size: cover;background: url(../png/plus.png) !important;}
.all-trucks .faqfield-question.ui-state-active span{background: url(../png/minus.png) !important;width: 18px !important;height: 2px !important;  top: 35px;}
.block-views-blockview-faqs-product-list-block-1 .container{width: 100%}
.all-trucks .faqfield-question{text-transform: capitalize;  padding: 20px 0;}
.view-view-faqs-product-list  .ui-accordion .ui-accordion-content {padding: 1em 0em;}
/* faqs */
/* All Trucks */

/* Dealers */

.dealar_h1{text-align:center;margin-bottom: 40px;}
.dealer_h1 h1{font-size:50px !important;font-family:var(--f_heavy) !important;}

/* Dealers */

/* Trucks Details */

.ultratata-ultra-t6 .accordion .accordion-body .views-field-field-benefit-media{left:inherit !important;right: 0;}
.ultratata-ultra-t6 .view-content .accordion{padding-left: 0 !important;}
.ultratata-ultra-t6 .view-content .accordion .accordion-item{width: 35%}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-nav{border:1px solid var(--gray-color);padding:5px !important;width:95% !important;border-radius:0px;background:#fff;}
.page-node-type-products .block .block-blocktabs-blocktrucks-latest-updates-all-tab-blocks- .ui-widget.ui-widget-content .ui-tabs-nav li.ui-tabs-active a{background:var(--skyBlue2-color);border-radius:0}
.page-node-type-products .block .services-generic-block .trucks-services-text h4{color: var(--skyBlue2-color);}

/* Product links */
.productdetails-Wrap{padding: 10px 0px 150px 0px;}
.productdetails-Wrap ul{display: flex;width: fit-content;margin: auto;padding: 0;gap: 30px;list-style-type: none;align-items: center;}
.productdetails-Wrap li{padding: 10px 30px;font-size: 20px;}
.productdetails-Wrap li a{display: flex;gap: 16px;align-items: center;text-transform: uppercase;font-family: var(--f_bold);color: #000;}
.productdetails-Wrap li:nth-last-child(2){border-left: 2px solid #BEC3C8;border-right: 2px solid #BEC3C8;}

@media(max-wdith:768px){
  .productdetails ul{flex-wrap: wrap}
  .productdetails-Wrap li{margin: auto;}
  .productdetails-Wrap li a{margin: auto;width: fit-content;}
}
/* Product links */

/* Trucks Details */

/* About */
.abtmnhd{font-size:60px;}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one h2{color:var(--skyBlue2-color);font-size:45px;font-family:var(--f_regular) !important;}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one p{text-align: center !important;}
.abtnumbs{margin-top: 60px;}
.suppport-email-us.col-3{position:relative;}
.suppport-email-us.col-3::after{position:absolute;content:'';background:var(--skyBlue2-color); width:1.5px;height:90%;right:0;top:0;}
.suppport-email-us.col-3:last-child::after{content:none;}
.page-node-type-about-us .about-us-our-brands .view-content .row div .field__item img{border-radius:0px !important;}
.page-node-type-about-us .about-us-our-brands .view-content .views-field-field-about-brand .field-content{font-size: 15px;}
.page-node-type-about-us .about-us-our-brands .view-content .row div .views-field-field-brand-link a{background: var(--skyBlue2-color);color: var(--white-color);text-decoration: none;padding: 7px 40px 7px 30px;margin-top: 20px;font-size: 15px;}
.page-node-type-about-us .about-us-our-brands .view-content .row div .views-field-field-brand-link a::after{right:18px !important;top:-2px !important;font-size:24px}
.page-node-type-about-us .about-us-our-brands .view-content .row div .field__item img{border-radius:0px !important;}
.about .accordion-button{position: relative;}
.about .accordion-button[aria-expanded="true"]::after{position:absolute;content:'';background: url(../png/minus.png)no-repeat;background-size: cover;width:18px;height:2px;right: 0;top:auto;}
.about .accordion-button[aria-expanded="false"]::after{position:absolute;content:'';background: url(../png/plus.png)no-repeat;background-size: contain;width:18px;height:18px;right: 0;top:auto;}

.page-node-type-about-us .about-us-our-brands .view-content .row div .views-field-field-brand-link{text-align: center !important;}
.page-node-type-about-us .about-us-our-brands .view-content .views-field-field-about-brand .field-content{text-align: center !important;}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1{padding:140px 0 0 0 !important;}
.page-node-type-about-us .region-content{position: relative;}
.page-node-type-about-us .region-content::after{position:absolute;content:'' !important;width:5.1vw !important;height:9vw !important;top:5vw;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);pointer-events: none !important;}
.page-node-type-about-us .region-content::before{position: absolute;content:'' !important;border:1.5px solid var(--skyBlue2-color);width:96.8%;height: 1010px;top:7.6vw;border-right:0 !important;right:0;pointer-events: none !important;}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body .views-field-field-accordion-media{position: absolute;right: inherit !important;left:0;}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion{padding-right: inherit !important;width:40% !important;margin-left:auto !important;}
.page-node-type-about-us .about-us-our-brands{padding:80px 0px 6% 0px !important;}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1{padding:180px 0 0 0 !important;}

.evltrucks{padding:50px 0 0;background:inherit !important;}
.evltrucks .container{position:relative;}
.evltrucks .container::after{position: absolute;content: '';background: var(--skyBlue2-color) !important;width: 150%;height: 55%;right: -50%;bottom: 0;z-index: -1}
.evltrucks .evolution-block-wrapper{justify-content: center;align-items: end;padding: 50px;}
.evltrucks .evolution-desc{padding: 60px 0px 80px 50px;color: var(--white-color);}
.evltrucks .evolution-desc span{font-size: 30px;}
.evltrucks .evolution-desc p{color: var(--white-color)}
.evltrucks .evolution-desc h2{margin-top: 20px;margin-bottom:0px;text-align: left;}
.evltrucks .evolution-desc .hdEvolution{color: #fff;}
.evltrucks .evolution-desc h2 span{font-size: 40px;font-family: var(--f_regular);color: var(--white-color);}
.evltrucks .view-content{padding-top:50px;}
.evltrucks .img-fluid{width: 100%;height: auto;}
.evltrucks .slick-arrow::after{position: absolute;content: "›";inset: 0;display: block;z-index: 22;font-size:24px;width:5px;height:5px;margin:auto;line-height:0;}
.evltrucks .slick-prev::after{height:8px;}
.evltrucks .slick-next{right:  36% !important;}
.evltrucks .slick-prev{right:  42% !important;transform: rotate(180deg);height: 8px}
.evltrucks .slick-arrow{font-size: 0;position: absolute;width: 50px;height: 50px;z-index: 2;bottom: 50px;border: 1px solid var(--white-color);background: transparent;color: var(--white-color);}
.evltrucks .view-footer{position: absolute;width: 33%;height: 4px;background: #BEC3C8;right: 0px;bottom: 11%;}
.evltrucks .progress-bar{position: absolute;bottom: 0;left: 0;height: 100%;background-color: var(--white-color);z-index: 1;transition: all 0.5s ease-in-out;}
.evltrucks.tataTcontainer::after{top:41.7% !important;}
.evltrucks.tataTcontainer::before{top:41.7% !important;}
.page-node-type-about-us .view-accolades .js-pager__items li a::after{content:'+' !important;right:20px;top:2px}
.page-node-type-about-us .view-accolades .js-pager__items li a{background: var(--skyBlue2-color) !important;color:var(--white-color);padding: 10px 40px 10px 30px;text-decoration:none;margin-top: 20px;}

.about-us-sustainibity-slider .slick-arrow{font-size: 0px;position:absolute;width:50px;height:50px;z-index: 2;bottom:-20px;color:var(--skyBlue2-color);border:1px solid var(--gray-color);background: var(--white-color);}

.about-us-sustainibity-slider{position:relative;background:inherit !important;padding-bottom:120px !important;padding-top:200px !important;padding-bottom:220px !important;}
.about-us-sustainibity-slider::after{position:absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: 5vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background:var(--skyBlue2-color) !important;}
.about-us-sustainibity-slider::before{position:absolute;content: '' !important;border: 1.5px solid var(--skyBlue2-color) !important;width: 96.8% !important;height: 85% !important;right: 0 !important;top: 7.6vw !important;border-right: 0 !important;border-bottom: 1px solid var(--skyBlue2-color) !important;}
.about-us-sustainibity-slider .slick-arrow{font-size: 0px;position: absolute;width: 50px;height: 50px;z-index: 2;bottom: -70px;color: var(--skyBlue2-color);border: 1px solid var(--gray-color);background: var(--white-color);}
.about-us-sustainibity-slider .slick-arrow::after{position: absolute;content: "›";display: block;z-index: 22;font-size: 24px;width: 5px;height: 5px;line-height: 0;inset: 0px;margin: auto;}
.about-us-sustainibity-slider .slick-next{left:80px;}
.about-us-sustainibity-slider .slick-prev{left:10px;transform: rotate(180deg);}
.about-us-sustainibity-slider .view-footer{position:absolute;width:80%;height:4px;right:0;bottom:170px;background:rgba(190, 195, 200);}
.about-us-sustainibity-slider .progress-bar{position: absolute;bottom: 0;left:0px;height:100%;background-color: var(--skyBlue2-color);z-index: 1;transition: 0.5s ease-in-out;}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 h2{color:var(--black-color);}
.evolution-desc h2 span{display:block !important;}
.evolution-desc span{display: none}
.evltrucks .evolution-desc p{font-size: 16px;}
.about .views-field-field-sustainability-heading{margin-top:30px;}
.about .views-field-field-sustainability-heading .field-content{font-size: 25px;font-family: var(--f_bold);margin-bottom:10px;}
/* About */

/* emi calculator */
.emi-calculator .emi-container .emi-calculator .emi-inputs h2{font-size:27px}
.emi-calculator .emi-container .emi-calculator .emi-inputs input[type="range"]::-webkit-range-thumb{width: 5px;height: 5px;box-shadow: -1000px 0 0 993px #307fe2;border: 4px solid #307FE2;}
.emi-calculator .emi-container .emi-calculator .emi-inputs input[type="range"]::-moz-range-thumb{width: 5px;height: 5px;box-shadow: -1000px 0 0 993px #307fe2;border: 4px solid #307FE2;}
.emi-calculator .emi-results{flex-direction: column-reverse;width:70%}
.emi-calculator .emi-results ul li{width:37%;margin-left:auto;}
.emi-calculator .emi-results ul{width:60%;margin: auto;display:flex;flex-wrap: wrap;margin-top:10px;}
.emi-calculator .emi-container .emi-calculator{padding: 0px 30px;}
.emi-calculator .emi-results .emi-result{position:relative;}
.emi-calculator #emi-results{position: absolute;top:50%;left:43%;}
.emi-calculator h2.pb-3{color:var(--black-color) !important;font-size:40px !important;width:500px;margin:auto;margin-top:100px;}
.emi-calculator .emi-container .emi-disclaimer{padding:30px 30px 100px 30px;}
.emi-calculator .emi-container .emi-calculator{width:100%;}
.emi-calculator .tb-fs-18{font-family: var(--f_regular);font-weight: 500 !important;font-size: 20px;}
.emi-calculator .emi-container .emi-results{padding:0px 30px;}
.emi-calculator .emi-container .emi-results span{font-size:15px;color:#A0A5AA;}
.emi-calculator .emi-container .emi-calculator .emi-inputs h2{font-family: var(--f_regular);font-size: 30px;}
.emi-calculator .emi-btn-container{display: flex;justify-content: space-between;}
.emi-calculator .emi-btn-container button{color:var(--blue-color);}
.emi-calculator .emi-btn-container button:hover{background: transparent !important;color:inherit !important;}
.emi-calculator .emi-btn-container #calculate-emi{width: 40%}
.emi-calculator .emi-btn-container #reset{border: none !important;position: relative;}
.emi-calculator .emi-btn-container #rest{position: relative;border:none !important;}
.emi-calculator .emi-btn-container #reset::before{position: absolute;content:'';background:url(https://testtrucks.tatamotors.com/assets/trucks/files/reset.webp);width:15px;height:15px;background-size: cover;left:-1px;top:15px;transition:.3s ease;}
.emi-calculator .emi-btn-container #reset:hover::before{transform:rotate(-180deg)}
.emi-calculator .region-content{position: relative;}
.emi-calculator .region-content::before{position: absolute;content: '' !important;border: 1.5px solid var(--skyBlue2-color);width: 96.8%;height: 85%;top: 7.6vw;border-right: 0 !important;right: 0;pointer-events: none !important;}
.emi-calculator .region-content::after{position: absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;top: 5vw;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);pointer-events: none !important;}
/* emi calculator */

/* faqs */
.faqs .views-exposed-form{display:none;}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane .views-field-field-faq .faqfield-question{font-family: var(--f_regular) !important;color:var(--black-color);}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane .views-field-field-faq .ui-helper-reset{border-bottom: 1px solid #C0C5C7;}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane{padding:40px 100px;}
.trcfaq .view-view-faqs .nav-tabs{justify-content:center;padding-bottom:1px !important;gap:50px;border-top:0 !important;}
.trcfaq .view-view-faqs .nav-tabs button{padding: 10px 30px !important;font-size:20px;}
.trcfaq .view-view-faqs .nav-tabs button.active{color:var(--skyBlue2-color) !important;}
.trcfaq .view-view-faqs .nav-tabs button::after{background: var(--skyBlue2-color) !important;}
.trcfaq .tab-content .tab-pane .views-field-field-faq .faqfield-question{border-top: none !important;}
.trcfaq .tab-content .tab-pane .views-field-field-faq .faqfield-question span{background: url(../png/plus.png) !important;background-size:cover;width: 18px !important;height: 18px !important;}
.trcfaq .tab-content .tab-pane .views-field-field-faq .faqfield-question.ui-accordion-header-active span{background: url(../png/minus.png) !important;width: 18px !important;height: 2px !important;}
.trcfaq .tab-content .tab-pane .views-field-field-faq .faqfield-question.ui-accordion-header-active{color:var(--skyBlue2-color) !important;}
.faqs .region-content{position:relative;}
.faqs .region-content::after{position:absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: 5vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);pointer-events: none !important;}
.faqs .region-content::before{position:absolute;content: '' !important;border: 1.5px solid !important;width: 96.8% !important;height:80% !important;right: 0 !important;top: 7.6vw !important;border-right: 0 !important;border-bottom:1px solid !important;border-color: var(--skyBlue2-color) !important;pointer-events: none !important;}
.faqs .region-breadcrumb .block-system{background:inherit;}
.faqs #block-trucksb5-content{background: inherit;padding: 160px 0 100px !important;}
.faqs .block-views-blockview-faqs-block-1 .view-view-faqs .view-filters .form--inline .form-item .form-control{background-color:var(--gray2-color) !important;}
/* faqs */

/* compare */
.compare.path-compare .accordion--sec .accordion-header .accordion-button.accordion-button:not(.collapsed){background-color:var(--skyBlue2-color) !important;border-radius:0px !important;}
.toolbar-icon-9 .region-content{position:relative;}
.toolbar-icon-9 .region-content::after{position:absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: 5vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);}
.toolbar-icon-9 .region-content::before{position:absolute;content: '' !important;border: 1.5px solid !important;width: 96.8% !important;height:80% !important;right: 0 !important;top: 7.6vw !important;border-right: 0 !important;border-bottom:1px solid !important;border-color: var(--skyBlue2-color) !important;}
.toolbar-icon-9 .compare.path-compare .product-details .view-details .btn{color:var(--skyBlue2-color) !important;}
.compare-vehicle .compare_block .btn.rounded-5{background: var(--skyBlue2-color);border-radius: 0px !important;border:1px solid var(--skyBlue2-color);}

.compare-vehicle .region-content{position: relative;padding-top:60px}
.compare-vehicle .region-content::after{position:absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: 0vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);pointer-events: none !important;}
.compare-vehicle .region-content::before{position:absolute;content: '' !important;border: 1.5px solid !important;width: 96.8% !important;height:100% !important;right: 0 !important;top: 2.5vw !important;border-right: 0 !important;border-bottom:1px solid !important;border-color: var(--skyBlue2-color) !important;pointer-events: none !important;}
.compare-vehicle main{margin-top: 220px}
main .region-breadcrumb .block-system{margin:55px 0 0 0 !important;}
.compare.path-compare .justify-content-end .primary-500{margin-bottom: 30px !important;}
/* compare result */
.compare-vehicle .compare_block .compare-main .compare--product .form-control{border:1px solid;border-radius:0px;background:transparent;}
.compare-vehicle .compare_block .justify-content-between .selected_application{background:transparent !important;border-radius:0px !important;}
.close.compare_close.btn.tb-btn-secondary.px-lg-5.px-md-4.ms-0.rounded-0{position:relative !important;all:unset;font-size:0;cursor: pointer;}
.close.compare_close.btn.tb-btn-secondary.px-lg-5.px-md-4.ms-0.rounded-0::after{position: absolute;content:'\2715';font-size: 20px;top:-310px;right:0;}
/* compare result */

/* compare */

/* testimonials */
.testimonials iframe{height: 200px}
.view-testimonials .view-content .row{gap:10px !important;}
.view-testimonials .view-content .row .col-md-4 .views-field-body{padding: 0 !important;margin-bottom: 10px;}
.testimonials .view-testimonials .view-content .row .col-md-4{padding: 0 !important;border:none;background:none;filter:grayscale(0) !important;}
.testimonials .view-testimonials .view-content .row .col-md-4 .views-field-field-testimonial-application .field-content{display: none}
.view-testimonials .view-content .row .col-md-4 .views-field-field-testimonial-trucks .views-label{color: white;text-transform: uppercase;background: var(--skyBlue2-color);padding: 2px 8px;font-size: 11px;}
.testimonials .region-content{position: relative;}
.testimonials .region-content::after{position:absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: 0vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);pointer-events: none !important;}
.testimonials .region-content::before{position:absolute;content: '' !important;border: 1.5px solid !important;width: 96.8% !important;height:97% !important;right: 0 !important;top: 2.5vw !important;border-right: 0 !important;border-bottom:1px solid !important;border-color: var(--skyBlue2-color) !important;pointer-events: none !important;}
.view-testimonials .view-content .row .col-md-4 .views-field-field-owner-business{color:var(--black-color) !important;}
.testimonials main{margin-top:200px !important;}
.pager .active > .page-link{padding:5px 10px;border-radius: 0px;background:var(--skyBlue2-color) !important;color: var(--white-color) !important;}
/* .pager .page-link{padding: 3px 10px !important;color:var(--gray-color) !important;} */
.pager .page-link{text-decoration: none;padding: 5px 15px !important;background: var(--bs-border-color) !important;border-radius: 5px !important;color: var(--black-color) !important;}
.view-testimonials .view-filters .form--inline .form-item .form-control{background-color: var(--white-color) !important;border:1px solid;}
.testimonials .testext{width:900px;margin: auto;}
.testimonials .view-testimonials .view-content .row .col-md-4{padding: 10px !important;}
/* testimonials */

/* manufacturing */
.manufacturing-unit .ui-accordion .ui-accordion-header{width:50%;background: transparent;border:none;color:var(--black-color);font-size:25px;position:relative;}
.manufacturing-unit .views-field-field-accordion-desc .field-content p{width:50%}
.manufacturing-unit .view-id-about_manufacture .container .view-content{position: relative;}
.manufacturing-unit .views-field-field-accordion-media{position: absolute;right: 0;top: 0;}
.manufacturing-unit .ui-accordion .ui-accordion-header[aria-expanded="false"]::after{position:absolute;content:'';background: url(../png/plus.png)no-repeat;background-size: contain;width:18px;height:18px;right: 0;top:30px;}
.manufacturing-unit .ui-accordion .ui-accordion-header[aria-expanded="true"]::after{position:absolute;content:'';background: url(../png/minus.png)no-repeat;background-size: cover;width:18px;height:3px;right: 0;top:30px;}
.manufacturing-unit .views-field-field-accordion-media .field--type-image .field__item img{width: auto;height:500px;}
.manufacturing-unit .region-content{position: relative;margin-bottom: 90px;}
.manufacturing-unit .region-content::before{position: absolute;content: '' !important;border: 1.5px solid var(--skyBlue2-color);width: 96.8%;height: 94%;top: 7.5vw;border-right: 0 !important;right: 0;pointer-events: none;}
.manufacturing-unit .region-content::after{position: absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;top: 5vw;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);pointer-events: none;}
.manufacturing-unit main{margin-top:150px;}
.manufacturing-unit  #block-trucksb5-content{padding: 190px 30px 0;}
.view-about-manufacture .view-header h1{font-family: var(--f_heavy);}
.view-about-manufacture.ui-accordion .ui-accordion-content{  padding: 10px 16px;  height: auto !important;}
/* manufacturing */

/* Resources */
.press-itmes-wrapper .press-type-and-date .press-type{background: var(--skyBlue2-color) !important;color:var(--white-color) !important;}
.resources main{margin-top:200px;}
.resources .region-content{position:relative;padding-top: 150px;}
.resources .blocktabs ul{background: transparent;border: 1px solid;border-radius: 0;padding: 5px;}
.resources .blocktabs ul li a{border-radius: 0px;}
.resources .blocktabs li.ui-tabs-active a{background: var(--skyBlue2-color);}
.resources .region-content{position: relative;padding: 150px 0px 0px 0px;}
.resources .region-content::before{position: absolute;content: '' !important;border: 1.5px solid var(--skyBlue2-color);width: 97.7%;height: 93%;top: 7.5vw;border-right:    0 !important;right: 0;pointer-events: none !important;}
.resources .region-content::after{position: absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;top: 5vw;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);pointer-events: none !important;}
/* Resources */

/* dealer-locator */
#block-views-block-dealer-locator-block-1 h2{text-align: center;padding-bottom: 60px;  font-size: var(--headingS1);}
.dealers .container-fluid .row {padding-bottom: 100px;}
.dealers .ui-accordion .ui-accordion-content{height:fit-content !important;}
.dealers main{margin-top:150px}
.dealers .region-content{position:relative;padding-top:180px;}
.dealers .region-content::before{position: absolute;content: '' !important;border: 1.5px solid var(--skyBlue2-color);width: 97.7%;height: 90%;top: 7.5vw;border-right:    0 !important;right: 0;pointer-events: none !important;}
.dealers .region-content::after{position: absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;top: 5vw;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background-color: var(--skyBlue2-color);pointer-events: none !important;}
.view-dealer-locator .view-empty{  padding: 17px 0}
/* dealer-locator */

/* Services */

.services #block-trucksb5-content{padding-top: 2.4vw;}
.services #block-trucksb5-content .container{width:100%;padding:0 3.2vw}
.services main{margin-top:210px;}
.services .tp-img {position: relative;}
.services .tp-img::after {position: absolute;content: '';background: #0000007a;top: 0;left: 0;height: 100%;width: 100%;}
.services .tp-dtls {position: absolute;top: 25%;left: 5%;width: 40%;color: #fff;z-index: 1;}
.services .tp-dtls  .text-align-center{text-align: left!important;;}
.text-center{text-align: center;}
.lftsec, .rgsec{display: flex;margin: 100px 0px;}
.lfimg{width: 48%;position: relative;}
.tplogo{position: absolute;top: -40px;left: 0;}
.lfcnt{width: 48%;margin:0 auto;}
.lfhdn{font-size: 22px;text-align: left;font-family: var(--f_heavy);width: 100%;margin-top: 0;}
.lfcntr{display: flex;flex-wrap: wrap;}
.incntr{position: relative;flex: 0 33%;}
.incntr::before{position: absolute;content: '';background: var(--skyBlue2-color);width: 1px;height:80%;right:25%;top:10px}
.incntr:last-child::before{content: none;}
.lfcntr h3{color: var(--skyBlue2-color);font-size: 40px;margin: 10px 0px;}
.btnserv{margin-top: 30px;}
.btnserv a{background: var(--skyBlue2-color);padding: 10px 50px 10px 30px;position: relative;color: #fff;text-decoration: none;border: 1px solid var(--skyBlue2-color);transition: .3s ease-in-out;}
.btnserv a:hover{background: #fff;color: var(--skyBlue2-color);}
.btnserv a::before{position: absolute;content:'>';width: 20px;height: 20px;right: 20px;top: 11px;}
.rgsec .tplogo{position: absolute;top: -40px;right: 0;left: inherit;}
.services .assistance-blue-box .services-assistance-block {border-radius: 0;position:relative;background:var(--skyBlue-color);overflow:hidden;z-index:1;}
.services .assistance-blue-box .services-assistance-block::after{position: absolute;content:'';width: 100%;height:100%;background:var(--skyBlue2-color);top:0;right:-50%;transform:skew(-50deg);z-index: -1}
.services .services-assistance-block h3{color: var(--black-color)}
.services .services-assistance-block p{color: var(--black-color)}

.services .region-content{position: relative;padding-top: 0}
.services .region-content::before{position: absolute;content: '' !important;border: 0px solid !important;width: 5.1vw !important;height: 9vw !important;right: inherit !important;top: 0 !important;left: 0 !important;background: #fff !important;z-index: 1;pointer-events: none !important;}
.services .region-content::after{background: var(--skyBlue2-color) !important;position: absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: 0px !important;  clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 100% 30%, 100% 100%, 45% 100%, 20% 100%, 100% 100%, 100% 0%) !important;z-index: 1;pointer-events: none;}

.services .dtlsrvc{margin-top:150px;position: relative;padding-top:50px;}
.services .dtlsrvc::before{position: absolute;content: '' !important;border: 1.5px solid var(--skyBlue2-color) !important;width: 104.7% !important;height: 105% !important;right: -4% !important;top: -2.4vw !important;border-right:   0 !important;pointer-events: none !important;}
.services .dtlsrvc::after{position:absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;left: -4% !important;top: -5vw !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;pointer-events: none !important;background: var(--skyBlue2-color);}
/* Services */

/* Truck details */
#view-id-trucks_header .container {display:flex;width: 100%;}
#view-id-trucks_header .container .view-header {width:100%}
#view-id-trucks_header .container .view-header .views-field-field-trucks-image-gallery{width:100%;}
#view-id-trucks_header .container .views-field-field-trucks-image-gallery .flex-control-thumbs{display: flex;justify-content: center;}
#view-id-trucks_header .container .view-content .truck-desc.col-6{width:100% !important;margin: auto !important;}

.page-node-type-products .products-common-links .btn{width:30%;border-radius:0px;}
.page-node-type-products .products-common-links .test-btn{background: var(--skyBlue2-color);color:var(--white-color);border:1px solid var(--skyBlue2-color);}
.page-node-type-products .products-common-links .test-btn:hover{background: transparent;color:var(--skyBlue2-color);border:1px solid var(--skyBlue2-color);}
.page-node-type-products .products-common-links .view-models-btn{background:transparent;color:var(--skyBlue2-color);border:1px solid var(--skyBlue2-color);}
.page-node-type-products .products-common-links .view-models-btn:hover{background:var(--skyBlue2-color);color:var(--white-color);border:1px solid var(--skyBlue2-color);}
.page-node-type-products .media--type-youtube-videos .colorbox-media-video::after{content: none;}
.page-node-type-products .media--type-youtube-videos .colorbox-media-video{line-height: 0px !important;height:auto;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2{width: 16%;height:0;margin-top:0 !important;;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2 a{font-size:0px !important;line-height: 0px !important;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-brochure a::before, .page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-brochure article::before{background-image: url(../png/pdf-icon.png);background-color:transparent !important;width:45px !important;height:45px !important;background-size:cover;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .products-common-links{margin-bottom: 0px !important;margin-top:40px !important;}
.page-node-type-products .media--type-youtube-videos .colorbox-media-video::before{background-image: url(../png/nyticn.png);background-color:transparent !important;width:45px !important;height:45px !important;background-size:cover;}

.view-trucks-header.view-id-trucks_header{width: 100!important;}
.view-trucks-header .view-header {width:100% !important;background:rgba(235, 235, 235, 1);padding:30px; height: fit-content;}
.view-trucks-header .view-header .flexslider{background-color: transparent;border: none;margin: 0 0 20px;}
.view-trucks-header .view-header .flexslider li{background:rgba(235, 235, 235, 1); }
.view-trucks-header .view-header .flexslider img{ mix-blend-mode: multiply;}
#view-id-trucks_header .container .view-content .truck-desc.col-6{padding: 0 0 0 60px}
.view-trucks-header .view-content.row .views-row{padding: 0;}
.view-trucks-header .view-content.row {display: block;margin: 0;width: 100%;}
.flexslider:hover .flex-direction-nav .flex-prev,.flexslider .flex-direction-nav .flex-prev {left:0!important}
.flexslider:hover .flex-direction-nav .flex-next,.flexslider .flex-direction-nav .flex-next {right:0!important;}
.page-node-type-products .flex-direction-nav li a{top: inherit!important;scale: 0.7;bottom: -60px;scale: 0.6;opacity: 0.5;}
.optionset-slider-with-thumbnail-navigation .flex-control-thumbs img.flex-active{scale: 1.1;}
.page-node-type-products .view-trucks-overview-about .flex-direction-nav li a{bottom:-10px}

/* tabs */
#blocktabs-product_page_tabs .ui-tabs-nav{border-bottom: 1px solid var(--gray2-color);display:flex;gap:80px}
#blocktabs-product_page_tabs ul li{background:transparent;border: none;padding:5px 0px;padding:5px 10px;}
#blocktabs-product_page_tabs ul li.ui-tabs-active{border-bottom: 2px solid var(--skyBlue2-color);}
#blocktabs-product_page_tabs ul li a{color: #A0A5AA;font-size: 20px;}
#blocktabs-product_page_tabs ul li.ui-tabs-active a{color: var(--skyBlue2-color);position:relative;}

.page-node-type-products .block-blocktabs-blockproduct-page-tabs .container{width:var(--container);margin:auto;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .view-id-specific_product_specifications{width:100%;margin: auto;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .flexslider .slides img{width: 100%;height:400px; object-fit: contain;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .flexslider .flex-control-thumbs img{width:100%;height:150px;object-fit: cover;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .flexslider .flex-control-thumbs li{margin: 10px;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs #blocktabs-product_page_gallery_tab-2 .flex-control-thumbs li{margin: 0px 20px;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs #blocktabs-product_page_gallery_tab-2 .flex-control-thumbs{display:flex;width:fit-content; margin:auto}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs #blocktabs-product_page_gallery_tab-2 .flex-control-thumbs li{width: 100px}
/* Accordion */
.page-node-type-products .accordion{position:relative;}
.page-node-type-products .views-field-field-benefit-media{position: absolute;right: 0;top:0;}
.page-node-type-products .views-field-field-benefit-media .field--type-image{width: 60%;margin-left: auto;}
.page-node-type-products .accordion .accordion-item{border:none;width:40% !important;}
.page-node-type-products .accordion .accordion-header{font-size: 20px;}
.page-node-type-products .accordion .accordion-header button.collapsed{color: var(--black-color);font-family: var(--f_bold);border-top:1px solid #e5e5e5;border-bottom:none;}
.page-node-type-products .accordion .accordion-header button{border-radius:0;border-bottom:1px solid var(--gray2-color);background: transparent;color: var(--black-color)}
.page-node-type-products .accordion-body ul{padding-left: 25px;}
.page-node-type-products .accordion .accordion-button:not(.collapsed){box-shadow: none !important;}
.page-node-type-products .accordion .accordion-button[collapsed]{border-bottom: 1px solid var(--gray2-color);}
.page-node-type-products .accordion .accordion-button{position: relative;}
.page-node-type-products .accordion .accordion-button[aria-expanded="true"]::after{position: absolute;content: '';background:url(../png/minus.png)no-repeat;background-size: cover;width: 18px;height: 2px;right: 0;top: auto;}
.page-node-type-products .accordion .accordion-button[aria-expanded="false"]::after{position: absolute;content: '';background: url(../png/plus.png)no-repeat;background-size: auto;background-size: contain;width: 18px;height: 18px;right: 0;top: auto;}
/* Accordion */


/* Related trucks*/
#view-id-find_trucks .container{width: var(--container);margin: auto;}
#view-id-find_trucks .views-view-grid .row .col-xl-3{width:22% !important;margin: auto;}
#view-id-find_trucks .trucks-list-wrapper .truck-title{border-bottom: 1px solid var(--black-color);margin:10px 0px 10px 0;padding-bottom: 6px;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc h5{margin-bottom: 0px;text-align:center;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc h5 a{font-size: 14px;font-family: var(--f_regular);}
#view-id-find_trucks .trucks-list-wrapper .truck-desc span{font-size: 11px !important;white-space: nowrap;text-align: center;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-4 h5{font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: var(--f_regular);}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2{width: 30% !important;margin-top:20px}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2 a{background: var(--skyBlue2-color);color: var(--white-color);padding:4px 8px;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2:nth-last-child(2){display: none}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2 span{background-image: url(../png/pdf-icon.png);width:30px;height:30px;background-size:cover;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2 .file--application-pdf a{font-size: 0px;background:transparent;position: relative;left:-19px;top:0px;width: 30px;height: 30px;display: block;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2:nth-last-child(3){width: 70% !important;height: 0;margin-top: 25px;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2:nth-last-child(3) a{width:100%; display:block;text-align:center;font-size:16px;}
#view-id-find_trucks .view-header{margin-bottom: 30px}
#view-id-find_trucks .view-footer{margin-bottom:40px;margin-top:90px;}
#view-id-find_trucks .view-footer a{background: var(--skyBlue2-color);color:var(--white-color);text-decoration: none;padding: 10px 30px}
.optionset-slider-with-thumbnail-navigation .field__item img{width: 980px;height: 570px;object-fit: cover;}
.optionset-slider-with-thumbnail-navigation .flex-control-thumbs img{width: 100%;height:51px;object-fit: contain;}
.optionset-slider-with-thumbnail-navigation .flex-control-thumbs li{margin: 0 10px;width:20%;}
#blocktabs-product_page_tabs-4 .views-view-grid .row > div{width:33.33%}
.page-node-type-products main .container .container{width:var(--container) !important;margin:auto;}
.block-views-blockfind-trucks-block-1{position: relative;}
.block-views-blockfind-trucks-block-1::before{position: absolute;content:'';border: 1.5px solid var(--skyBlue2-color) !important;width: 96.8% !important;height: 100% !important;right: 0 !important; top:0px !important;  border-right: 0 !important;border-right-color: currentcolor;pointer-events: none !important;}
.block-views-blockfind-trucks-block-1::after{position: absolute;content: '' !important;width: 5.1vw !important;height: 9vw !important;left: 0 !important;top: -5% !important;clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 64% 30%, 98% 30%, 98% 99%, 45% 99%, 20% 100%, 100% 100%, 100% 0%) !important;background: var(--skyBlue2-color);}
.view-id-find_trucks{padding: 100px 0px 50px 50px;margin-bottom: 80px;}
.view-id-find_trucks .trucks-list-wrapper .truck-image{  background: rgb(235, 235, 235);}
.view-id-find_trucks .trucks-list-wrapper .truck-image .img-fluid{width:300px;height:200px;object-fit:contain;  mix-blend-mode: multiply;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2:nth-last-child(5){width:20% !important;margin-top:10px}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-4{text-align: center}
#view-id-find_trucks .views-view-grid .row .col-xl-3{padding:0 5px}
/* Related trucks*/

/* tabs */

/* Truck details */

/* Trucks listing */
.flex-direction-nav a::before{width:20px;height:20px;font-size:25px;}
main .region-breadcrumb .block-system{margin:49px 0 0 0 !important;}
.details .view-trucks-listings .container .view-content{margin-top:84px;  padding-right: 50px;}
.all-trucks .views-view-grid .col-md-4{position: relative;}
.all-trucks .views-view-grid .col-md-4 .prod-list-item-overlay-cont{position: absolute;width: fit-content;right: 20px;top: 15px;font-size: 10px;line-height: normal;padding: 0;display: flex;cursor: pointer;max-width: fit-content;z-index: 22;}
.all-trucks .views-view-grid .col-md-4 .prod-list-item-overlay-cont .tm_compare_prod{font-size: 0px;position: relative;}
.all-trucks .views-view-grid .col-md-4 .prod-list-item-overlay-cont .tm_compare_prod::before{position: absolute;content: '';background: #A0A5AA;width: 16px;height: 16px;right: -20px;top: -12px;}
.all-trucks .views-view-grid .col-md-4 .prod-list-item-overlay-cont .tm_compare_prod.active::before{position: absolute;content: '';background: var(--skyBlue2-color);width: 16px;height: 16px;right: -25px;top: -13px;}
.all-trucks .views-view-grid .col-md-4 .prod-list-item-overlay-cont .tm_compare_prod.active::after{position: absolute;content: '✔';color: var(--white-color);right: -22px;top: -14px;font-size: 13px;}
.list-compare-btn{position: fixed;top:50%;z-index: 3;right: -25px;transform: rotate(-90deg)}
.list-compare-btn a{background: var(--skyBlue2-color);color: var(--white-color);text-decoration: none;padding:5px 10px;transition:.3s ease-out;border: 1px solid var(--skyBlue2-color);}
.list-compare-btn a:hover{background: var(--white-color);color: var(--skyBlue2-color);}
.flex-control-thumbs{display:flex;}
/* Trucks listing */


/* latest Update */
.latestUpdateHd .blocktabs ul{list-style: none;margin:30px auto 0;padding: 0;border-radius: 0;background-color: #fff;border: 1px solid var(--gray-color);padding: 5px;width: 95%;display: flex;}
.latestUpdateHd .blocktabs ul li{width: 100%;border: none;background: none;text-align: center;}
.latestUpdateHd .blocktabs ul li a{display: block;width: 100%;padding: 15px 5px;color:#000}
.latestUpdateHd .blocktabs ul li a.active{  background-color: var(--skyBlue2-color);color: #fff}
.latestUpdateHd .blocktabs .view-content .views-row .views-field-field-news-thumbnail-image {  height: 300px;}
.latestUpdateHd .blocktabs .view-content .views-row .views-field-field-news-thumbnail-image  .field-content {height: 100%;}
.latestUpdateHd .blocktabs .view-content .views-row .views-field-field-news-thumbnail-image  .field-content img {width: 100%;height: 100%;object-fit: cover;}
.latestUpdateHd .blocktabs .view-content .views-row .views-field-field-publish-date {padding: 15px 0 0;font-size: 14px;}
.latestUpdateHd .blocktabs .view-content .views-row .views-field-field-publish-date .home-news-tags ul{border: none;all: unset;display: flex;width: fit-content}
.latestUpdateHd .blocktabs .view-content .views-row .views-field-field-publish-date .home-news-tags ul li {list-style-type: none;margin: 0 5px 0 0;padding: 3px 5px;display: inline-block;background-color: var(--skyBlue2-color);color: #fff;font-size: 10px;width: fit-content}
.latestUpdateHd .blocktabs .view-content .views-row .views-field-field-publish-date .home-news-date {text-align: right;  padding-top: 5px;color: #8D8B8C;font-weight: bold; font-size: 10px;}
.latestUpdateHd .blocktabs .field-content a{color: #000; text-decoration: none;font-size: 18px;padding: 15px 0;display: block;text-align: left}
.latestUpdateHd .blocktabs .view-footer {padding: 60px 0 0;}
.latestUpdateHd .blocktabs .view-footer a {background: var(--blue-color);color: #fff;display: inline-block;padding: 10px 20px;padding-right: 20px;text-decoration: none;position: relative;padding-right: 35px;}
.latestUpdateHd .blocktabs .view-footer a::after {content: "›";position: absolute;right: 10px;font-size: 30px;top: 0;bottom: 0;margin: auto;line-height: 0;height: 3px;}
.latestUpdateHd.tataTBorder::before{height: 86% !important;}
/* latest Update end */


.block-views-blockhero-slider-block-2 .container{width: 100%!important;}
.block-views-blockhero-slider-block-2 .slides li{position: relative}
.block-views-blockhero-slider-block-2 .hm-hero-bnr-wraper-div{height:70vh;background:#0a0a5f}
.block-views-blockhero-slider-block-2 .hm-hero-bnr-wraper-div *{width:100%;height: 100%;object-fit: cover;display: block;}
.block-views-blockhero-slider-block-2 .hm-hero-bnr-wraper-div .slider-media-for-desktop{display: block}
.block-views-blockhero-slider-block-2 .hm-hero-bnr-wraper-div .slider-media-for-phones{display: none}
.block-views-blockhero-slider-block-2 .hero-slider-item09{position: absolute;top: 0px;left: 0;width: 100%;height: 100%;transition: all 0.5s;}
.block-views-blockhero-slider-block-2 .hero-slider-item09 .container {padding: 0 100px; display: flex; height: 100%;}
.block-views-blockhero-slider-block-2 .hero-slider-item09  .carousel-caption09 {margin: auto 0;width: 600px;position: relative;top: 0;transition: all 0.5s;opacity: 1;}
.block-views-blockhero-slider-block-2 .hero-slider-item09  .carousel-caption09 h5{color: #fff;font-size: 50px;text-transform: uppercase;font-family: var(--f_black);}
.block-views-blockhero-slider-block-2 .hero-slider-item09  .carousel-caption09 p{font-size: 28px;color: #fff;line-height: normal;}
.block-views-blockhero-slider-block-2 .hero-slider-item09  .carousel-caption09 .btn-row {padding: 20px 0;}
.block-views-blockhero-slider-block-2 .hero-slider-item09  .carousel-caption09 .btn-row a {background: var(--skyBlue2-color) !important;color: #fff !important;border: 1px solid var(--skyBlue2-color) !important;position: relative;padding: 5px 30px 5px 20px !important;}
.block-views-blockhero-slider-block-2 .hero-slider-item09  .carousel-caption09 .btn-row a::after {content: "›";position: absolute;right: 10px;font-size: 30px;top: 0;bottom: 0;margin: auto;line-height: 0;height: 3px;}
/* Hero Slider End */



/* Burger Menu */
.trucksMenuBig .tb-megamenu-submenu{height: 80vh !important;background: #fff;padding: 30px 0}
.mega-dropdown-menu .tb-megamenu-row{padding: 30px 0}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-row.row-fluid::after{display: none}
.mega-dropdown-menu .tb-megamenu-row .tb-megamenu-column{float: none;margin: 0;width:23%;}
.mega-dropdown-menu .tb-megamenu-row .tb-megamenu-column .tb-megamenu-column{width: 100%}
.mega-align-center .mega-dropdown-menu .tb-megamenu-row{padding: 0;}
.mega-align-center .mega-dropdown-menu .tb-megamenu-row .tb-megamenu-column{width: 100%;}
.mega-align-center .mega-dropdown-menu .tb-megamenu-row .tb-megamenu-column ul li a{display: block;padding: 10px 0;}

header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-row.row-fluid::after{position: relative}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item a.dropdown-toggle{color: #000!important;text-align: left}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item .tb-megamenu-submenu{transition: all 0s ease-in-out;display:none;overflow: hidden;}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item .tb-megamenu-submenu{min-width: 74% !important;width: 74% !important;left: inherit !important;top: 0;padding: 0;margin: auto;position: absolute;box-shadow: none;}

header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item.open .tb-megamenu-submenu{min-width: 74% !important;width: 74% !important;left: inherit !important;top: 0;padding: 0;margin: auto;position: absolute;box-shadow: none;display: block}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-row.row-fluid {position:relative}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-row.row-fluid{padding: 0}
.tb-megamenu .trucksMenuBig .dropdown-submenu{position: inherit;}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav{margin: 0}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item.open a.dropdown-toggle{background-color: #307FE2!important;color: #fff!important;}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item a.dropdown-toggle{border-bottom: 1px solid #DFDFDF}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row .col-md-6{display: block;width: 33%;}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row .col-md-6 div{width: 100%!important;text-align: center}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div div{background-color: #fff}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item a.dropdown-toggle::after{position: absolute!important;top: 0;bottom: 0;margin: auto;right: 20px;font-size: 20px;rotate: -90deg;}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item a{position: relative}
header .tb-megamenu-nav li:nth-child(3) .tb-megamenu-submenu .tb-megamenu-subnav .tb-megamenu-item li.open a.dropdown-toggle::after  {color: #fff}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-nav{padding: 0}
/* Burger Menu End */

/* Product Details */
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .flexslider .flex-control-thumbs img{object-fit: contain;scale: 0.9;transition:all 0.5s ease-in-out;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .flexslider .flex-control-thumbs img.flex-active{scale: 1.3}
.page-node-type-products .flex-direction-nav li{position: absolute;bottom: 69px}
.page-node-type-products .flex-direction-nav li a{display:block!important;opacity: 1;font-size: 0 !important;border: none;}
.page-node-type-products  .flex-nav-prev{left: 0}
.page-node-type-products  .flex-nav-next{right:0}
/* Product Details End */

/* Dealers */
.dealers .view-dealer-locator .view-content .views-row {border-top:1px solid #BEC3C8;padding: 20px 0px 10px !important;}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .dealers-get-direction a{color:var(--skyBlue2-color) !important;}
.dealers .block-views-blockdealer-locator-block-1 .view-dealer-locator .view-content .views-row .dealers-get-direction a:hover{background:var(--skyBlue2-color) !important;color:#fff!important}
/* Dealers */
  


@media(max-width:768px){
    main{margin-top:200px;}
    .contact .internal-banner-slider .inner-banner-item09 .container .field__item{width:94.9%}
    .contact .inner-banner-caption09 h5{color:var(--white-color) !important;}
    .contact .internal-banner-slider .inner-banner-item09 .container .field__item{margin-top:16px}
    .contact .internal-banner-slider::after,
    .contact .internal-banner-slider::before{width:8vw !important; height:14vw !important;}
    .contact .assistance-blue-box .services-assistance-block::after {transform:skew(0);right:0;height:100%}
    #block-trucksb5-content h2, #block-trucksb5-content .h2, #block-trucksb5-content p{text-align: left;}
    .contact-us-locations-map #view-id-contact_us_locaitons .tab-content::after,
    .contact-us-locations-map #view-id-contact_us_locaitons .tab-content::before{width:8vw !important;height:14vw !important;  left: 2.8vw !important;}
    .testimonials .testext{width:100%}
    .manufacturing-unit .region-content::after {  top: 16vw;}
    .manufacturing-unit .region-content::before {  top: 18.5vw;}
    /* trucks-detials */
    .ultratata-ultra-t6 .view-content .accordion .accordion-item{width: 100%}
.details .view-trucks-listings .container .view-filters{display: none;height: 80vh;position: fixed;left: 15px;z-index: 2222;background: #f2f2f2 !important;width: 240px;padding: 17px 20px;bottom: 100px;overflow: auto;transition: all 0s ease-in-out !important;top: inherit;}
.details .view-trucks-listings .container .view-content{margin-top: 14px;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .view-id-specific_product_specifications{width:100%;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .flexslider .slides img{height:auto;}
#blocktabs-product_page_tabs ul li{padding:0px;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2:nth-last-child(3){width:fit-content;}
.page-node-type-products .flex-direction-nav li{bottom:50px;}
.view-trucks-header .view-header{padding: 15px;}
.block-views-blockfind-trucks-block-1::before{height:100% !important;}
.all-trucks .block-views-blockview-faqs-product-list-block-1{padding: 0 30px;}
.all-trucks .view-id-view_faqs_product_list{  padding-right: 10px;}


.details .view-trucks-listings .container .view-filters.active {display: block;}

.snt-list-filter-btn {display: block;position: fixed;z-index: 22;bottom: 70px;background: #307fe2;width: 43px;height: 30px;border-radius: 100%;left: 15px;text-align: center; border-radius: 2px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;font-size:0px;cursor:pointer;}
.snt-list-filter-btn::after{content: 'Fliter';display: block;font-size:9px;color:#fff}
    /* trucks-detials */

    /* Related trucks */
   
    /* Related trucks */

    /* emi calculator */
    .emi-calculator .emi-container .emi-calculator{width:100% !important;}
    .emi-calculator .emi-results{width:100% !important;}
    .emi-calculator .emi-results ul{width:100%}
    .toolbar-icon-9 .region-content::before{height:97% !important;}
    .emi-calculator .emi-btn-container #calculate-emi{width: fit-content;}
    .emi-calculator .tb-fs-18{font-size: 16px;width: 100%;}
    .emi-calculator .emi-container .emi-calculator .emi-inputs h2{font-size: 16px;}
    .emi-calculator .region-content::before {height:96%;}
    .emi-calculator #emi-results{left:30%;}
    .emi-calculator .emi-results canvas{width:auto !important;}
    .emi-calculator h2.pb-3{font-size:30px !important;width:100%}
    .emi-calculator .emi-inputs span{font-size:10px;}
    /* emi calculator */

    /* faqs */
    .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .tab-content .tab-pane{padding:40px 0px !important;}
    .faqs .region-content::before{height:87%;top:74px !important;}
    /* faqs */

    /* about */
    .page-node-type-about-us .block-views-blockabout-us-heading-block-1 .view-about-us-heading .support-block-one h2{font-size:25px;}
    .about #view-id-about_us_heading .col-6{width:100%}
    .abtmnhd{font-size:30px}
    .page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion{width:100% !important;}
    .page-node-type-about-us .region-content::before{height:35%;top:30vw;right: -3vw;}
    .page-node-type-about-us .region-content::after{top:25vw;width: 10vw;height:18vw;}
    .suppport-email-us.col-3:nth-last-child(3)::after{display: none}
    .page-node-type-about-us .about-us-our-brands{padding-bottom:80px !important;padding-top: 60px!important;}
    .page-node-type-about-us .about-us-our-brands .view-content .row{gap: 40px;}
    .evltrucks .evolution-block-wrapper{padding:20px !important;padding-left: 37px !important;padding-bottom: 80px !important;}
    .evltrucks .container::after{  width: 149%;}
    .evltrucks .evolution-image{width:100% !important;margin-bottom: 20px;margin-left:31px;}
    .evltrucks .evolution-desc{width:86% !important;padding:10px;}
    .page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content{ margin: auto  ; padding: 0 10px;}
    .manufacturing-unit #block-trucksb5-content{  padding: 140px 30px 0;}
    .evltrucks .slick-next{right:0px !important}
    .evltrucks .slick-prev{right:50px !important}
    .evltrucks.tataTcontainer::after {top: 45.7% !important;}
    .evltrucks.tataTcontainer::before{top: 45.5% !important;}
.evltrucks .slick-arrow{width: 40px;height: 40px;}
.evltrucks .evolution-desc p{font-size:20px;}
.evltrucks .view-footer{display:none;}
.evltrucks.tataTcontainer::after {top:47% !important;}
.evltrucks.tataTcontainer::before {top:47% !important;}
.about-us-sustainibity-slider::after {width:10vw !important;height:18vw !important;}
.about-us-sustainibity-slider::after {width:10vw;height:18vw;}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body .views-field-field-accordion-media{position:inherit !important;}
.about .accordion-button[aria-expanded="false"]::after{width:12px;height:12px}
.about .accordion-button[aria-expanded="true"]::after{width:12px;height:2px}
.about-us-sustainibity-slider{padding-top: 100px !important;padding-bottom: 100px !important;}
.about-us-sustainibity-slider .views-row{padding:0px 38px !important;}
.about-us-sustainibity-slider .view-footer{display: block;}
.about-us-sustainibity-slider .slick-arrow{width:40px;height:40px;bottom:-45px;}
.about-us-sustainibity-slider .slick-next{left:90px;}
.about-us-sustainibity-slider .slick-prev{left:40px;}
.evltrucks .container::after {  height: 53.7%;}
.page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-2{margin-bottom: 60px; margin-top: 45px;}
.about-us-sustainibity-slider .view-footer{  width: 85%;right: 20px;bottom: 35px;}
.page-node-type-about-us .about-us-our-brands .view-content{padding:0px 30px;}
.about .view-about-us-heading{padding:0 30px;}
.about-us-sustainibity-slider::before {height:92% !important;top:10vw !important;right:-3vw !important;}
.page-node-type-about-us .region-content::after{width:10vw !important;height:18vw !important}
.page-node-type-about-us .block-views-blockevolution-of-the-world-class-trucks-range-block-1 h2{  display: none;}
.evltrucks .evolution-desc h2{display: block !important;font-size: 32px;}
    /* about */
    main .region-breadcrumb .block-system{margin:66px 0 0 0 !important;}

    /* faqs */
    .faqs .region-content::before {height:90% !important;top:20.6vw !important;}
    .faqs .region-content::after {width:10vw !important;height:18vw !important;top:15vw !important;}
    .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs{overflow:auto !important;}
    .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li{width:52px;margin:auto;}
    .faqs .block-views-blockview-faqs-block-1 .view-view-faqs .nav-tabs li button{font-size:15px;}
    /* faqs */

/* manufacturing */
    .manufacturing-unit .views-field-field-accordion-media{position: inherit;}
    .manufacturing-unit .views-field-field-accordion-desc .field-content p{width: 100%}
    .manufacturing-unit .ui-accordion .ui-accordion-header{font-size: 20px;}
    .manufacturing-unit .ui-accordion .ui-accordion-header{width: 100%}
    .manufacturing-unit .region-content::before {height:98%;  top: 26.5vw;}
    .manufacturing-unit .region-content::after {  top: 24vw;}
    
    .manufacturing-unit .ui-accordion .ui-accordion-header[aria-expanded="true"]::after{width:12px;height:2px;}
    .manufacturing-unit .ui-accordion .ui-accordion-header[aria-expanded="false"]::after{width:12px;height:12px;top:15px;}
.manufacturing-unit .views-field-field-accordion-media .field--type-image .field__item img{width: auto;height:auto;}
.manufacturing-unit .ui-accordion-content{height:auto !important;}
/* manufacturing */

/* resources */
.resources .block-blocktabs-blockpress-release .ui-tabs-nav{width:fit-content !important;}
.details .view-trucks-listings .container .view-filters .form--inline .form-item{padding:5px !important;}
/* resources */

/* services */
.lftsec{flex-direction: column;}
.rgsec{flex-direction: column-reverse;}
.lfimg{width: 100%;}
.lfcnt{width: 100%;}
.incntr{flex: 45%;}
.incntr::before{content: none;}
.services .tp-img img{width:100%;height:520px;object-fit: cover;}
.services .tp-dtls{position:absolute;left:0;padding:10px 30px;width:100%}
.services .tp-dtls h3, p{text-align:center I !important;}
.services .region-content{padding-top: 0px}
.services .region-content::before{top:20px !important;}
.services .region-content::after{top:20px !important;}
.services .dtlsrvc::after{left:-6% !important;}
.services .dtlsrvc::before{right:-4% !important;width: 106% !important;}
/* services */

/* All trucks */
.all-trucks .block-views-blockview-faqs-product-list-block-1{width:100%}
/* All trucks */

/* Truck details */
#view-id-trucks_header .container{flex-direction: column;}
#view-id-trucks_header .container .view-content .truck-desc.col-6{width:100% !important;}
.page-node-type-products .products-common-links .btn{font-size:14px;width:fit-content;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-brochure a::before, .page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2.product-brochure article::before{width:30px !important;height:30px !important;}
.page-node-type-products .media--type-youtube-videos .colorbox-media-video::before{width:30px !important;height:30px !important;}
.block-views-blockfind-trucks-block-1::before {height:1957px !important;}
/* superior */
.page-node-type-products .views-field-field-benefit-media{position:inherit}
.page-node-type-products .views-field-field-benefit-media .field--type-image{width:100%}
.page-node-type-products .accordion .accordion-item{width:100% !important;}

/* superior */

/* tabs */
#blocktabs-product_page_tabs .ui-tabs-nav{width:320px;overflow-x: auto;gap:10px;overflow-y:hidden;margin:auto;}
#blocktabs-product_page_tabs ul li a{font-size: 14px;}
.optionset-slider-with-thumbnail-navigation .flex-control-thumbs li{width:12% !important;}
.optionset-slider-with-thumbnail-navigation .flex-control-thumbs img{width:100%;height:100%;object-fit: contain;}
#blocktabs-product_page_tabs-4 .views-view-grid .row > div{width:50%}
/* tabs */

/* related */
#view-id-find_trucks .views-view-grid .row .col-xl-3{width:100% !important;padding:0px 30px;}
.block-views-blockfind-trucks-block-1::after{top:-10px !important;}
/* related */

/* Truck detaisl */

.blocktabs .view-content.row{display: block;}
.blocktabs .view-content.row .views-row{width: 100%;}
.latestUpdateHd .blocktabs .view-footer {padding: 10px 0;}
.latestUpdateHd.tataTBorder::before {height: 100% !important;}
main #block-latestupdates{margin-bottom: 100px;}
.tm_vehicle_finder_section.tataTcontainerNoBorder::before {width: 8.1vw !important;height: 15vw !important;  top: 1.2vw !important;}
.tm_vehicle_finder_section.tataTcontainerNoBorder::after{width: 8.1vw !important;height: 15vw !important;  top: 1.2vw !important;}
.page-node-type-about-us .block-views-blockabout-us-heading-block-1{  padding: 140px 0 0 0 !important;}

.page-node-type-about-us .region-content::after {top: 5vw;}
.page-node-type-about-us .region-content::before {top: 10vw;}


.assistance-blue-box{background: #307fe2;padding: 0;width: 100%;margin: auto;margin-right: 0;text-align: center;}
.contact .container .field--type-text-with-summary{width: 100%;}
.assistance-blue-box .services-assistance-block{    padding: 20px 20px;}

.page-node-type-products main .container {width: var(--container);}

/* dealers */
.dealers .region-content{padding-top: 100px;}
.dealar_h1 h1{font-size:40px !important}
/* dealers */

#blocktabs-product_page_tabs ul li{padding-bottom: 6px;}
.language-switcher-language-url ul{width:fit-content !important;}
.page-node-type-products .media--type-youtube-videos .colorbox-media-video{margin-left:50px}
}

/* Trucks css (rohit) */


@media only screen and (max-width: 1400px) {
.njtm_t1{font-size: 23px;}
.home-rb-mobility-slider-section .njtm_txt{font-size: 13px;}


}

@media only screen and (max-width: 980px) {

.path-frontpage header nav .navbar-brand .site-logo img{opacity: 1;}
header .navbar .region.region-nav-branding::after {display: none;}
.nj_head1{left: 200px;}
header #navbarSupportedContent{display: block!important;bottom: -30px;margin: auto;background: #fff;clear: both;height: 35px;}
.tm_main_secondary_menu{width: 100%!important;}
.navigation.menu--main{display: none}
.navbar-collapse.show  .navigation.menu--main{display: block;position: fixed;background: #fff;top:35px;left: 0;padding: 15px 3vw;border-top: 1px solid var(--skyBlue2-color);width: 100% !important;}
.path-frontpage.fixed-header header nav .navbar-nav li a{color: #000!important;}
header .navbar .tm_main_secondary_menu ul.navbar-nav{width: 280px;margin-right: 0;flex-direction: inherit;padding: 0;}
.nj_search_link_cont{width: 40px;background:#000}
.nj_link_btn_2_cont,.nj_link_btn_1_cont{width: 120px;}

header .navbar nav ul li{border: none!important;}
.tm_main_secondary_menu ul .nj_link_btn_1_cont a, .tm_main_secondary_menu ul .nj_link_btn_2_cont a{font-size: 12px;text-align: center;padding: 9px 7px !important;}
header .navbar-toggler{    bottom: -47%;z-index: 22;}
.footerBottomSos h4{text-align: left;}

/* Our Comitment Css */
.homelegacy_img{margin:0;}
.homelegacy_img img{width: 60%;}

/* Our Services css */

ul.serviceslist li span {font-size: 30px; font-weight: 500; line-height: 54px; color: #307FE2;}
.our-Services br { display: none !important;}

.driving-towards br { display: none;}
.driving-img img { margin-top: 60px;}
.homeDrivingTowards.tataTBorder .container {padding: 50px 0 50px 50px;} 

/* UncompromisedTrucking Css */
.homeUncompromisedTruckingWrap .home-page-promotion br { display: none !important;}
.serviceslist{padding: 30px 10px;  flex-wrap: wrap;gap: 30px;}
ul.serviceslist li{width: 200px;}
ul.serviceslist li p{margin: auto;}
.clientlogoBlock{flex-wrap: wrap;}
.clientLogo{width: 45%;margin: 0 auto;}
}


@media only screen and (max-width: 780px) {
    .about-us-tech-accordion {  background: var(--skyBlue-color);}
    .page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-item{background: none;}
    .about-us-tech-accordion.tataTcontainerNoBorder::before,.about-us-tech-accordion.tataTcontainerNoBorder::after{display: none!important;}
    .page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-item .accordion-button{    font-size: 21px;    padding: 20px 0;}
    .page-node-type-about-us .block-views-blockabout-us-technologies-accordion-block-1 .view-content .accordion .accordion-body{    padding: 0 0 20px !important;}

.btn09{font-size: 12px;}
ul.serviceslist li{width: 46%;}
.homeDrivingTowards.tataTBorder::before{  height: 90% !important;}
.homeUncompromisedTruckingWrap .home-page-promotion {padding: 0px 10px;}
main .block-views-blockhero-slider-block-1 .field__item{height: 75vh;}
.tataNHomeAbout .tataBtn{display: flex;font-size: 11px;}
.home-rb-mobility-slider-section .tm-home-rb-middle-slider{padding-bottom: 130px;}
.tataNHomeAbout .tataBtn .btn09{  padding: 10px 12px;  padding-right: 25px;}
.tb-megamenu.tb-megamenu-main{position: fixed;z-index: 222222;background: #fff;top: -31px;width: 100%;left: 0;right: 0;display: none;}
.show .tb-megamenu.tb-megamenu-main{display: block;}
.home-rb-mobility-slider-section .slick-next{  left: 65px !important;}
#view-id-hero_slider .flex-direction-nav li{top: -4px;}
#view-id-hero_slider .flex-direction-nav,#view-id-hero_slider .fl_slider_control{width: 200px;}
#view-id-hero_slider{  padding: 16vw 0 0 5.1vw}
main .block-views-blockhero-slider-block-1 .hero-slider-item09 .container{padding: 0;}
main .bef-exposed-form.active{top: 69px;width: 100vw;right: 0 !important;position: fixed;z-index: 22222222222222;left: 0;background: #000;margin: auto;}
header nav .navbar-nav li a.nj_link_btn_1{color: #fff !important;}
main .region-breadcrumb .views-exposed-form .container form{width: 100%!important;position: fixed;left: 0;right: 0;top: 70px;background: #fff;height: 35px;}
.path-frontpage main .views-exposed-form .container form .js-form-item input{height: 35px;}
main .views-exposed-form .container form{height: 45px;}

header .navbar-toggler{left: 16px;}
.header-top-navN ul li{font-size: 9px;}
.header-top-navN ul li a::before {width: 11px;height: 11px; margin-right: 5px;}
header .region-header {display: block;}
.fixed-header header .region-header {display: none}
header .navbar nav ul li .dropdown-menu li a{border: none;  padding: 4px 15px !important;}
header .navbar nav ul li{border: none!important;}
header .navbar nav ul li .dropdown-menu li a:hover{background-color: transparent;color: var(--skyBlue2-color)!important;}
.tm_main_secondary_menu ul .nj_link_btn_1_cont a, .tm_main_secondary_menu ul .nj_link_btn_2_cont a{font-size: 14px !important;text-align: center;padding: 9px 7px !important;    font-weight: bold;}
header .navbar-toggler{bottom: -24px;z-index: 22;border-top: 2px solid #000;border-bottom: 2px solid #000;width: 30px;height: 19px;left: inherit;right: 5vw;}
.nj_search_link_cont{background: none;}
header .navbar-toggler-icon{background-color: #000;height: 2px;}
.nj_head1 {left: 0;    background: var(--gray2-color);width: 100%;top: 94px;position: fixed;z-index: 22;bottom: inherit;color: #000;text-align: left;font-size: 12px;padding: 10px 5vw;height: 37px;}
header .navbar .tm_main_secondary_menu ul.navbar-nav{    width: 100%;}
header #navbarSupportedContent{padding: 0;bottom: inherit;z-index: 22;top: 91px;}
header .navbar nav ul li{width: 50%;}
header .navbar nav ul li.nj_search_link_cont{width: 44px;position: absolute;top: -35px;right: 13vw;}
.fixed-header .nj_head1{top: 55px;}
.path-frontpage main{margin-top: 150px !important;}
.tataNonVehiSec{padding: 9vw 0;}
.homelegacy_section{padding: 32vw 0 0;  margin:  0 0;}
.homeFutureCommVehiclesList {padding: 34px 0 0;margin: 0 0 0;}
main .latestUpdateHd {padding: 75px 0 0px !important;margin: 40px 0 0;}
.latestUpdateTab .blocktabs{padding: 30px;}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel{padding: 10px 0;}
.homeabout_section{padding: 130px 0 200px;}
.homeabout_section h3{font-size: 30px;}
.tatABoutBottomtext{font-size: 8px;}
.tataNHomeAboutCount ul{  flex-wrap: wrap;padding: 10px ;  background: #ffffffc9;}
.tataNHomeAboutCount ul li{width: 50%;padding: 15px;border: none;}
.tataNHomeAboutCount ul li p{margin:auto;font-size: 12px;padding: 5px 0 0}
.tataNHomeAboutCount ul li:nth-of-type(2n+1){border-right: 1px solid var(--skyBlue2-color);}
.tataNHomeAboutCount ul li:nth-of-type(3n+3){border-top: 1px solid var(--skyBlue2-color);;}
.tataNHomeAboutCount ul li:nth-of-type(3n+4){border-top: 1px solid var(--skyBlue2-color);;}
.tataNHomeAboutCount ul li h2{font-size: 26px;padding-bottom: 0;margin: auto;}
.tataNHomeAboutCount{padding: 40px 0;}
.home-rb-mobility-slider-section .slick-arrow{  bottom: -90px;width: 40px;height: 40px;}
.home-rb-mobility-slider-section .slick-arrow{left: 18px;}
.home-rb-mobility-slider-section .view-footer{  width: 60%;  bottom: -75px;}
.tataNonVehiSecRow{padding: 30px;}
.tataNonVehiSecCol{display: block;}
.tataNonVehiSecColItem:first-child{width: 100%;}
.tataNonVehiSecColItemInSpares ul li, .tataNonVehiSecColItemInAggregates ul li, .tataNonVehiSecColItemInFleetedge ul li{width: 45%;}
.tataNonVehiSecColItem ul img{height: 90px;}
.tataNonVehiSecColItem ul{gap:10px}
.homelegacy_text{padding: 31px 10px 20px;}
.homeFutureCommVehiclesRow ul{display: block;padding: 30px;}
.homeFutureCommVehiclesRow ul li{padding: 20px 0;border-bottom: 1px solid var(--skyBlue2-color);border-right: none;}
.homeFutureCommVehiclesRow ul li:last-child{border: none;}
.homeFutureCommVehiclesRow ul li h5{font-size: 18px;}
main .latestUpdateHd .container{padding: 30px 0 0 !important;}
.home-rb-mobility-slider-section .njtm_txt{  padding: 30px 20px 20px 40px;width: 90%;min-height: 200px;   width: 93.5%;}
main .view-id-truck_finder .view-filters .form--inline{flex-wrap: wrap;}
:root{  --container: 90vw;  --headingS1: 40px;}
.tataHd1{font-size: 26px;}
.homecontactWrap ul{flex-wrap: wrap;}
.homecontactWrap ul li{  margin: auto;}
.homecontactWrap ul li a{width: fit-content;margin: auto;}
.homecontactWrap ul li:nth-child(2){border-left: 0px solid;border-right: 0px solid;border-top: 1px solid;border-bottom: 1px solid;    padding-bottom: 20px;}
main #block-latestupdates h2, main #block-latestupdates .h2{padding: 0 20px;}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-nav li a{font-size: 12px;}
main .block-blocktabs-blocklatest-updates-block-tabs .ui-widget.ui-widget-content .ui-tabs-panel .view-content .views-row .views-field-field-news-thumbnail-image{height: 200px;}
.homeServicesthatwillHelpYourBusiness_wrap.tataTcontainerBorder::before {height: 98% !important;}
.tm_vehicle_finder_section .container{  padding: 80px 3vw;}

/* Our Comitment Css */
.homelegacy_img{margin:0;}
.homelegacy_img img{width: 100%;}

/* Our Services css */
.serviceslist { display: flex;width: 100%;gap: 15px; }
ul.serviceslist li p{font-size: 13px}
ul.serviceslist li { margin:0 auto ;border: 1px solid var(--skyBlue-color)!important;padding: 20px;}
ul.serviceslist li span {font-size: 25px; font-weight: 500; line-height: 54px; color: #307FE2;}
.our-Services br { display: none !important;}
.clientlogoBlock {gap:15px}
.clientLogo{width: 46%;  margin: 0 auto;  font-size: 13px;}
.clientLogo p { text-align: center;}

.driving-towards br { display: none;}
.driving-img img { display: none;}
.homeDrivingTowards.tataTBorder .container {padding: 80px 20px 50px 50px;} 

/* UncompromisedTrucking Css */
.homeUncompromisedTruckingWrap .views-row-even.col-3, .homeUncompromisedTruckingWrap .views-row-odd.col-3 { width: 100% !important;} 
.homeUncompromisedTruckingWrap .home-page-promotion br { display: none !important;}

/* Mobile T */
.view-hero-slider::after {width: 10vw !important;height: 18vw !important;top: 10vw !important;}
.view-hero-slider::before {width: 9.9vw !important;height: 17.9vw !important;top: 10vw !important;    border: none !important;}
.tataT::after {width: 10vw !important;height: 18vw !important;}
.tataT::before {height: 100% !important;  width: 95vw !important;}
.tataTcontainerBorder:after {width: 10vw !important;height: 18vw !important;}
.tataTcontainerBorder::before {width: 90vw !important;top: 10.8vw !important;height: 98% !important;}
.tataTcontainer::after {width: 10vw !important;height: 18vw !important;    top: 3vw !important;}
.tataTcontainer::before {width: 10vw !important;height: 18vw !important;    top: 3vw !important;}
.tataTBorder::after {width: 10vw !important;height: 18vw !important;top: 3vw !important;}
.tataTBorder::before { width: 94vw !important;height: 100% !important;left: 4.5vw !important;top: 9vw !important;}
.latestUpdateTab::after {left: 5.1vw ;}
.homeabout_section.tataT::before {height: 100% !important;    top: 11vw !important;}
.home-rb-mobility-slider-section::after {  border: 2px solid var(--skyBlue2-color) !important;width: 95.4vw !important;border-top: none !important;}
.home-rb-mobility-slider-section .container{  padding-left: 4vw;}
.homelegacy_section.tataTcontainer::after,.homelegacy_section.tataTcontainer::before{top:26.7vw!important}
.tataTcontainerBorder .container{padding: 30px;}
.HomePageCommercialVehicles{padding: 0px 0;}
.homeCVsectionCol{  grid-template-columns: repeat(1, 1fr);}
.homeCVsectionCol li{padding: 30px;border: 1px solid var(--gray2-color)!important;}
.homeCVsectionColImg img{height: auto;}
.tataTcontainerBorder::after,.tataTBorder::after ,.tataT::after  {clip-path: polygon(0% 0%, 0% 100%, 52% 100%, 52% 34%, 97% 34%, 97% 98%, 61% 98%, 0% 100%, 100% 100%, 100% 0%) !important}

.tataTBox::after {width: 10vw !important;height: 18vw !important;left: -7% !important;top: -24px !important;}
.tataTBox::before {width: 10vw !important;height: 18vw !important;left: -7% !important;top: -24px !important;}
/* Mobile T */

/* Footer */
.footerBottomRowA{display: block;padding: 20px 0;}
.footerBottomLogo{width: 100%;padding:20px 0;}
.footerBottomSos{width: 100%;padding: 20px 0;}
.footerBottomSos h4{text-align: center;}
footer .region-footer .footer-copyright ul{width: fit-content;}
.footerBottomRowB{  flex-wrap: wrap;justify-content: center;padding: 20px 0;}
.footerbottomblink{justify-content: center;}
footer .region .block-block-groupfooter-quicklinks-getintouch .footer-quick-links-block{text-align: left;}
footer .region .navigation.menu--footer-one .navbar-nav li a{font-size: 12px;margin: auto;padding: 10px 5px;}

/* Footer End */

.view-hero-slider::before,.tataTBorder::before,.tataTcontainerBorder::before,.tataT::before,.latestUpdateTab::after{border-width:1px !important;}
.homeUncompromisedTruckingWrap h5{font-size: 40px !important;line-height: 45px;}
.navbar.navbar-expand-lg {padding: 1px 0 16px;}
.services .tp-dtls  h3 {font-size: 25px !important;}
.services main {margin-top: 230px;}
.services .region-content::after,  .services .region-content::before {top: 0 !important;}
.services .dtlsrvc::after {  left: -4% !important;}
.services .dtlsrvc::before {width: 105% !important;    height: 103% !important;}
.services .dtlsrvc h3 {font-size: 30px;padding: 15px 0}
.page-node-type-service-page #block-views-block-value-added-services-block-1 .views-field-field-value-added-services-title .field-content{font-size: 30px;}
.page-node-type-products main .view-trucks-header{width: 100%;}
#view-id-trucks_header .container .view-content .truck-desc.col-6{  padding: 20px 10px;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 h5, .page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 .h5{    font-size: 18px;}

.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .truck-title{font-size: 25px;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc p{padding: 0;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 h5, .page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3 .h5{font-size: 12px;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .products-common-chars{gap: 10px;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-3{padding: 10px 0px;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .col-2{padding: 0 17px 0 0px;width:65px;position: absolute;right:70px;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc .products-common-links{  margin-top: 70px !important;}
.blocktabs .view-content.row{font-size: 13px;line-height: normal;}
.table > :not(caption) > * > *{padding: 6px;}
.page-node-type-products .trucks-main-header{padding: 20px 0;}
.page-node-type-products .trucks-main-header .trucks-header-wrapper .truck-desc{text-align: left;}
main .region-breadcrumb .block-system{font-size: 10px;}
.page-node-type-products .block-blocktabs-blockproduct-page-tabs .flexslider .flex-control-thumbs img{height: 50px;}
#blocktabs-product_page_tabs ul li{bottom: 10px;}
.view-id-find_trucks{padding: 50px 10px;}
#view-id-find_trucks .views-view-grid .row .col-xl-3{padding: 20px;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc h5 a,#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-4 h5{font-size: 11px;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc span{font-size: 7px !important;}
#view-id-find_trucks .trucks-list-wrapper .truck-desc .col-2{  margin-top: 15px;}
.view-id-find_trucks{margin-bottom: 0;}
#view-id-find_trucks .view-footer{margin-top: 40px;}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .js-form-item{width: 100%;margin: 5px auto;}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form .form-control{padding: 10px 10px;font-size: 12px;}
.footer-enquire-now-form-popup .webform-ajax-form-wrapper .webform-submission-form{width: 100%;}
body{font-size: 14px;}
.details .view-trucks-listings .container .view-content{  padding-right: 20px;}
}

header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper .menu-item-product-links{display:flex;gap:15px;align-items:center;justify-content:center;}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper{position:relative;}
header nav .tb-megamenu .tb-megamenu-nav li .mega-dropdown-menu .mega-dropdown-inner .tb-megamenu-column-inner .blocktabs .ui-tabs-panel .views-element-container .view-content.row .views-view-grid .row div .views-field .menu-trucks-wrapper .menu-item-product-links{position:absolute;bottom:-15px;}

/* Ehancement CSS Resources */
.resources .view-filters .form--inline{position:relative;}
.resources .view-trucks-listings .container .view-filters{padding-top:0px}
.resources .view-trucks-listings .container .view-content{margin-top:0;}
.resources .view-filters .form--inline .form-item .form-control{height:38px;}
.resources .view-filters .form-actions{margin-bottom:0px !important;line-height: 0px;display: block;margin-top: 23px;margin-top: 30px;}
.resources .view-filters .form-actions input{background: transparent;color: #000 !important;border: 0;border-radius: 0px;padding: 0;text-decoration: underline;font-size: 12px;position: absolute;top: 0;left: 145px;}
.resources #blocktabs-press_release--49 .view-filters .form-actions input{top: -40px;left: 180px;}
.resources .view-filters .form--inline{align-items: center}
.resources .form--inline label{font-size: 15px;margin-bottom: 10px;}
.resources .press-itmes-wrapper .press-image img{object-fit:contain;}
.resources  .block-blocktabs-blockpress-release h2{font-size: 20px;}
.resources .truck-title a{font-family:var(--f_bold);}

.resources #blocktabs-press_release--49 .view-trucks-listings .container{flex-wrap:wrap;}
.resources #blocktabs-press_release--49 .view-trucks-listings .container .view-filters{width:350px}
.resources #blocktabs-press_release--49 .view-trucks-listings .container .view-content{width:69%;}
.resources #blocktabs-press_release--49 .pager{width: 100%;}

.resources #block-blocktabspressrelease-2 .truck-desc{margin-top:20px;}
.resources .dwn_brochure{font-size: 15px;position:relative;border: 1px solid #307fe2;padding: 7px 20px;margin-top: 71px;color: #307fe2;}
.resources .dwn_brochure:hover{background: #307fe2;color:#fff;}
.resources .galbtn a{display:inline-block;font-size: 15px;border: 1px solid #307fe2;padding: 7px 20px;margin-top:10px;color:var(--skyBlue2-color);}
.resources .galbtn a:hover{background: var(--skyBlue2-color);color:#fff;}

.top-nav-find{position: relative;z-index:99;}
.top-nav-find::before{position: absolute;content:'';background:#bfd7f6;width: 113px;height: 100px;top: -12px;z-index: -1;}
.top-nav-find::after{position: absolute;content: "›";margin-left: 10px;display: inline-block;top: -4px;right: -1px;}

.resources .pagination{border:none !important;}
.resources .pagination .is-active.active a{background:var(--skyBlue2-color);}
.resources .pagination a{text-decoration:none;padding:5px 15px !important;background:var(--bs-border-color) !important;border-radius: 5px !important;color:var(--black-color) !important;}
.resources .pagination a:hover{background:var(--skyBlue2-color) !important;color:var(--white-color) !important;}

.all_srches {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 10px;margin-bottom: 20px;}
.all_srches .trnd_fltr {background: #BFD7F6;color: #000;padding: 5px 20px;text-decoration: none;position: relative;border: 1px solid #BFD7F6;transition: background 0.3s;}
.all_srches .trnd_fltr:hover {background-color: #fff;}
.all_srches .trnd_fltr::before {content: '>';position: absolute;right: 8px;}
.trnd_hd {font-size: 1rem;font-weight: 500;margin-bottom: 14px;color: #000;}
.pplr_srch, .trnding{margin-top: 30px;}
.all_prdcts {display: flex;flex-wrap: wrap;}
.prdcs_fltr {color: #0a0a5f;display: inline-block;width: calc(30% - 8px);margin: 4px;padding-bottom: 10px;text-decoration: none;text-decoration: underline;}
.search-page-search-form .trnding,
.search-page-search-form .pplr_srch {display: none !important;}

.main-srchbg {background: #fff;padding: 10px 10px 30px 10px;position:relative;}
.main-srchbg::before{position: absolute;background:var(--gray2-color);width: 100%;height:60px;top: 0;left: 0;content:'';}
.main-srchbg .search-form{background:#d9d9d9;position:relative;margin-top:6px;}
.main-srchbg .container .search-form .form-actions .js-form-submit{background-position: top -14px left -1928px;}
.main-srchbg .container .search-form .form-item input::placeholder{color: #a3a3a3;}
.main-srchbg .container .search-form .form-item input{background: #ffff;}
.main-srchbg .search-form .trnding{padding-top:30px}

@media(max-width:768px){
    .resources .block-blocktabs-blockpress-release .ui-tabs-nav{width:100%;}
    .top-nav-find::before{top:-23px;height:45px;}
    .resources .view-filters .form-actions input{left:200px;}
    .resources #blocktabs-press_release--49 .view-trucks-listings .container .view-content{width:100%;}
    .resources #blocktabs-press_release--49 .view-trucks-listings .container .view-filters{width:240px !important;}
    .resources .view-trucks-listings .container .view-filters{height:50vh}

    .resources .pagination .page-link{margin:5px 2px;font-size: 11px;}
    header .topmost-header .header-top-nav ul li a{padding:0 8px;}

    /* stories */
        .highlights .highlights-container{padding-top:30px; width:100%;}
        .highlights .highlight-item{flex:0 0 auto;}
        .highlights .highlight-image{border:2px solid var(--bs-primary) !important;}
        .highlights .highlight-title{color:var(--black-color) !important;}
    /* stories */

    /* serach */
    .main-srchbg::before{height:64px;}
    .main-srchbg .search-form{margin-top:10px;}
    /* serach */

.view-testimonials .view-filters .form--inline .form-item select.form-control{padding:5px !important}
.details .view-trucks-listings .container .view-filters .form--inline .js-form-type-radio label{margin-bottom:0px !important;}
.details .view-trucks-listings .container .view-filters .form--inline .js-form-type-radio label{background:#fff !important;}
.resources .region-content::before{height:98% !important;}
     .prdcs_fltr {width: fit-content;}
     .compare--list .compare--product .image{margin-bottom: 10px;}
     .main-srchbg {height:fit-content;overflow: auto;}
}
/* Ehancement CSS Resources */