:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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))
}

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

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

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .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 + .9vw)
}

@media (min-width:1200px) {
    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .h4,
    h4 {
        font-size: 1.5rem
    }
}

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

.h6,
h6 {
    font-size: 1rem
}

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

abbr[data-bs-original-title],
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

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

ol,
ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

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

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

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

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

button,
input,
optgroup,
select,
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]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

::-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: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

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

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

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-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: .5rem
}

.initialism {
    font-size: .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: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

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

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .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%
}

@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%
    }
}

@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%
    }
}

@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%
    }
}

@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%
    }
}

@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-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-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-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-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-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-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-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    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>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .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-striped>tbody>tr:nth-of-type(odd) {
    --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-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --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: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --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: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --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: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --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: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --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: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --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: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --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: #fff;
    border-color: #373b3e
}

.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: .5rem
}

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

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

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

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .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: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .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 .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .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::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .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;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + (.5rem + 2px));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + (.75rem + 2px))
}

textarea.form-control-sm {
    min-height: calc(1.5em + (.5rem + 2px))
}

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

.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .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 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .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: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

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

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

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.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 10l3 3l6-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: #0d6efd;
    border-color: #0d6efd;
    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: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: .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 .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='%2386b7fe'/%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-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,
.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .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: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .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-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem .75rem
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .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: .25rem
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

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

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
    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
}

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

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

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

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .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.73L.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(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

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

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select: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 5l6 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.73L.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 .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #198754
}

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

.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

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

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .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(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

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

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select: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 5l6 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 .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

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

.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.fade {
    transition: opacity .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 .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropend,
.dropstart,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.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: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .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: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .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: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out
}

@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 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    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 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .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
    }
}

@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 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .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
    }
}

@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 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .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
    }
}

@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 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .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
    }
}

@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 {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .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 {
    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 {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: 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")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: 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")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
}

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

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(.25rem - 1px)
}

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

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%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");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: 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");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.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 {
    border-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

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

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>li::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.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: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }
    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.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:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.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:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.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:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.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:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.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:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.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:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

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

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.toast:not(.showing):not(.show) {
    opacity: 0
}

.toast.hide {
    display: none
}

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .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% - 1rem)
}

.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% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

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

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

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

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-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 {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@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 {
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@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 {
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@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 {
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@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 {
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@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 {
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    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;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[data-popper-placement^=right],
.bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[data-popper-placement^=left],
.bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    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;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem 1rem;
    color: #212529
}

.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%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    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: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

.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: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .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-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

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

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

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

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

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

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:focus,
.link-primary:hover {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus,
.link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus,
.link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus,
.link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus,
.link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus,
.link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus,
.link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus,
.link-dark:hover {
    color: #1a1e21
}

.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: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.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: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

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

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

.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 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(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: -webkit-sticky !important;
    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: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

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

.border-end {
    border-right: 1px solid #dee2e6 !important
}

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

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

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

.border-start {
    border-left: 1px solid #dee2e6 !important
}

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

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

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

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

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

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

.gap-5 {
    gap: 3rem !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: .25rem !important
}

.m-2 {
    margin: .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: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .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: .25rem !important;
    margin-bottom: .25rem !important
}

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

.my-3 {
    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: .25rem !important
}

.mt-2 {
    margin-top: .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: .25rem !important
}

.me-2 {
    margin-right: .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: .25rem !important
}

.mb-2 {
    margin-bottom: .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: .25rem !important
}

.ms-2 {
    margin-left: .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: .25rem !important
}

.p-2 {
    padding: .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: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .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: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .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: .25rem !important
}

.pt-2 {
    padding-top: .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: .25rem !important
}

.pe-2 {
    padding-right: .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: .25rem !important
}

.pb-2 {
    padding-bottom: .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: .25rem !important
}

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

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

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

.ps-5 {
    padding-left: 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 + .9vw) !important
}

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

.fs-4 {
    font-size: calc(1.275rem + .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-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
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    color: #0d6efd !important
}

.text-secondary {
    color: #6c757d !important
}

.text-success {
    color: #198754 !important
}

.text-info {
    color: #0dcaf0 !important
}

.text-warning {
    color: #ffc107 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-light {
    color: #f8f9fa !important
}

.text-dark {
    color: #212529 !important
}

.text-white {
    color: #fff !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    color: inherit !important
}

.bg-primary {
    background-color: #0d6efd !important
}

.bg-secondary {
    background-color: #6c757d !important
}

.bg-success {
    background-color: #198754 !important
}

.bg-info {
    background-color: #0dcaf0 !important
}

.bg-warning {
    background-color: #ffc107 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

.bg-dark {
    background-color: #212529 !important
}

.bg-body {
    background-color: #fff !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

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

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

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

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

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

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

.rounded {
    border-radius: .25rem !important
}

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

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

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

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !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
    }
    .gap-sm-0 {
        gap: 0 !important
    }
    .gap-sm-1 {
        gap: .25rem !important
    }
    .gap-sm-2 {
        gap: .5rem !important
    }
    .gap-sm-3 {
        gap: 1rem !important
    }
    .gap-sm-4 {
        gap: 1.5rem !important
    }
    .gap-sm-5 {
        gap: 3rem !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: .25rem !important
    }
    .m-sm-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }
    .mt-sm-2 {
        margin-top: .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: .25rem !important
    }
    .me-sm-2 {
        margin-right: .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: .25rem !important
    }
    .mb-sm-2 {
        margin-bottom: .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: .25rem !important
    }
    .ms-sm-2 {
        margin-left: .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: .25rem !important
    }
    .p-sm-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }
    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }
    .pt-sm-2 {
        padding-top: .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: .25rem !important
    }
    .pe-sm-2 {
        padding-right: .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: .25rem !important
    }
    .pb-sm-2 {
        padding-bottom: .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: .25rem !important
    }
    .ps-sm-2 {
        padding-left: .5rem !important
    }
    .ps-sm-3 {
        padding-left: 1rem !important
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important
    }
    .ps-sm-5 {
        padding-left: 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
    }
    .gap-md-0 {
        gap: 0 !important
    }
    .gap-md-1 {
        gap: .25rem !important
    }
    .gap-md-2 {
        gap: .5rem !important
    }
    .gap-md-3 {
        gap: 1rem !important
    }
    .gap-md-4 {
        gap: 1.5rem !important
    }
    .gap-md-5 {
        gap: 3rem !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: .25rem !important
    }
    .m-md-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }
    .mt-md-2 {
        margin-top: .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: .25rem !important
    }
    .me-md-2 {
        margin-right: .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: .25rem !important
    }
    .mb-md-2 {
        margin-bottom: .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: .25rem !important
    }
    .ms-md-2 {
        margin-left: .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: .25rem !important
    }
    .p-md-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }
    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }
    .pt-md-2 {
        padding-top: .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: .25rem !important
    }
    .pe-md-2 {
        padding-right: .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: .25rem !important
    }
    .pb-md-2 {
        padding-bottom: .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: .25rem !important
    }
    .ps-md-2 {
        padding-left: .5rem !important
    }
    .ps-md-3 {
        padding-left: 1rem !important
    }
    .ps-md-4 {
        padding-left: 1.5rem !important
    }
    .ps-md-5 {
        padding-left: 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
    }
    .gap-lg-0 {
        gap: 0 !important
    }
    .gap-lg-1 {
        gap: .25rem !important
    }
    .gap-lg-2 {
        gap: .5rem !important
    }
    .gap-lg-3 {
        gap: 1rem !important
    }
    .gap-lg-4 {
        gap: 1.5rem !important
    }
    .gap-lg-5 {
        gap: 3rem !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: .25rem !important
    }
    .m-lg-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }
    .mt-lg-2 {
        margin-top: .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: .25rem !important
    }
    .me-lg-2 {
        margin-right: .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: .25rem !important
    }
    .mb-lg-2 {
        margin-bottom: .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: .25rem !important
    }
    .ms-lg-2 {
        margin-left: .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: .25rem !important
    }
    .p-lg-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }
    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }
    .pt-lg-2 {
        padding-top: .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: .25rem !important
    }
    .pe-lg-2 {
        padding-right: .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: .25rem !important
    }
    .pb-lg-2 {
        padding-bottom: .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: .25rem !important
    }
    .ps-lg-2 {
        padding-left: .5rem !important
    }
    .ps-lg-3 {
        padding-left: 1rem !important
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important
    }
    .ps-lg-5 {
        padding-left: 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
    }
    .gap-xl-0 {
        gap: 0 !important
    }
    .gap-xl-1 {
        gap: .25rem !important
    }
    .gap-xl-2 {
        gap: .5rem !important
    }
    .gap-xl-3 {
        gap: 1rem !important
    }
    .gap-xl-4 {
        gap: 1.5rem !important
    }
    .gap-xl-5 {
        gap: 3rem !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: .25rem !important
    }
    .m-xl-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }
    .mt-xl-2 {
        margin-top: .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: .25rem !important
    }
    .me-xl-2 {
        margin-right: .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: .25rem !important
    }
    .mb-xl-2 {
        margin-bottom: .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: .25rem !important
    }
    .ms-xl-2 {
        margin-left: .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: .25rem !important
    }
    .p-xl-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }
    .pt-xl-2 {
        padding-top: .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: .25rem !important
    }
    .pe-xl-2 {
        padding-right: .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: .25rem !important
    }
    .pb-xl-2 {
        padding-bottom: .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: .25rem !important
    }
    .ps-xl-2 {
        padding-left: .5rem !important
    }
    .ps-xl-3 {
        padding-left: 1rem !important
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xl-5 {
        padding-left: 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
    }
    .gap-xxl-0 {
        gap: 0 !important
    }
    .gap-xxl-1 {
        gap: .25rem !important
    }
    .gap-xxl-2 {
        gap: .5rem !important
    }
    .gap-xxl-3 {
        gap: 1rem !important
    }
    .gap-xxl-4 {
        gap: 1.5rem !important
    }
    .gap-xxl-5 {
        gap: 3rem !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: .25rem !important
    }
    .m-xxl-2 {
        margin: .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: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .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: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .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: .25rem !important
    }
    .mt-xxl-2 {
        margin-top: .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: .25rem !important
    }
    .me-xxl-2 {
        margin-right: .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: .25rem !important
    }
    .mb-xxl-2 {
        margin-bottom: .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: .25rem !important
    }
    .ms-xxl-2 {
        margin-left: .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: .25rem !important
    }
    .p-xxl-2 {
        padding: .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: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .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: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .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: .25rem !important
    }
    .pt-xxl-2 {
        padding-top: .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: .25rem !important
    }
    .pe-xxl-2 {
        padding-right: .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: .25rem !important
    }
    .pb-xxl-2 {
        padding-bottom: .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: .25rem !important
    }
    .ps-xxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxl-5 {
        padding-left: 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
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        -ms-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        -ms-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        -ms-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -ms-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -ms-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0, 0, 1, 45deg);
        transform: rotate(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0, 0, 1, 45deg);
        -ms-transform: rotate(0, 0, 1, 45deg);
        transform: rotate(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -ms-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -ms-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        -ms-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/themes/custom/reliance/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center;
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101";
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-play-circle:before {
    content: "\f102";
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103";
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104";
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105";
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106";
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107";
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108";
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109";
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-square:before {
    content: "\f10a";
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-spinner:before {
    content: "\f10b";
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10c";
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10d";
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e";
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-share:before {
    content: "\f10f";
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-cog:before {
    content: "\f110";
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
    content: "\f111";
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-circle-outline:before {
    content: "\f112";
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113";
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-hd:before {
    content: "\f114";
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115";
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116";
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-facebook:before {
    content: "\f117";
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-gplus:before {
    content: "\f118";
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-linkedin:before {
    content: "\f119";
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-twitter:before {
    content: "\f11a";
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-tumblr:before {
    content: "\f11b";
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-pinterest:before {
    content: "\f11c";
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d";
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e";
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-next-item:before {
    content: "\f11f";
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-previous-item:before {
    content: "\f120";
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f121";
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f122";
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}

.video-js:-moz-full-screen {
    position: absolute;
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.video-js[tabindex="-1"] {
    outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit;
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%;
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none;
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}

.vjs-hidden {
    display: none !important;
}

.vjs-disabled {
    opacity: 0.5;
    cursor: default;
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC;
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.81666em;
    margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%;
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}

.vjs-menu-button {
    cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
    cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none;
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none;
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block;
}

.video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none;
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
}

.vjs-button>.vjs-icon-placeholder {
    display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
    display: none;
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none;
}

.video-js .vjs-progress-control.disabled {
    cursor: default;
}

.vjs-live .vjs-progress-control {
    display: none;
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center;
}

.vjs-no-flex .vjs-progress-control {
    width: auto;
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}

.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.3333333333em;
    z-index: 1;
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
    cursor: default;
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none;
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
}

.video-js .vjs-volume-panel {
    transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em;
}

.video-js .vjs-volume-panel {
    display: flex;
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto;
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em;
    z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em;
    z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
    display: block;
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none;
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red;
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.vjs-live .vjs-time-control {
    display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none;
}

.vjs-time-divider {
    display: none;
    line-height: 3em;
}

.vjs-live .vjs-time-divider {
    display: none;
}

.video-js .vjs-play-control {
    cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none;
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
}

.vjs-subtitles {
    color: #fff;
}

.vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
    display: none;
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
    display: none;
}

.vjs-playback-rate>.vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
    animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: white;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: white;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none;
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none;
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none;
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " ";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial;
}

.video-js.vjs-layout-x-small .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
    display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block;
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px;
    }
    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px;
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1;
    }
    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr;
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em;
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
}

.video-js *:focus:not(:focus-visible) {
    outline: none;
}

body {
    font-family: "JioType";
    font-weight: 300;
    color: #373f41;
    line-height: 1.4;
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}

@media not all and (min-resolution:0.001dpcm) {
    @media {
        .jio-play-icon {
            display: none;
        }
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color:transparent) {
        .jio-play-icon {
            display:none;
        }
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance: none) and (not (stroke-color:transparent)) {
        .jio-play-icon {
            display:none;
        }
    }
}

@supports (-webkit-hyphens:none) {
    .jio-play-icon {
        display: none;
    }
}

@supports selector(:-moz-is-html) {
    .jio-play-icon {
        display: none;
    }
}

#edit-keys::-webkit-outer-spin-button,
#edit-keys::-webkit-inner-spin-button,
#edit-keys::-webkit-search-cancel-button,
.search-input-common::-webkit-outer-spin-button,
.search-input-common::-webkit-inner-spin-button,
.search-input-common::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

html.touch *:hover {
    pointer-events: none !important;
}

@font-face {
    font-family: "JioType";
    src: url(/themes/custom/reliance/fonts/JioType-Light.woff2) format("woff2"), url(/themes/custom/reliance/fonts/JioType-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "JioType";
    src: url(/themes/custom/reliance/fonts/JioType-LightItalic.woff2) format("woff2"), url(/themes/custom/reliance/fonts/JioType-LightItalic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JioType";
    src: url(/themes/custom/reliance/fonts/JioType-Medium.woff2) format("woff2"), url(/themes/custom/reliance/fonts/JioType-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "JioType";
    src: url(/themes/custom/reliance/fonts/JioType-MediumItalic.woff2) format("woff2"), url(/themes/custom/reliance/fonts/JioType-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "JioType";
    src: url(/themes/custom/reliance/fonts/JioType-Bold.woff2) format("woff2"), url(/themes/custom/reliance/fonts/JioType-Bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "JioType";
    src: url(/themes/custom/reliance/fonts/JioType-Black.woff2) format("woff2"), url(/themes/custom/reliance/fonts/JioType-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.fontjio {
    font-family: "JioType";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
}

p {
    font-family: "JioType";
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

header {
    position: absolute;
    z-index: 99;
    width: 100%;
    transition: all 0.5s;
    top: 0;
    left: 0;
}

#Retailcls {
    padding: 37px 0 0 0;
}

header.sticky {
    position: fixed !important;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    padding: 8px 0;
}

header.sticky .top-menu {
    display: none;
}

header.sticky .navbar {
    border-top: none;
    padding-top: 0;
}

.inner-header.board-header .logo-blk {}

.inner-header.about-header .logo-blk {
    display: none;
}

.inner-header.board-header .logo-wht,
.formobile {
    display: none;
}

.ablogo-show {
    display: none;
}

.inner-header.board-header {
    position: relative;
    margin-bottom: 25px;
}

.navbar {
    padding-bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
}

.r-logo {
    max-width: 100%;
    width: 208px;
}

.home-header .dropdown-toggle::after,
.home-header .serach img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.home-header .menu-trigger span {
    background-color: #fff;
}

.home-header .navbar {
    padding-bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 1);
}

.home-header.sticky .navbar-light .navbar-nav .nav-link,
.home-header.sticky .navbar-light .navbar-text,
.home-header.sticky .top-menu li a {
    color: #000;
}

.home-header.sticky .navbar-light .navbar-nav .nav-link:focus,
.home-header.sticky .navbar-light .navbar-nav .nav-link:hover {
    color: #000 !important;
}

.home-header.sticky .dropdown-toggle::after,
.home-header.sticky .serach img,
.home-header.sticky .iconf {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
}

.home-header.sticky .menu-trigger span {
    background-color: #000;
}

.navbar ul.list-unstyled.text-end {
    display: none;
}

.bodyFix .home-header {
    display: none !important;
}

.inner-header .dropdown-toggle::after,
.inner-header .serach img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-text {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.01em;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler,
.navbar-light .navbar-text a {
    color: #fff;
    text-decoration: none;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}

.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff !important;
}

.navbar-collapse {
    justify-content: flex-start;
}

.stock_prise {
    display: none !important
}

header .navbar-expand-lg .navbar-collapse {
    justify-content: space-between;
}

.search-wrapper-cs {
    position: relative;
    z-index: 9999;
    top: -25px;
}

header.sticky .search-wrapper-cs {
    top: -35px;
}

.search-wrapper-cs .input-holder {
    height: 64px;
    width: 70px;
    position: absolute;
    transition: all linear 0.3s;
    right: 0;
    z-index: 10;
}

.search-wrapper-cs.active .input-holder {
    width: 962px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    border-bottom: 4px solid #d2ab67;
}

.search-wrapper-cs .input-holder .search-input {
    width: 100%;
    height: 100%;
    padding: 0px 48px 0 20px;
    opacity: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    color: #000;
    background-color: #fff;
    -webkit-appearance: none;
    border-radius: 0;
}

.search-wrapper-cs .input-holder .search-input::placeholder {
    color: rgb(55, 63, 65, 0.6);
}

.search-wrapper-cs.active .input-holder .search-input {
    opacity: 1;
}

.search-wrapper-cs .input-holder .search-icon {
    width: 40px;
    height: 48px;
    border: none;
    background: url(/sites/default/files/images/search-icon3.png) no-repeat center;
    padding: 0px;
    outline: none;
    position: absolute;
    right: 0;
    z-index: 1;
    cursor: pointer;
}

.search-wrapper-cs.active .input-holder .search-icon {
    right: 44px;
    top: 7px;
}

.search-wrapper-cs .close {
    position: absolute;
    z-index: 1;
    top: 13px;
    right: 8px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 11;
}

.search-wrapper-cs.active .close {
    top: 20px;
    right: 18px;
    background: url(/sites/default/files/images/search-close.png) no-repeat center;
}

.home-header .search-wrapper-cs .input-holder .search-icon,
.about-header .search-wrapper-cs .input-holder .search-icon {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

header.sticky .search-wrapper-cs .input-holder .search-icon {
    top: 8px;
}

.search-wrapper-cs.active .input-holder .search-icon,
.about-header.sticky .search-wrapper-cs .input-holder .search-icon,
.home-header.sticky .search-wrapper-cs .input-holder .search-icon {
    filter: brightness(0) invert(0);
    -webkit-filter: brightness(0) invert(0);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.8rem;
    padding-left: 0.15rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-item {
    margin-left: 0.9rem;
    margin-right: 2.4rem;
}

span.navbar-text.serach {
    margin-left: 30px;
}

.navbar-text {
    padding-top: 0.2rem;
}

.navbar-expand-lg .navbar-nav li:first-child {
    margin-left: 0;
}

.custom-toggler.navbar-toggler {
    border-color: #d2ab67;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(210, 171, 103, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

button.navbar-toggler:focus {
    box-shadow: none;
    outline: 0;
}

.dropdown-menu-dark {
    border-color: #d2ab67;
    background-color: #d2ab67;
}

.dropdown-menu-dark .dropdown-item {
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.01em;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
    padding: 0;
}

.top-menu {
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: all 0.5s ease-in-out;
}

.top-menu li {
    display: inline-block;
}

.top-menu li:not(:last-child) {
    margin-right: 30px;
}

.top-menu li {
    font-size: 14px;
    color: #000;
    letter-spacing: 0.01em;
}

.top-menu li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    position: relative;
    letter-spacing: 0.01em;
}

.top-menu li a::after {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
}

.home-header .top-menu li a,
.about-header .top-menu li a,
.home-header .top-menu li,
.about-header .top-menu li {
    color: #fff;
}

.home-header .top-menu li a:hover,
.about-header .top-menu li a:hover {
    color: #be9244;
}

.submenu-block {
    padding: 30px 0 10px 0;
}

.submenu-block h3,
.submenu-block-eb2b h3,
.submenu-block-eb2b h3 a {
    color: #4d4d4d !important;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.01em;
    font-family: "JioType";
}

.main-heading {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.main-heading2 {
    padding-top: 15px;
    margin-bottom: 0;
}

.main-heading::after,
.main-heading2::after {
    content: "";
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #eee;
    width: 94%;
    margin: auto;
}

.main-heading2::after {
    top: 96px;
}

.submenu-block h3 a {
    color: #4d4d4d;
}

.bord-btm {
    border-bottom: 1px solid #eee;
}

.submenu-eb2b {
    background: #fff;
    display: grid;
    grid-gap: 25px;
    grid-template-columns: auto auto;
}

.submenu-eb2b .submenu-item ul {}

.submenu-eb2b .submenu-item ul li a:hover,
.submenu-block-eb2b ul.mtb-25 li a:hover {
    color: #be9244 !important;
}

.submenu-eb2b .submenu-item ul li {
    display: block;
    margin-bottom: 8px;
    line-height: 1.3;
}

.submenu-eb2b .submenu-item ul li a,
.submenu-block-eb2b ul.mtb-25 li a {
    color: #373f41 !important;
}

.submenu-eb2b .submenu-item ul li:not(:last-child) {
    margin-right: 0;
}

.submenu-block-eb2b {
    padding: 20px 25px 0 25px;
}

.submenu-holder {
    background: #fff;
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
}

.submenu-holder.columns4 {
    grid-template-columns: auto auto auto auto;
}

.sensex>li>a>img,
.sensex>li>img {
    margin-right: 4px;
}

.dropdown-toggle::after {
    content: "";
    width: 12px;
    height: 7px;
    background: url(/sites/default/files/images/arrow-menu-blk.png) no-repeat center;
    border: none;
    display: block;
    position: absolute;
    bottom: 20px;
    right: 0.15rem;
}

.submenu-item h4,
.submenu-item .navmenu_title {
    font-family: "JioType";
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 1.25rem;
    max-width: 80%;
}

.submenu-item h4 a,
.submenu-item .navmenu_title a {
    color: #4d4d4d !important;
    font-size: 14px;
}

.submenu-item h4 a:hover,
.submenu-item .navmenu_title a:hover {
    color: #be9244 !important;
}

.submenu-item h5 {
    font-family: "JioType";
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
    margin-top: 0;
}

.submenu-item h5 a {
    color: #4d4d4d;
    text-decoration: none;
}

.submenu-item h5 a:hover {
    color: #be9244;
}

h5.mb-15,
h4.mb-15 {
    margin-bottom: 10px;
}

.submenu-item.careertab h5.mb-15 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 25px !important;
}

.mtb-25 {
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
}

.rightspace {
    margin-right: 20px;
}

.submenu-item ul {
    padding: 0;
    margin: 0 0 1rem;
    list-style-type: none;
}

.submenu-item h4+ul,
.submenu-item .navmenu_title+ul {
    margin-top: -15px;
}

.submenu-item ul li {
    margin-bottom: 0;
    line-height: 24px;
}

.submenu-item ul li a {
    color: #373f41;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
}

.submenu-item ul li a:hover {
    color: #be9244;
}

ul.underline {
    margin-bottom: 20px;
}

ul.underline li {
    position: relative;
}

ul.underline li a,
ul.overview_menu li a {
    color: #373f41 !important;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
}

ul.underline li a:hover,
ul.overview_menu li a:hover {
    color: #be9244 !important;
}

ul.underline li:first-child {
    margin-bottom: 12px;
}

ul.underline li:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 60px;
    height: 1px;
    background-color: #afafaf;
}

.underline.mtb-25 li::after {
    display: none;
}

.menu-content1,
.menu-content2,
.menu-content3,
.menu-content4 {
    display: none;
}

.menu-content1.current,
.menu-content2.current,
.menu-content3.current,
.menu-content4.current {
    display: block;
}

.hover-menu {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 278px;
    position: relative;
}

.hover-menu:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) -2.48%, rgba(0, 0, 0, 0) 101.35%);
}

.bg-overview {
    background-image: url(/sites/default/files/images/overview-menu-img.jpg);
}

.bg-energy {
    background-image: url(/sites/default/files/images/energy-menu-img.jpg);
}

.bg-petro {
    background-image: url(/sites/default/files/images/petro-menu-img.jpg);
}

.bg-digital {
    background-image: url(/sites/default/files/images/digital-menu-img.jpg);
}

.bg-retail {
    background-image: url(/sites/default/files/images/retail-menu-img.jpg);
}

.bg-media {
    background-image: url(/sites/default/files/images/media-menu-img.jpg);
}

.bg-mterials {
    background-image: url(/sites/default/files/images/mterials-menu-img.jpg);
}

.bg-sustain {
    background-image: url(/sites/default/files/images/sustain-menu-img.jpg);
}

.bg-work {
    background-image: url(/sites/default/files/images/work-menu-img.jpg);
}

.bg-news {
    background-image: url(/sites/default/files/images/news-menu-img.jpg);
}

.founder a,
.hover-menu a {
    position: absolute;
    left: 20px;
    bottom: 15px;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    color: #fff;
    padding-right: 26px;
    transition: all 0.3s ease-in-out;
}

.arrow {
    background: url(/sites/default/files/images/arrow.png) right 7px no-repeat;
}

.founder a:hover,
.hover-menu a:hover {
    padding-right: 30px;
}

.rilpopup .modal-xl {
    max-width: 1000px;
}

.rilpopup .modal-body {
    padding: 0;
}

.rilpopup .modal-content {
    border: 0;
    background-color: transparent;
}

.rilpopup .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 5;
    color: #fff;
    background-color: #fff;
}

.rilpopup .modal-title {
    color: #fff;
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
}

.modal-backdrop.show {
    opacity: 1;
}

.video-block {
    position: relative;
    z-index: 4;
}

.bodyFix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-bg {
    animation: seconds 2.2s forwards;
    animation-iteration-count: 1;
    animation-delay: 2.2s;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-image: url(/sites/default/files/images/slider-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all linear 1.3s;
    z-index: 999;
}

@keyframes seconds {
    0% {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
    }
    100% {
        opacity: 0;
        transform: scale(3);
        visibility: hidden;
    }
}

.pageLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
}

.pageLoader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: zoom-in-zoom-out 2s ease infinite;
}

.mob-banner {
    display: none !important;
}

.video-slider .slick-slide img {
    height: 100vh;
}

.video-slider .slick-current.slick-active {
    position: relative;
    z-index: 10;
}

.video-mob {
    display: none;
}

.flag-mob {
    display: none;
}

video {
    display: block;
    width: 100%;
    height: 100%;
}

.video-overlay {
    position: relative;
    z-index: 5;
}

.video-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 12.77%, rgba(0, 0, 0, 0) 20.13%), linear-gradient(90deg, rgba(0, 0, 0, 0.56) 1.71%, rgba(52, 52, 52, 0) 100%);
    animation: fade_in 3s;
}

@keyframes fade_in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.video-content {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 6;
    color: #fff;
    visibility: visible;
    opacity: 1;
}

.bodyFix .video-content {
    visibility: hidden;
    opacity: 0;
}

.video-content h1 {
    font-family: "Playfair Display", serif;
    font-size: 100px;
    line-height: 115px;
    font-weight: 400;
    position: relative;
    padding-bottom: 45px;
    margin-bottom: 40px;
    margin-top: 25px;
}

.video-content h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 340px;
    height: 4px;
    background-color: #d2ab67;
}

.video-content p,
.video-content li {
    font-size: 19px;
    letter-spacing: 0.01em;
    margin-bottom: 0;
}

.video-content li {
    display: inline-block;
    margin-right: 25px;
}

.video-content li:last-child {
    margin-right: 0;
}

.video-content li a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    border: 1px solid #ffffff;
    border-radius: 45.813px;
    padding: 12px 22px;
    text-transform: lowercase;
}

.video-content li a:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.video-content li a:after {
    background: url(/sites/default/files/images/arrow.png) no-repeat center;
    content: "";
    width: 14px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background-size: 14px 13px;
}

.video-content li a:hover::before {
    right: -32px;
}

.search-wrapper {
    background-color: #fdf2df;
    height: 220px;
}

.search-box {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}

.search-box input {
    height: 60px;
    text-indent: 10px;
    font-family: "JioType";
    color: #6b6363;
    font-size: 16px;
    font-weight: 300;
    border: 2px solid #fff;
    width: 90%;
}

.search-box input:focus {
    box-shadow: none;
    border: 2px solid #d2ab67;
    outline: 0;
}

.search-box .fa-search {
    position: absolute;
    top: 20px;
    left: 16px;
}

#search-form {
    display: none;
}

.search-wrapper.search_result {
    background-color: transparent;
    height: 160px;
}

.search-box button {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 105px;
    border: 0;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #be9244 url(/sites/default/files/images/search-icon.png) no-repeat center center;
    transition: all 0.3s;
}

.search-box button::before {
    content: "";
    border-left: 15px solid transparent;
    border-bottom: 60px solid #be9244;
    position: absolute;
    left: -15px;
    top: 0;
    transition: all 0.3s;
}

.search-box button:hover {
    background-color: #053c8f;
    border-color: #053c8f;
}

.four-zero-four {
    padding-top: 80px;
    padding-bottom: 60px;
}

.four-zero-four h1 {
    font-weight: 700;
    font-size: 40px !important;
    color: #D2AB67;
    line-height: 80px !important;
}

.four-zero-four h2 {
    font-weight: 500;
    font-size: 48px;
    letter-spacing: 0.25px;
    color: #373F41;
    margin-bottom: 20px;
}

.four-zero-four p {
    font-weight: 300;
    font-size: 22px;
    color: #373F41;
}

.four-zero-four .more-btn {
    background-color: transparent;
    border: 1px solid #2c2c2c;
    color: #2c2c2c;
    margin-top: 10px;
    color: #373F41;
    padding: 10px 34px 10px 20px;
}

.four-zero-four .more-btn::before {
    filter: brightness(0) invert(0);
    top: 15px;
}

.four-zero-four .more-btn:hover::before {
    filter: brightness(0) invert(1);
}

.search-box button:hover::before {
    border-bottom: 60px solid #053c8f;
}

.search-box button:focus,
.search-box button:active:focus {
    box-shadow: none;
}

.welcome-box {
    text-align: center;
    background-color: #fdf2df;
}

.we_care img {
    max-width: 700px;
}

.we_care {
    padding-top: 32px;
    margin-bottom: 15px;
}

.welcome-box h2 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 300;
    color: #000;
    margin-bottom: 0;
    padding-bottom: 30px;
}

.welcome-box h2 sup {
    font-size: .60em;
}

.simplenews-confirm-multi.confirmation,
.simplenews-confirm-removal.confirmation,
.simplenews-subscriber-validate {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fdf2df;
}

.simplenews-confirm-removal.confirmation.confirmation p {
    font-size: 18px;
}

.simplenews-subscriber-validate p {
    font-size: 18px;
}

.simplenews-subscriber-validate .js-form-type-email {
    max-width: 540px;
    margin: 0 auto 10px;
}

.simplenews-subscriber-validate input[type='email'] {
    max-width: 390px;
    margin-bottom: 10px;
}

.cd-top {
    display: inline-block;
    height: 51px;
    width: 50px;
    position: fixed;
    bottom: 50px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(/sites/default/files/images/slide-arrow.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
    z-index: 98;
}

.cd-top.cd-fade-out {
    opacity: 1;
    z-index: 1039;
}

.no-touch .cd-top:hover {
    opacity: 1;
}

.mob-menu {
    display: none !important;
}

.common-box .flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.common-box .flexbox>div {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 10px 0;
}

@media all and (min-width:992px) {
    .venue_box-mob {
        display: none
    }
    .digitalJioCommittedBox.bottomSlide>div {
        width: 25%;
        flex: 0 0 auto !important;
    }
}

@media all and (min-width:1200px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }
    .navbar .nav-item:hover .nav-link::before {
        right: 0;
    }
    .navbar .nav-item:hover .nav-link {
        color: #fff;
    }
    .navbar .nav-item:hover .dropdown-menu,
    .top-menu .nav-item:hover .dropdown-menu {
        display: block;
        border-radius: 0;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    }
    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link::before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #d2ab67;
        height: 4px;
        border-radius: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        z-index: 1001;
    }
    .navbar-expand-lg .navbar-nav .nav-link:hover::before {
        right: 0;
    }
    .top-menu .nav-item:hover .dropdown-menu {
        min-width: 42rem;
        right: 0;
        box-shadow: none;
        z-index: 9999;
    }
    .top-menu .nav-item:hover .dropdown-menu::before {
        content: "";
        border-left: 9px solid transparent;
        border-bottom: 9px solid rgba(0, 0, 0, 0.15);
        border-right: 9px solid transparent;
        position: absolute;
        margin-top: -9px;
        margin-left: -9px;
        right: 11px;
        top: 0;
    }
    .home-header .top-menu .nav-item:hover .dropdown-menu::before,
    .about-header .top-menu .nav-item:hover .dropdown-menu::before {
        border-bottom: 9px solid #fff;
    }
    .sticky .navbar .nav-item:hover .dropdown-menu {
        margin-top: 6px;
    }
    .sticky .navbar-expand-lg .navbar-nav .nav-link::before {
        bottom: -6px;
    }
}

#block-reliance-page-title {
    display: none;
}

.business-block {
    position: relative;
    transition: all 0.7s;
    height: 100%;
    min-height: 100vh;
    z-index: 9;
    overflow: hidden;
}

.ob-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    text-align: center;
}

.business-block h2 {
    font-family: "Playfair Display", serif;
    color: #fff;
    font-size: 75px;
    text-transform: capitalize;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 400;
}

.business-block h6,
.business-block h3 {
    font-family: "JioType";
    font-size: 21px;
    color: #fff;
    font-weight: 500;
    position: relative;
    padding-left: 26px;
    text-transform: uppercase;
}

.business-block h6:before,
.business-block h3:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    background: url(/sites/default/files/images/drop-icon.png);
    width: 11px;
    height: 28px;
}

.business-block p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 20px;
    max-width: 410px;
}

.business-block .tabs-block {
    margin-left: 84px;
}

.business-block ul#tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.business-block ul#tabs-nav li {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.01em;
    height: 74px;
    line-height: 74px;
    position: relative;
    transition: all 0.4s;
}

.date-block .share a {
    margin: 0 10px 0 0 !important;
}

.date-block .share a:first-child,
.social-sharing-buttons__button.share-facebook {
    width: 25px;
}

.social-sharing-buttons a,
.social-sharing-buttons__button {
    margin: 0 0 0 5px !important;
    align-items: normal !important;
}

ul.social-menu2>li.mr-2 {
    margin: 4px 0 0 !important;
    font-weight: 500;
}

.press-block .views-exposed-form .js-form-item.form-item select {
    width: 64% !important;
}

.business-block ul#tabs-nav li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transition: all 0.2s;
    background-color: #dfdfdf;
}

.business-block ul#tabs-nav li:hover,
.business-block ul#tabs-nav li.active {
    font-size: 24px;
}

.business-block ul#tabs-nav li:hover::before,
.business-block ul#tabs-nav li.active::before {
    background-color: #be9244;
    height: 4px;
}

.business-block #tabs-nav li {
    text-decoration: none;
    color: #fff;
}

.business-block #tabs-content {
    position: relative;
}

.business-block .tab-content {
    padding: 10px;
    display: none;
}

.business-block .tab-content.current {
    display: inherit;
}

.more-btn {
    font-size: 15px;
    color: #fff;
    letter-spacing: 0.01em;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 6px 34px 6px 20px;
    position: relative;
    margin-top: 20px;
    transition: all 0.5s;
}

.more-btn:before {
    background: url(/sites/default/files/images/arrow2.png);
    content: "";
    position: absolute;
    top: 11px;
    right: 14px;
    width: 14px;
    height: 13px;
    transition: all 0.2s;
}

.sustainability-block .tabcontent .more-btn:before {
    top: 14px;
}

.sustainability-block .more-btn {
    margin-top: 10px;
}

.more-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.more-btn:hover::before {
    right: 12px;
}

.figureimg img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    height: auto;
}

#picture {
    transition: all 0.7s;
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 100vh;
    position: relative;
    background-size: cover !important;
    z-index: 1;
    display: flex;
    align-items: center;
}

#picture:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: radial-gradient(30.38% 41.37% at 50.63% 51.67%, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.62) 59.21%);
}

#picture.one {
    background-image: url(/sites/default/files/images/retail-bg-img.jpg);
}

#picture.two {
    background-image: url(/sites/default/files/images/digital-services-bg-img.jpg);
}

#picture.three {
    background-image: url(/sites/default/files/images/media-entertainment.jpg);
}

#picture.four {
    background-image: url(/sites/default/files/images/petrochemicals.jpg);
}

#picture.five {
    background-image: url(/sites/default/files/images/energy.jpg);
}

#picture.six {
    background-image: url(/sites/default/files/images/new-energy.jpg);
}

.video-box {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    overflow: hidden;
}

.video-box video {
    transform: scale(1.2);
}

.video-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(48.68% 87.06% at 48.68% 52.39%, rgba(48, 48, 48, 0) 0%, rgba(66, 66, 66, 0.8) 69.39%);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 1;
}

#picture.two .video-box-2 {
    display: block;
}

#picture.five .video-box-5 {
    display: block;
}

.sustainability-block {
    background: linear-gradient(0deg, #053c8f, #053c8f);
    padding-top: 80px;
    padding-bottom: 80px;
    height: 100%;
    position: relative;
    z-index: 1;
}

.sustainability-block video {
    width: auto;
    height: auto;
}

.video-wrapper {
    height: 318px;
    width: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
}

.video-wrapper::before {
    background: url(/sites/default/files/images/sustainability-shape.png) no-repeat bottom center;
    background-size: contain;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 203px;
    bottom: 0;
    left: 0;
    content: "";
}

.video-wrapper video {
    height: auto;
}

.sustainability-block h3 {
    font-family: "Playfair Display", serif;
    color: #fff;
    font-weight: 400;
    font-size: 75px;
    line-height: 85px;
    margin-bottom: 25px;
}

.sustainability-block p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 20px;
    max-width: 93%;
}

.sustainability-block figure {
    margin-bottom: 0;
    text-align: right;
}

.sustainability-block figure img {
    border-radius: 5px;
}

ul.story {
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

ul.story li {
    background: none;
    color: #fff;
    padding: 0;
    cursor: pointer;
    font-size: 21px;
    letter-spacing: 0.01em;
    flex: 0 0 23%;
    margin-left: 15.5%;
    position: relative;
    padding-top: 15px;
}

ul.story li:first-child {
    margin-left: 0;
}

ul.story li:before {
    content: "";
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transition: all 0.2s;
}

ul.story li.current::before {
    background-color: #be9244;
    height: 4px;
}

ul.story li:hover:before {
    background-color: #be9244;
    height: 4px;
}

ul.story li.current {
    color: #fff;
}

.sustainability-block .tabcontent {
    display: none;
    color: #fff;
    animation: fading 2s;
}

.sustainability-block .tabcontent.current {
    display: inherit;
}

.block {
    padding: 60px 0;
}

.block.block-system,
.block.block-views {
    padding: 0;
}

.section-title {
    font-size: 65px;
    text-transform: capitalize;
    color: #4d4d4d;
    font-weight: 400;
    margin-bottom: 30px;
}

.block.block-news .section-title {
    font-size: 75px;
}

.topspace {
    margin-top: 35px;
}

.news-text p {
    font-size: 30px;
    line-height: 38px;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.news-text p a {
    color: #4d4d4d;
}

.news-text p a:hover {
    color: #be9244;
}

.news-text {
    border-bottom: 1px solid #1f1f1f;
    margin-bottom: 20px;
}

.news-right-img img {
    border-radius: 5px;
}

ul.date>li {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #053c8f;
    display: inline-block;
}

ul.date>li>a {
    color: #053c8f;
}

ul.date>li:not(:last-child) {
    margin-right: 10px;
}

ul.date>li:not(:last-child) {
    margin-right: 10px;
    border-right: 1px solid #053c8f;
    padding-right: 10px;
}

.news-image img {
    border-radius: 5px;
}

.news-bottom .news-image {
    margin-bottom: 20px;
}

.news-bottom .news-text p {
    font-size: 18px;
    line-height: 26px;
    -webkit-line-clamp: 3;
    min-height: 78px;
}

.block.block-video {
    padding: 0;
}

.video-wrap {
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    position: relative;
    cursor: pointer;
}

.video-wrap::before {
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(5, 60, 143, 0.65), rgba(5, 60, 143, 0.65));
}

.agm-wrap {
    position: relative;
}

.block-video.video-bgc {
    background-color: #fdf2df;
    padding-top: 70px;
    padding-bottom: 70px;
}

.rilagm_banner img {
    border-radius: 6px;
}

.agm-wrap::before {
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(5, 60, 143, 0.65), rgba(5, 60, 143, 0.65));
    border-radius: 6px;
}

.fortune-logo {
    text-align: center;
}

.video-wrap.open::before {
    content: none;
}

.video-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.video-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    padding: 0 15px;
}

.agm_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    padding: 0 15px;
}

.video-text .section-title,
.agm_text .section-title {
    margin-bottom: 10px;
    font-size: 65px;
}

.video-text p,
.agm_text p {
    margin-bottom: 20px;
    font-size: 24px;
}

.video-icon {
    width: 50px;
    height: 50px;
    margin: auto;
    cursor: pointer;
}

.block-investor {
    background: #053c8f;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    z-index: 1;
}

.chirman-msg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.ch-statement {
    font-size: 35px;
    line-height: 29px;
    text-transform: capitalize;
    color: #ffffff;
}

.statement-date {
    font-size: 18px;
    line-height: 16px;
    color: #fff;
}

.title {
    font-size: 30px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
}

.document-box {
    padding: 40px 0 0;
}

.cb-wrap h3 {
    font-size: 21px;
    line-height: 26px;
    text-transform: uppercase;
    color: #d2ab67;
    font-family: "JioType";
    font-weight: 400;
}

.document-box .cb-wrap:not(:last-child) {
    margin-bottom: 45px;
}

.cb-wrap.max_wd {
    max-width: 320px;
}

.sensex-box h3 {
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 35px;
    color: #ffffff;
    font-family: "JioType";
}

.cb-wrap p {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin: 0;
}

.cb-wrap p a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
}

.cb-wrap p a:hover {
    color: #d2ab67;
}

.document-pdf .cb-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.document-pdf .cb-wrap .pdf-icon {
    margin-right: 15px;
}

.document-pdf .cb-wrap h3 {
    margin-bottom: 8px;
}

.document-pdf .cb-wrap p {
    font-size: 18px;
    line-height: 24px;
}

.document-pdf .pdf-title {
    position: relative;
    max-width: 210px;
}

.download-icon {
    position: absolute;
    right: 0;
    bottom: 0;
}

.block-investor .section-title {
    margin-bottom: 80px;
    font-size: 75px;
}

.sensex-wrap {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 15px 15px 5px;
}

.sensex-row p {
    font-family: JioType;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
    margin: 0;
}

.bx-content p {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    margin: 0 0 5px;
}

.bx-content p small {
    font-size: 18px;
}

.bx-content .volume {
    font-size: 18px;
    font-weight: 300;
}

.bx-content p span {
    color: #09a63e;
}

.close-item {
    border-top: 1px solid #fff;
    padding-top: 10px;
    color: #fff;
}

.block-career {
    background: #d2ab67;
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
}

.career-left {
    margin-top: 35px;
}

.block-career::after {}

.block-career .section-title {
    margin-bottom: 50px;
    font-size: 75px;
    text-transform: none;
}

.tagline {
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 500;
}

.career-left p {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 40px;
}

.career_btn li {
    display: inline-block;
}

.career_btn li:not(:last-child) {
    margin-right: 15px;
}

.button .btn-custom {
    border: 1px solid #ffffff;
    border-radius: 55px;
    font-weight: 500;
    font-size: 15.7377px;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-transform: lowercase;
    color: #fff;
    padding: 15px 23px;
}

.button .btn-custom::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background: url(/sites/default/files/images/arrow-btn.png) no-repeat center;
}

.button .btn-custom:hover::after {
    background: url(/sites/default/files/images/arrow-btn-hover.png) no-repeat center;
}

.button .btn-custom:focus {
    border: 1px solid #fff;
}

.button.war span {
    font-weight: 300;
    font-size: 20px;
    color: #fff;
}

.custom_wrap {}

.custom_btn {
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 15px;
    color: #fff;
    white-space: nowrap;
    padding: 12px 26px;
    font-weight: 300;
}

.custom_btn:hover,
.custom_btn:focus {
    color: #d2ab67;
    background: #fff;
}

.custom_btn::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: url(/sites/default/files/images/arrow-btn.png) no-repeat center;
    margin-top: -2px;
}

.custom_btn:hover::after {
    background: url(/sites/default/files/images/arrow-btn-hover.png) no-repeat center;
}

.simplenews-confirm-multi.confirmation #edit-cancel,
.simplenews-confirm-removal.confirmation #edit-cancel {
    border: 1px solid #2c2c2c;
    border-radius: 20px;
    font-size: 15px;
    color: #373f41;
    white-space: nowrap;
    padding: 8px 26px;
    font-weight: 300;
    display: inline-block;
}

.custom_btn2 {
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 15px;
    color: #fff;
    white-space: nowrap;
    padding: 8px 10px;
    font-weight: 300;
}

.custom_btn2:hover,
.custom_btn2:focus {
    color: #d2ab67;
    background: #fff;
}

.custom_btn2::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: url(/sites/default/files/images/view-all_wt.png) no-repeat center;
    margin-top: -2px;
}

.custom_btn2:hover::after {
    background: url(/sites/default/files/images/view-all.png) no-repeat center;
}

.button .btn-custom:hover {
    background: #fff;
    color: #d2ab67;
}

.button>a:not(:last-child) {
    margin-right: 15px;
}

.button .btn-custom img {
    margin-left: 5px;
    filter: brightness(0) invert(1);
}

.button .btn-custom:hover img {
    filter: none;
}

@keyframes fading {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.document-box.bor-right {
    position: relative;
}

.document-box.bor-right::after {
    content: "";
    width: 1px;
    height: 300px;
    background: rgba(255, 255, 255, 0.43);
    display: block;
    position: absolute;
    top: 0;
    right: 130px;
}

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

.block-news .row {
    margin-left: -25px;
    margin-right: -25px;
}

.block-news .row>div {
    padding-left: 25px;
    padding-right: 25px;
}

.ir-wrapper {
    padding-bottom: 60px;
}

.document-box.bor-right .cb-wrap:not(:last-child) {
    margin-bottom: 45px;
}

.block-career {
    overflow: hidden;
}

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

footer {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

footer li a {
    text-decoration: none;
    transition: all 0.3s;
}

footer h5,
footer h4,
.subscribe-title,
.footer-nav-title a {
    color: #000;
    font-size: 20px;
    font-family: "JioType";
    font-weight: 400;
}

footer h5 a,
.footer-nav-title a {
    color: #000;
    text-decoration: none;
}

footer h5 a:hover,
.footer-nav-title a:hover {
    color: #000;
}

footer li a:hover {
    color: #be9244;
}

.footer-nav {
    padding: 60px 0;
}

.footer-nav ul {
    margin-bottom: 15px;
}

.footer-nav ul li {
    margin-bottom: 5px;
    overflow: hidden;
}

.footer-nav li a {
    color: #5a5959;
    font-size: 15px;
    letter-spacing: 0.01em;
    position: relative;
    padding-left: 15px;
    margin-left: -15px;
}

.footer-nav li a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    width: 10px;
    height: 1px;
    border-bottom: 1px solid #be9244;
}

.footer-nav li a:hover {
    margin-left: 0;
}

.bord-top {
    border-top: 1px solid #d1d1d1;
}

.copyright {
    font-size: 15px;
    color: #000;
    padding-top: 40px;
    padding-bottom: 20px;
    letter-spacing: 0.01em;
    position: relative;
}

.footer-nav .row>div>.footer-wrap:not(:last-child) {
    margin-bottom: 30px;
}

.footer-logo {
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
}

.copyright ul {
    text-align: right;
}

.copyright li {
    display: inline-block;
    margin-right: 10px;
}

.copyright li:last-child {
    margin-right: 0;
}

.copyright li a {
    color: #000;
}

.copyright li a:hover {
    text-decoration: none;
}

.social-items {
    padding-top: 40px;
    padding-bottom: 40px;
}

.social-menu {
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
}

.social-menu li {
    margin: 0 8px;
}

.social-menu li img {
    transition: all 0.3s ease-in-out;
    width: 18px;
    height: 18px;
}

.social-menu li a {
    background: #be9244;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-menu li a:hover {
    background: #053c8f;
    transform: scale(1.1);
}

footer .subscribe .block-simplenews-subscription-block {
    position: relative;
    width: 72%;
}

footer .subscribe input {
    height: 54px;
    text-indent: 10px;
    border: 1px solid #d4d4d4;
    color: #9e8b8b;
    font-family: "JioType";
    font-size: 15px;
    background-color: #faf8f8;
}

footer .subscribe input:focus {
    box-shadow: none;
    border: 1px solid #d2ab67;
}

footer .subscribe button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 44px;
    width: 130px;
    background: #be9244;
    color: #fff;
    font-family: "JioType";
    font-size: 16px;
    letter-spacing: 0.01em;
}

footer .subscribe button:hover {
    color: #fff;
    background: #a87a2a;
}

footer .subscribe input.form-email {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

footer .subscribe input.form-email:focus {
    box-shadow: none;
    border: 1px solid #d2ab67;
    outline: 0;
}

.subscriptions_block .description,
.subscriptions_block .js-form-item-message,
.subscriptions_block label.form-required {
    display: none;
}

.subscriptions_block .button--primary {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 44px;
    width: 130px;
    background: #be9244;
    color: #fff;
    font-family: "JioType";
    font-size: 16px;
    letter-spacing: 0.01em;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    transition: all 0.3s;
}

footer .subscriptions_block .button--primary:hover {
    color: #fff;
    background: #053c8f;
    border: 1px solid #053c8f;
}

.subscriptions_block .simplenews-subscriber-form {
    padding: 0;
}

footer .subscribe input.form-email::placeholder {
    color: #6c757d;
    opacity: 1;
}

footer .subscriptions_block h5,
footer .subscriptions_block h4,
.subscribe-title {
    font-size: 15px;
    letter-spacing: 0.01em;
    text-align: left;
}

.subscribe-title,
.footer-nav-title {
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.2;
}

.top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block-news {
    padding: 70px 0 60px;
}

.news-bottom {
    margin-top: 70px;
}

ul.slick-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

ul.slick-dots>li {
    display: inline-block;
    margin: 0 5px;
}

ul.slick-dots>li>button {
    border: none;
    background: #fff;
    width: 21px;
    height: 2px;
    font-size: 0px;
    padding: 0;
    margin: 0;
}

ul.slick-dots>li.slick-active>button {
    background: #d2ab67;
}

.news-rows {
    width: 100%;
    display: inline-grid;
    grid-template-columns: 400px 1fr;
    grid-gap: 0px 45px;
}

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

.faded {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

canvas {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100vw;
    max-height: 100vh;
}

.menu-trigger {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    cursor: pointer;
}

#menu-bubble {
    display: none;
    background: #053c8f;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 64px;
    right: 23px;
    transform: translate(0, 0%);
    transition: all 0.5s;
    z-index: 9;
}

#menu-bubble.show {
    display: block;
}

#menu-bubble.opened-menu {
    display: block;
    width: calc(100% - 120px);
    height: 100%;
    right: 50%;
    top: 60px;
    transform: translateX(50%);
    margin-top: 0;
    border-radius: 0;
    background: #053c8f;
    z-index: 999;
}

#menu-bubble.opened-menu::after {
    content: "";
    width: 325px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #123d7c;
}

.menu-trigger span {
    width: 100%;
    background-color: #111;
    margin: 6px 0;
    display: block;
    height: 2px;
    z-index: 2;
    transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1);
    border-radius: 50px;
}

.menu-trigger span:nth-child(2) {
    width: 75%;
}

.menu-trigger span:nth-child(3) {
    width: 45%;
}

.mega-menu {
    z-index: 999;
    position: fixed;
    max-width: 1300px;
    width: 100%;
    height: 550px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    background: #053c8f;
    display: none;
}

.bg-dark-blue {
    background: #123d7c;
    overflow: hidden;
}

.mega-menu.open {
    visibility: visible;
    opacity: 1;
    display: block;
}

.logo-mega-m {
    width: 56px;
}

.menu-item-wrapper .row:first-child {
    border-bottom: 1px solid #235cb3;
}

.menu-item-wrapper .top-menu li a {
    color: #fff;
}

.menu-item-wrapper .top-menu .social-menu li:not(:last-child) {
    margin: 0 8px;
}

.menu-item-wrapper .top-menu {
    padding-left: 40px;
}

.menu-item-wrapper>div {
    padding: 0 15px;
}

.mega-menu-box {
    padding: 30px 20px 0;
}

.mega-smenu h3 {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    font-family: "JioType";
    font-weight: 500;
    margin-bottom: 5px;
}

.mega-smenu h3 a {
    color: #ffffff;
}

.mega-smenu ul>li>a {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #ffffff;
    display: block;
    padding: 8px 0;
    transition: all linear 0.3s;
}

.chairman-msg h2.investerSecTitle span {
    display: block;
}

.mega-smenu ul>li>a:hover {
    text-decoration: underline;
}

.mega-menu-box .mega-smenu:not(:last-child) {
    margin-bottom: 20px;
}

.menu-right-img {
    margin-top: 73px;
}

.close-btn {
    position: absolute;
    top: 18px;
    right: 30px;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: all linear 0.3s;
}

.menu-overlay.open {
    visibility: visible;
    opacity: 1;
}

body.active {
    overflow: hidden;
}

.mega-smenu ul>li {
    position: relative;
}

.mega-smenu ul>li.item-has-children::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/sites/default/files/images/menu-arrow.svg) no-repeat center;
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
    background-size: 15px;
}

.navbar>.navbar-text.serach {
    display: none;
}

.clear {
    clear: both;
}

.video-wrapper2 {
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0;
    z-index: 9;
}

.investorBanner .video-overlay:before {
    background: rgba(7, 11, 63, 0.6);
    z-index: 2;
}

.leftSide {
    z-index: 1;
}

.investorBanner {
    position: relative;
    height: 705px;
    color: #fff;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.investorBanner .video-overlay {
    width: 100%;
    height: 100%;
}

.jio-banner,
.video-banner {
    position: relative;
    height: 750px;
    color: #fff;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}

.jio-banner video,
.video-banner video {
    object-fit: cover;
}

.jio-banner .video-overlay,
.video-banner .video-overlay {
    width: 100%;
    height: 100%;
}

.jio-banner .video-overlay:before,
.video-banner .video-overlay:before {
    background: linear-gradient(180deg, rgba(2, 4, 35, 0.76) 0%, rgba(3, 7, 55, 0.0532) 28.76%);
    z-index: 2;
}

.visit {
    font-weight: 300;
    font-size: 22px;
    color: #484848;
    padding-top: 30px;
    padding-bottom: 30px;
}

.jiobtn {
    border: 1px solid #5f5656;
    color: #5f5656;
    text-decoration: none;
    border-radius: 0;
    display: inline-block;
    padding: 6px 46px 6px 26px;
    transition: all 0.3s;
    font-size: 18px;
    border-radius: 20px;
    position: relative;
}

.jiobtn:after {
    position: absolute;
    content: "";
    top: 12px;
    right: 20px;
    background-image: url(/sites/default/files/images/bl-arrow.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 15px;
}

.jiobtn:hover::after {
    background-image: url(/sites/default/files/images/arrow-btn.png);
}

.jiobtn:hover {
    border-color: #d2ab67;
    background-color: #d2ab67;
    color: #fff;
}

.investorBanner h1,
.jio-banner h1,
.video-banner h1 {
    font-size: 85px;
    line-height: 90px;
    margin-bottom: 10px;
    font-weight: 400;
    display: inline-block;
    text-shadow: 51px 8px 50px rgba(0, 0, 0, 0.48);
}

.investorBanner p,
.jio-banner p,
.video-banner p,
.inner_banner-block p {
    font-size: 48px;
    text-shadow: 51px 8px 50px rgba(0, 0, 0, 0.48);
    color: #fff;
}

.investorBanner .container,
.jio-banner .container,
.video-banner .container {
    position: relative;
    top: -10%;
}

.investorpageLink {
    background: #fdf2df;
    padding: 10px 0;
}

.investorpageLink ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #000;
    margin-right: 10px;
}

.investorpageLink ul li a {
    color: #000;
    background: url(/sites/default/files/images/blueRightArrow.png) no-repeat;
    background-position: 100% center;
    display: block;
    padding-right: 20px;
}

.investorRelations {
    padding: 60px 0 80px;
    background-color: #fdf2df;
    margin-top: 40px;
}

h2.investerSecTitle {
    font-family: "Playfair Display", serif;
    font-size: 65px;
    margin-bottom: 0;
    font-weight: 400;
}

h2.investerSecTitle span {
    display: block;
}

.investorRelations .investorBox {
    background: #053c8f;
    border-radius: 6px;
    color: #fff;
    padding: 30px;
    text-align: left;
}

.redColor {
    color: #ff4c4c !important;
}

.greenColor {
    color: #09a63e !important;
}

.investorRelations .investorStatus {
    display: flex;
    justify-content: center;
}

.investorRelations .investorBox h3 {
    font-family: "JioType";
    font-size: 40px;
    font-weight: 500;
}

.investorRelations .investorBox span {
    display: block;
    font-size: 22px;
    font-weight: 300;
}

.investorRelations .investorBox img.candle {
    display: block;
    margin: 10px auto;
}

.investorRelations .investorBox p {
    font-size: 28px;
    font-family: "JioType";
    margin: 0 0 5px;
    font-weight: 500;
}

.investorRelations .investorBox p span {
    color: #fff;
    font-weight: 300;
    display: inline-block;
    font-family: "JioType";
}

.investorRelations .investorBox p span i {
    color: #09a63e;
    font-size: 18px;
    margin: 0 5px;
    position: relative;
    top: -4px;
}

.investorRelations .investorBox .greenColor {
    color: #09a63e;
}

.investorRelations .investorBox p.volume {
    font-size: 20px;
    margin: 0;
    font-family: "JioType";
    font-weight: 300;
}

.chairmanBox p {
    font-size: 18px;
    margin-bottom: 30px;
    font-family: "JioType";
    font-weight: 300;
}

.investorRelations .buttonBox {
    display: block;
    text-align: right;
    padding: 0 105px;
    margin-top: 70px;
}

.buttonBox a {
    border: 1px solid #565656;
    display: inline-block;
    padding: 12px 26px;
    border-radius: 50px;
    font-size: 15px;
    color: #565656;
    white-space: nowrap;
}

.buttonBox a img {
    margin-left: 5px;
}

.investorFinancial {
    background: #fdf2df;
    padding: 60px 0 40px;
    margin-top: 50px;
}

.investorFinancial h2 {
    margin: 0 0 35px 0;
    font-size: 70px;
    line-height: 74px;
}

.aboutFinancial {
    padding-right: 130px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.investorFinancial p {
    font-size: 21px;
    line-height: 33px;
    color: #373f41;
    margin-bottom: 40px;
}

.aboutFinancial .buttonBox a {
    padding: 14px 30px;
}

.reportDetails {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    border-bottom: 3px solid #be9244;
    margin-bottom: 25px;
}

.reportDetails .content {
    justify-content: space-between;
    padding: 30px 35px 30px 20px;
}

.reportDetails .flexSpace {
    align-items: center;
    display: flex;
}

.reportDetails .content h3 {
    color: #053c8f;
    font-weight: 400;
    font-size: 22px;
    font-family: "JioType";
}

.reportDetails .content a {
    color: #565656;
    border: 1px solid #565656;
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 14px;
    transition: all linear 0.3s;
}

.reportDetails .content a:hover,
.aboutFinancial .buttonBox a:hover,
.subsidiariesTitle a:hover,
.subsidiariesBox .content a:hover,
.buttonBox a:hover {
    background: #be9244;
    border: 1px solid #be9244 !important;
    color: #fff !important;
}

.reportDetails .content a:hover img,
.aboutFinancial .buttonBox a:hover img,
.subsidiariesTitle a:hover img,
.subsidiariesBox .content a:hover img,
.buttonBox a:hover img,
.resourceButton a:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.reportDetails .content a img {
    margin-left: 4px;
    margin-bottom: 3px
}

.reportDetails .flexCenter {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 20px 20px;
}

.reportDetails .flexCenter h3 {
    margin-bottom: 20px;
}

.subsidiariesinvester {
    background: #053c8f;
    padding: 60px 0 30px;
}

.subsidiariesTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subsidiariesTitle a {
    color: #fff;
    border: 1px solid #fff;
    padding: 11px 35px 11px 35px;
    border-radius: 30px;
    font-size: 15px;
}

.subsidiariesTitle a img {
    margin-left: 5px;
}

.subsidiariesinvester h2 {
    color: #fff;
    margin-bottom: 50px;
}

.subsidiariesBox {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 50px;
}

.subsidiariesBox img {
    width: 100%;
}

.subsidiariesBox .content {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 90px 25px 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8570342331789853) 100%);
}

.subsidiariesBox .content p {
    font-size: 30px;
    color: #fff;
}

.subsidiariesBox .content p span {
    display: block;
}

.subsidiariesBox .content a {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 24px 10px 24px;
    border-radius: 30px;
    font-size: 17px;
}

.subsidiariesBox .content a img {
    margin-left: 6px;
    width: auto;
}

.subsidiariesBox .content p.fontSm {
    font-size: 23px;
    line-height: 28px;
    margin: 0;
}

.subsidiariesBox.bottomBox a {
    font-size: 13px;
    padding: 8px 15px 8px 15px;
}

.subsidiariesBox.bottomBox .content {
    padding: 40px 15px 20px;
}

.InvesterShareholders {
    padding: 60px 0;
}

.InvesterShareholders .titleBox {
    text-align: center;
}

.InvesterShareholders .titleBox h2 {
    margin-bottom: 50px;
}

.shareholdersBox {
    display: flex;
}

.shareholdersBox .leftSide,
.shareholdersBox .rightSide {
    position: relative;
    flex: 1;
}

.shareholdersBox .leftSide:after {
    position: absolute;
    content: "";
    top: 45%;
    right: -60px;
    background: url(/sites/default/files/images/RilLogoIcon.png) no-repeat;
    width: 100px;
    height: 100px;
    z-index: 9;
}

.shareholdersBox .leftSide img {
    width: 100%;
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    object-fit: cover;
}

.shareholdersBox .content {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 50px 290px 30px 50px;
    width: 100%;
}

.shareholdersBox .content h3 {
    font-size: 51px;
    margin-bottom: 45px;
    font-family: "JioType";
    font-weight: 300;
}

.shareholdersBox .content h3 span {
    display: block;
}

.shareholdersBox .content ul {
    display: flex;
    justify-content: space-between;
}

.shareholdersBox .content ul li {
    color: #fff;
    background: #053c8f;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    max-width: 180px;
    flex: 0 0 180px;
    border-radius: 10px;
    padding: 51px 0;
}

.shareholdersBox .content ul li:not(:last-child) {
    margin-right: 30px;
}

.shareholdersBox .content ul li a {
    color: #fff;
    text-decoration: none;
    font-family: "JioType";
    font-weight: 300;
    line-height: 24px;
}

.shareholdersBox .content ul li a:hover {
    color: #d2ab67;
    text-decoration: none;
}

.shareholdersBox .content ul li a span {
    display: block;
}

.shareholdersBox .rightSide {
    padding-left: 10px;
    display: flex;
    flex-direction: column;
}

.shareholdersBox .infoBox {
    background: #fdf2df;
    padding: 35px 50px 35px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 10px;
    flex: 1;
}

.spaceNull {
    margin: 0 !important;
}

.shareholdersBox .infoBox h5 {
    color: #4d4d4d;
    font-size: 28px;
    position: relative;
    margin-bottom: 35px;
    font-family: "JioType";
    font-weight: 300;
}

.shareholdersBox .infoBox h5:after {
    position: absolute;
    bottom: -15px;
    left: 0;
    content: "";
    background: #c09448;
    width: 50px;
    height: 4px;
    border-radius: 10px;
}

.shareholdersBox .infoBox ul li {
    margin-bottom: 10px;
}

.shareholdersBox .infoBox .no-bullete>li {
    background: transparent;
    padding-left: 0;
}

.shareholdersBox .infoBox ul li a {
    color: #514b4b;
    font-size: 20px;
    line-height: 23px;
    text-decoration: none;
    font-family: "JioType";
    font-weight: 300;
}

.shareholdersBox .infoBox ul li a:hover {
    text-decoration: none;
    color: #d2ab67;
}

.InvesterShareholders .buttonBox {
    margin-top: 50px;
}

.investerResource {
    position: relative;
    background: #d2ab67;
    padding: 60px 0;
    background-size: cover;
}

.investerResource .investerResourceBg {
    position: absolute;
    top: 100px;
    right: 0;
}

.investerResource h2 {
    color: #fff;
    margin-bottom: 50px;
}

.corpBox {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    padding: 29px;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.corpBox .hearBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.corpBox .hearBox h2 {
    color: #4d4d4d;
    font-size: 40px;
    margin: 0;
    line-height: 42px;
    position: relative;
    font-family: "JioType";
    font-weight: 300;
}

.corpBox .hearBox h2 span {
    display: block;
}

.corpBox .hearBox h2:after {
    position: absolute;
    bottom: -12px;
    left: 0;
    content: "";
    background: #c09448;
    width: 50px;
    height: 4px;
    border-radius: 10px;
}

.pdfBox {
    display: flex;
    border-bottom: 1px solid #e1dddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.pdfBox.boderNull {
    border: none !important;
}

.pdfBox .leftBox {
    flex: 3;
}

.pdfBox .leftBox p {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 24px;
    font-family: "JioType";
    font-weight: 300;
}

.pdfBox .leftBox p a {
    color: #000;
}

.pdfBox .leftBox p a:hover {
    color: #be9244;
}

.pdfBox .leftBox span {
    color: #053c8f;
    font-size: 16px;
    text-transform: uppercase;
}

.pdfBox .rightBox {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.pdfBox .rightBox a {
    color: #000000;
    font-size: 12px;
    background: url(/sites/default/files/images/downloadicon.png) no-repeat;
    margin-left: 10px;
    background-position: 10px 5px;
    padding: 20px 0;
    position: relative;
    top: 9px;
}

.corpBox .buttonBox {
    text-align: left;
    margin-top: 25px;
    margin-bottom: 20px;
}

.corpBox .buttonBox a {
    padding: 9px 30px;
    font-size: 14px;
}

.corpBox.rightSide .hearBox h2 {
    font-size: 28px;
}

.corpBox.rightSide .hearBox h2:after {
    position: absolute;
    bottom: -8px;
    left: 0;
    content: "";
    background: #c09448;
    width: 40px;
    height: 3px;
    border-radius: 10px;
}

.corpBox.rightSide .hearBox {
    margin-bottom: 30px;
}

.corpBox.rightSide .pdfBox .rightBox {
    flex-direction: column;
    align-items: flex-end;
}

.corpBox.rightSide .pdfBox .rightBox a {
    margin: 0;
    padding: 0 20px 0 0;
    background-position: 100% 3px;
}

.corpBox.rightSide .pdfBox .rightBox img {
    display: block;
    margin-right: 22px;
}

.corpBox.rightSide .pdfBox .leftBox p {
    margin-bottom: 8px;
    line-height: 19px;
}

.minh p {
    min-height: 38px;
}

.corpBox.rightSide .pdfBox .leftBox span {
    font-size: 13px;
}

.corpBox.rightSide .buttonBox a {
    color: #5a5959;
    border-color: #5a5959;
    padding: 6px 15px;
}

.corpBox.rightSide .buttonBox a img {
    margin: 0;
    width: 12px;
}

.corpBox.rightSide {
    padding: 20px 20px;
    height: 338px;
    position: relative;
}

.corpBox.rightSide .pdfBox:last-child {
    border-bottom: 0;
}

.block-views-blocknotices-for-overview-block-1 .pdfBox,
.block-views-blockstatutory-filing-for-overview-block-1 .pdfBox {
    min-height: 85px;
}

.corpBox.rightSide .pdfBox .leftBox {
    flex: 2;
}

.corpBox.rightSide .buttonBox {
    margin-top: 15px;
    position: absolute;
    bottom: 25px;
    left: 20px;
    margin: 0;
}

.corpBox.midBox .hearBox h2 {
    font-size: 28px;
    line-height: 32px;
}

.corpBox.midBox .hearBox h2:after {
    content: none;
}

.corpBox.midBox .buttonBox a {
    color: #5a5959;
    border-color: #5a5959;
    padding: 6px 15px;
}

.corpBox.midBox .buttonBox a img {
    margin: 0;
    width: 12px;
}

.corpBox.midBox .hearBox {
    margin-bottom: 10px;
}

.corpBox.midBox .buttonBox {
    margin-top: 15px;
    margin-bottom: 0;
}

.corpBox.midBox {
    padding: 20px 20px 26px;
}

.resourceButton {
    display: block;
    text-align: right;
    margin-top: 30px;
}

.investerResource .container {
    position: relative;
    z-index: 9;
}

.resourceButton a {
    color: #fff;
    border: 1px solid #fff;
    padding: 16px 40px;
    display: inline-block;
    border-radius: 50px;
    position: relative;
}

.investerResource .custom_wrap {
    text-align: right;
}

.resourceButton a img {
    margin-left: 4px;
}

.relianceChairman {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.relianceChairmanVideo {
    position: relative;
}

.relianceChairmanVideo:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #053c8fcf;
    z-index: 1;
    transform: scale(1.02);
}

.chairmanBox {
    text-align: center;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.relianceChairman h2 {
    color: #fff;
    margin-bottom: 40px;
}

.relianceChairman.active .chairmanBox {
    display: none;
}

.relianceChairman.active .relianceChairmanVideo:after {
    content: none;
}

.relianceChairman * {
    transition: all 1s;
}

.closeVideo {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #000000cc;
    color: #fff;
    font-size: 18px;
    z-index: 9;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px 0;
    cursor: pointer;
    opacity: 0;
}

.JioLaunchVideo:after,
.CNNInterViewVideo:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #053c8fcf;
    z-index: 1;
}

.JIOVdo .JioLaunchVideo:after,
.CNNVdo .CNNInterViewVideo:after {
    content: none;
}

.JIOVdo .chairmanBox,
.CNNVdo .chairmanBox {
    opacity: 0;
}

.JIOVdo .closeVideo,
.CNNVdo .closeVideo {
    opacity: 1;
}

.inner-header .navbar-light .navbar-nav .nav-link,
.inner-header .navbar-light .navbar-text,
.inner-header .top-menu li a {
    color: #fff;
}

.inner-header.board-header .navbar-light .navbar-nav .nav-link,
.inner-header.board-header .navbar-light .navbar-text,
.inner-header.board-header .top-menu li a {
    color: #000;
}

.inner-header.board-header .top-menu li a:hover {
    color: #be9244;
}

.inner-header .dropdown-toggle::after,
.inner-header .serach img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.inner-header.board-header .dropdown-toggle::after,
.inner-header.board-header .serach img {
    filter: inherit;
    -webkit-filter: inherit;
}

.iconf {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.inner-header .navbar {
    border-top: 1px solid #9e9e9e;
}

.inner-header .menu-trigger span {
    background-color: #fff;
}

.inner-header.board-header .menu-trigger span {
    background-color: #111;
}

.inner-header.sticky .navbar-light .navbar-nav .nav-link,
.inner-header.sticky .navbar-light .navbar-text,
.inner-header.sticky .top-menu li a,
.inner-header.sticky .navbar-light .navbar-nav .nav-link:hover {
    color: #000 !important;
}

.inner-header.sticky .serach img,
.inner-header.sticky .iconf {
    filter: brightness(0) invert(0);
    -webkit-filter: brightness(0) invert(0);
}

.inner-header.sticky .menu-trigger span {
    background-color: #000;
}

.investorBanner video {
    transform: scale(1.8);
}

.change-lang {
    width: 48px;
    display: inline-block;
}

.RILAwardBox {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    height: 170px;
    margin-bottom: 15px;
}

.RILAwardBox p {
    margin: 0 0 0 20px;
    font-size: 15px;
    line-height: 20px;
}

.newsButton {
    margin-top: 30px;
    text-align: center;
}

.alCenter {
    text-align: center;
}

.year2020-21.bothYear .alCenter p {
    padding: 0;
}

.year2009.bothYear .alCenter p {
    padding: 0 210px;
}

.newsButton .more-btn {
    color: #4d4d4d;
    border-color: #4d4d4d;
    padding: 8px 38px 8px 20px;
}

.newsButton .more-btn:before,
.RILFound .RILFlexArea .contentBox a.more-btn:before {
    background: url(/sites/default/files/images/bl-arrow.png);
    width: 16px;
}

.newsButton .more-btn:hover,
.RILFound .RILFlexArea .contentBox a.more-btn:hover {
    color: #fff;
    background: #d2ab67;
    border-color: #d2ab67;
}

.newsButton .more-btn:hover:before,
.RILFound .RILFlexArea .contentBox a.more-btn:hover:before {
    background: url(/sites/default/files/images/arrow-btn.png);
}

.RILFound {
    background: #fdf2df;
    padding: 70px 0;
}

.RILFound .RILFlexArea {
    display: flex;
}

.RILFound .RILFlexArea .contentBox {
    background: #fff;
    padding: 45px 32px;
    text-align: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 33%;
}

.RILFound .RILFlexArea .contentBox img {
    margin-bottom: 30px;
    width: auto;
    max-width: 100%;
}

.RILFound .RILFlexArea .contentBox p {
    font-size: 18px;
    line-height: 26px;
    color: #5a5959;
    padding-right: 10px;
}

.RILFound .RILFlexArea .contentBox a.more-btn {
    border-color: #5f5656;
    color: #5f5656;
    padding: 6px 38px 6px 20px;
}

.RILFound .RILFlexArea .contentBox a.more-btn:hover {
    color: #fff;
    background: #d2ab67;
    border-color: #d2ab67;
}

.RILFound .RILFlexArea .contentBox a.more-btn:hover:before {
    background: url(/sites/default/files/images/arrow-btn.png);
}

.RILFound .contentImg {
    width: 67%;
    position: relative;
    overflow: hidden;
}

.RILFound .contentImg img {
    width: auto;
    max-width: 100%;
    position: relative;
    left: 0;
    border-radius: 0 6px 6px 0;
}

.workPlace {
    padding: 50px 0 40px;
}

.career-page .video-banner h1 {
    padding-right: 130px;
}

.career-page h2 {
    font-size: 65px;
    font-weight: 400;
    line-height: 75px;
    color: #4d4d4d;
    margin-bottom: 30px;
}

.workPlace p {
    font-size: 18px;
    font-weight: 300;
    color: #373f41;
    line-height: 26px;
}

.careerPlus {
    background: #053c8f;
    color: #fff;
    padding: 80px 0;
    border-radius: 6px;
    margin-bottom: 50px;
}

.career-text {
    padding-right: 90px;
}

.career-text p {
    line-height: 26px;
    margin-bottom: 25px;
}

.career_sec h2 {
    font-size: 65px;
    text-transform: none;
    margin-bottom: 40px;
}

.apply__block {
    background: #053c8f;
    padding: 50px 0 40px;
}

.apply__block h2 {
    font-size: 65px;
    font-weight: 400;
    line-height: 75px;
    margin-bottom: 20px;
    color: #fff;
}

.apply__block p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px;
    color: #fff;
}

.careers__image img {
    border-radius: 4px;
    transition: 0.3s;
}

.careers__image:hover img {
    transform: scale(1.1);
    border-radius: 4px;
}

.careers__image {
    position: relative;
}

.careers__image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(177.05deg, rgba(0, 0, 0, 0.8) 40.15%, rgba(0, 0, 0, 0) 63.23%);
    border-radius: 4px;
    transform: rotate(-180deg);
    z-index: 1;
}

.careers__box {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.careers__box h4 {
    font-weight: 500;
    font-size: 30px;
    color: #d2ab67;
    margin-bottom: 0;
}

.careers__box h4 a {
    color: #d2ab67;
    text-decoration: none;
}

.careers__text {
    position: absolute;
    bottom: 25px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
    z-index: 2;
}

.careers__text>div {
    max-width: 228px;
}

.careers__text>div+div {
    max-width: 140px;
}

.careers__box a.explore-btn {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 36px 8px 18px;
    position: relative;
    transition: all 0.5s;
}

.careers__box a.explore-btn:before {
    background: url(/sites/default/files/images/weblink-arrow.png);
    content: "";
    position: absolute;
    top: 13px;
    right: 16px;
    width: 13px;
    height: 13px;
    transition: all 0.2s;
}

.careers__box a.explore-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.flexbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.flexbox>div {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333%;
    padding: 15px 0;
}

.planet_count .careerPlus .box:nth-child(3n)::after {
    content: none;
}

.careerPlus .box {
    text-align: center;
    flex: 1;
    border-right: 1px solid #fff;
}

.careerPlus .box:last-child {
    border: none;
}

.careerPlus .box h5 {
    font-family: "JioType";
    font-size: 50px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
    white-space: nowrap;
}

.careerPlus .box h5 span {
    font-size: 21px;
    font-weight: 300;
}

.careerPlus .box p {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}

.careerPlus .box p span {
    display: block;
    font-size: 18px;
}

.career-page .career-left-btm {
    margin-top: 26px;
}

.career-page .block-career {
    padding-bottom: 60px;
}

.meetCareerBlock {
    position: relative;
    background: #fdf2df;
    padding: 60px 0;
}

.career-page .meetCareerBlock h2 {
    margin-bottom: 50px;
}

.meetCareerBlock .whiteBg {
    background: #fff;
    padding: 65px 65px 35px;
    border-radius: 6px;
}

.careerTeam {
    position: relative;
    transition: all 0.5s ease-in-out;
    margin-bottom: 50px;
}

.careerTeam img {
    width: 100%;
    border-radius: 4px;
}

.careerTeam .hoverBx {
    position: absolute;
    bottom: 0;
    text-align: center;
    background: rgba(3, 45, 140, 0.9);
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    border-radius: 4px;
    color: #fff;
    font-family: "JioType";
    padding: 20px;
    height: 72px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.careerTeam:hover .hoverBx {
    height: 180px;
}

.hoverBottom {
    height: 0;
    position: relative;
    bottom: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.careerTeam:hover .hoverBottom {
    height: auto;
    bottom: 0;
}

.careerTeam .hoverBx h3 {
    font-family: "JioType";
    font-size: 18px;
    position: relative;
}

.careerTeam .hoverBx h3::before {
    content: "";
    width: 52px;
    height: 2px;
    background: #d2ab67;
    display: block;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.careerTeam:hover .hoverBx h3 {
    padding-bottom: 15px;
}

.careerTeam:hover .hoverBx h3::before {
    bottom: 4px;
}

.careerTeam .hoverBx p {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.careerTeam .hoverBx p span {
    display: block;
}

.careerTeam .hoverBx a {
    border: 1px solid #ffffff;
    border-radius: 55px;
    font-weight: 100;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-transform: lowercase;
    color: #fff;
    padding: 8px 15px 8px 15px;
    display: inline-block;
    transition: all 0.2s;
}

.careerTeam .hoverBx a:hover {
    background: #be9244;
    border: 1px solid #be9244;
}

.careerTeam .hoverBx a::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background: url(/sites/default/files/images/arrow-btn.png) no-repeat center;
}

.applyRIL {
    background: #053c8f;
    padding: 80px 0;
}

.applyRIL .applyBx {
    flex: 1;
    color: #fff;
}

.career-page .applyRIL h2 {
    color: #fff;
}

.career-page .applyRIL p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px;
}

.career-page .applyRIL a {
    border: 1px solid #ffffff;
    border-radius: 55px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-transform: lowercase;
    color: #fff;
    display: inline-block;
    padding: 15px 23px;
}

.career-page .applyRIL a:hover {
    background: #fff;
    color: #d2ab67;
}

.career-page .applyRIL a:after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background: url(/sites/default/files/images/arrow-btn.png) no-repeat center;
}

.career-page .applyRIL a:hover::after {
    background: url(/sites/default/files/images/arrow-btn-hover.png) no-repeat center;
}

.applyRIL .flexbox {
    align-items: center;
}

.events-demo {
    max-width: 1440px;
    margin: 0 auto;
}

.events-demo img {
    width: 100%;
}

.breadcrumb {
    background: #fdf2df;
    padding: 12px 0;
    margin-bottom: 0;
    line-height: inherit;
}

.breadcrumb ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #000;
    margin-right: 10px;
    padding-right: 20px;
    position: relative;
}

.breadcrumb li::before {
    content: "";
    background: url(/sites/default/files/images/blueRightArrow.png) no-repeat;
    width: 7px;
    height: 12px;
    position: absolute;
    left: -22px;
    top: 6px;
}

.breadcrumb ul li:first-child {
    background: none;
}

.breadcrumb ul li:first-child:before {
    display: none;
}

.breadcrumb ul li a {
    color: #000;
    display: block;
}

.breadcrumb ul li a:hover {
    text-decoration: none;
}

.bread-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ptb {
    padding-top: 70px;
    padding-bottom: 70px;
}

.ptb2 {
    padding-top: 70px;
    padding-bottom: 85px;
}

.financial-disc h2 {
    font-family: Playfair Display;
    font-size: 65px;
    line-height: 65px;
    color: #4d4d4d;
    font-weight: 400;
}

.board-content .back-img {
    padding-bottom: 0;
}

.profile-wrapper .mb-60 {
    margin-bottom: 0;
}

.financial-disc p {
    font-weight: 300;
    font-size: 20px;
    color: #373f41;
    margin-bottom: 0;
}

.mid-line:before {
    content: "";
    position: absolute;
    right: 60px;
    top: 0;
    background: #be9244;
    width: 4px;
    height: 100%;
}

.results-block {
    background-color: #053c8f;
}

.results-block h2 {
    font-family: Playfair Display;
    font-weight: normal;
    font-size: 65px;
    line-height: 65px;
    color: #fff;
}

.revenue {
    margin-top: 70px;
    color: #fff;
    font-size: 18px;
}

.number h3 {
    font-style: normal;
    font-family: JioType;
    font-weight: 500;
    font-size: 65px;
    margin-bottom: 0;
}

.number h3 span {
    font-family: "JioType";
    font-weight: 300;
    font-size: 23px;
    display: inline-block;
    padding-left: 13px;
}

.number b {
    font-weight: 500;
    font-family: JioType;
    font-weight: 500;
}

.video-wrap video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.grey-overlay.video-wrap::before {
    background: linear-gradient(0deg, rgba(41, 53, 72, 0.8), rgba(41, 53, 72, 0.8));
}

#video-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
}

#video-container::before {
    background: rgba(7, 11, 63, 0.6);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rating-block {
    background-image: url(/sites/default/files/images/rating-block-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.rating-box {
    background-color: #fff9ef;
    border-radius: 6px;
    padding: 20px 25px;
    position: relative;
    margin: 0 5px;
}

.rating-wrap {
    position: relative;
    z-index: 10;
}

.rating-wrap h2 {
    font-size: 65px;
    color: #fff;
    margin-bottom: 65px;
    font-weight: 400;
}

.rating-box h4 {
    font-size: 26px;
    color: #565656;
    font-family: "JioType";
    font-weight: 500;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.rating-box h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    background: #d2ab67;
    width: 46px;
    height: 3px;
}

.rating-box .text {
    font-size: 18px;
    color: #565656;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.rating-box .small-text {
    color: #565656;
    font-size: 16px;
}

.rating-box h6 {
    color: #be9244;
    font-size: 19px;
    font-family: JioType;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.rating-box p {
    margin-bottom: 0.5rem;
}

.brd-btm {
    border-bottom: 1px solid #bebebe;
}

.rating-logo {
    position: absolute;
    right: 15px;
    top: -25px;
}

.rating-logo img {
    width: 126px;
    padding: 8px;
}

.mbtm {
    margin-bottom: 75px;
}

.explore-block {
    background-color: #fff9ef;
}

.explore-block h3 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 38px;
    color: #373f41;
    margin-bottom: 30px;
}

.explore-box {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 210px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 30px;
}

.explore-box.box1 {
    background-image: url(/sites/default/files/images/explore-bg1.jpg);
}

.explore-box.box2 {
    background-image: url(/sites/default/files/images/explore-bg2.jpg);
}

.explore-box.box3 {
    background-image: url(/sites/default/files/images/explore-bg3.jpg);
}

.explore-box.box4 {
    background-image: url(/sites/default/files/images/explore-bg4.jpg);
}

.explore-box.box5 {
    background-image: url(/sites/default/files/images/explore-bg5.jpg);
}

.explore-box.box6 {
    background-image: url(/sites/default/files/images/explore-bg6.jpg);
}

.explore-box:before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(44, 34, 34, 0.140426) 60.17%, rgba(37, 30, 30, 0.6) 100%);
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transition: all 0.1s;
}

.explore-box .caption {
    background: #091869;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 12px;
    padding: 5px 18px;
    letter-spacing: 0.01em;
}

.arrow-next {
    position: absolute;
    right: 20px;
    bottom: 20px;
    transition: all 0.1s;
}

.explore-box:hover .arrow-next {
    right: 15px;
}

.reports-block {
    background-color: #fdf2df;
}

.reports-holder {
    background: #fff;
    border-radius: 10px;
    padding: 20px 25px;
    margin-top: 60px;
    margin-bottom: 20px;
}

ul.reports {
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.reports li {
    background: none;
    padding: 0;
    cursor: pointer;
    font-size: 16px;
    color: #807b7b;
    letter-spacing: 0.01em;
    position: relative;
    text-transform: capitalize;
    padding: 10px 8px 18px 8px;
    margin: 0 20px;
}

ul.reports li:before {
    content: "";
    background-color: #d3d3d3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transition: all 0.2s;
    right: 0;
    margin: auto;
}

ul.reports li.current::before {
    background-color: #be9244;
    height: 3px;
}

ul.reports li.current {
    color: #000;
}

.reports-holder .tabcontent {
    display: block;
    height: 0px;
    overflow: hidden;
    color: #000;
    animation: fading 2s;
}

.reports-holder .tabcontent.current {
    height: auto;
}

.title-block {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    margin-bottom: 15px;
}

.title-block h4 {
    font-size: 32px;
    color: #4d4d4d;
    font-weight: 400;
}

.title-block select {
    width: 160px;
    color: #807b7b;
    font-weight: 300;
}

.js .cSlider--single>div:nth-child(1n+2) {
    display: none;
}

.js .cSlider--single.slick-initialized>div:nth-child(1n+2) {
    display: block;
}

.report-slider {
    margin-top: 30px;
}

.report-slider .cSlider--nav .slick-list {
    margin: 0 50px;
    padding-bottom: 20px;
}

.report-slider .slick-prev,
.report-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 44px;
    height: 42px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url(/sites/default/files/images/report-arrow.png) 2px -40px;
    border: 1px solid #777;
    margin-top: -10px;
    border-radius: 2px;
}

.report-slider .slick-prev:hover,
.report-slider .slick-next:hover {
    background-color: #be9244;
    border: 1px solid #fff;
}

.report-slider .slick-prev {
    left: 0;
}

.report-slider .slick-next {
    right: 0;
    background-position: 2px 0;
}

.report-slider .slick-prev.slick-disabled,
.report-slider .slick-next.slick-disabled {
    opacity: 0.5;
}

.report-slider .cSlider--nav .slick-slide {
    text-align: center;
}

.report-slider .cSlider--nav .slick-slide>div {
    border: 1px solid #777;
    margin: 0.25rem;
    color: #777;
    line-height: 40px;
    font-size: 15px;
    border-radius: 4px;
}

.cSlider--nav .slick-slide.is-active>div {
    background-color: #be9244;
    border: 1px solid #be9244;
    color: #fff;
    position: relative;
}

.cSlider--nav .slick-slide.is-active>div::before {
    content: "";
    border-left: 8px solid transparent;
    border-top: 8px solid #be9244;
    border-right: 8px solid transparent;
    position: absolute;
    margin-bottom: -8px;
    margin-left: -8px;
    left: 50%;
    bottom: 0;
}

.table-overflow {
    overflow: auto;
}

table.report-table {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
}

table.report-table thead tr {
    border-radius: 5px;
}

table.report-table thead tr th {
    border-bottom: 1px solid #eee8eb;
    padding: 10px;
    padding-left: 30px;
    color: #fff;
    font-family: "JioType";
    font-weight: 500;
    font-size: 17px;
}

table.report-table thead tr th {
    background-color: #939291;
}

table.report-table thead tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

table.report-table thead tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

table.report-table thead tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}

table.report-table thead tr:last-child th:last-child {
    border-bottom-right-radius: 6px;
}

table.report-table tbody tr:hover {
    background-color: #ddd;
}

table.report-table td:first-child {
    width: 20%;
    text-align: left;
}

table.report-table td:first-child+td {
    width: 60%;
}

table.report-table td {
    width: 11%;
    padding: 6px;
    padding-left: 30px;
    font-size: 16px;
    color: #373f41;
    font-weight: 300;
}

table.report-table tbody tr:nth-child(2n) {
    background-color: #f0f0f0;
}

table.report-table td:last-child {
    border-right: 0;
    text-align: left;
}

.download-icons a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
}

.download-icons img {
    display: inline-block;
}

.download-icons a>div {
    margin-right: 8px;
}

.cSlider--nav .slick-slide {
    cursor: pointer;
}

.jio-investor {
    display: flex;
    align-items: center;
}

.jio-investor img {
    margin-right: 15px;
}

.ptb3 {
    padding-top: 100px;
    padding-bottom: 70px;
}

.jio-reports ul.reports {
    justify-content: flex-start;
}

.jio-reports ul.reports li {}

.banner-title h1 {
    max-width: 980px;
}

.visit .jiobtn {
    margin-left: 10px;
}

.logo-scroll,
header.sticky .logo,
.sticky.inner-header.board-header .logo-blk,
.sticky.inner-header.about-header .logo-blk {
    display: none;
}

header.sticky .logo-scroll {
    display: inline-block;
}

.sticky.inner-header.about-header .dropdown-toggle::after {
    filter: brightness(0) invert(0);
    -webkit-filter: brightness(0) invert(0);
}

.video-slider .slick-slide .video-overlay video {}

.locations_container {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 30px;
}

.gradient_bg {
    background: radial-gradient(50% 57.26% at 50% 50%, #ffffff 0%, #f5f5f5 51.56%, #f1f1f1 100%);
    padding-top: 30px;
    padding-bottom: 30px;
}

.india_map {
    max-width: 710px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.map_tabs ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.map_tabs ul li {
    margin: 0 5px 10px;
}

.map_tabs ul li {
    width: 178px;
    display: inline-block;
}

.map_tabs ul li:first-child {
    width: 100px;
}

.map_tabs ul li a {
    font-weight: 300;
    font-size: 16px;
    color: #373f41;
    border: 1px solid #373f41;
    display: block;
    text-align: center;
    border-radius: 20px;
    padding: 8px 0;
    transition: all 0.4s;
}

.map_tabs ul li a:hover,
.map_tabs ul li a.active {
    color: #fff !important;
    background-color: #d2ab67;
    border: 1px solid #d2ab67;
    text-decoration: none;
    cursor: pointer;
}

.map_tabs ul li:first-child a {
    width: 100px;
}

.locations_block {
    background-color: #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-radius: 4px;
}

.locations_block h2 {
    font-weight: 400;
    font-size: 45px;
    color: #4d4d4d;
    padding-top: 30px;
    padding-bottom: 20px;
}

.locations_block h3 {
    font-weight: 500;
    font-size: 30px;
    color: #d2ab67;
    margin-bottom: 30px;
}

.locations_block h5 {
    font-weight: 300;
    font-size: 20px;
    color: #053c8f;
    margin-bottom: 5px;
}

.locations {
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 20px;
}

.address_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.address_list {
    display: flex;
    margin-bottom: 20px;
}

.division_img {
    width: 120px;
}

.division_text {
    width: 308px;
    margin-left: 20px;
}

.division_text p {
    font-size: 18px;
    font-weight: 300;
    color: #373f41;
    line-height: 26px;
    margin-bottom: 0;
}

.safety_block {
    padding-left: 90px;
    padding-right: 90px;
}

.safety_block p {
    font-size: 18px;
    font-weight: 300;
    color: #373f41;
}

.oil_textiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.marker-icon {
    position: absolute;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease;
    transform: translateY(-10px);
    transition-delay: 0.75s;
    width: 18px;
}

.marker-icon.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
}

#address {
    width: 384px;
    height: 150px;
    position: absolute;
    background-color: #fdf2df;
    padding: 15px 10px;
    display: none;
    border-radius: 4px;
    margin-left: 5px;
    margin-top: 15px;
}

.india_map .close-tooltip {
    background-image: url(/sites/default/files/images/close_circle.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 18px;
    height: 18px;
    border: 0;
    text-indent: -99999999px;
    position: absolute;
    right: 7px;
    top: 7px;
}

.india_map .content img {
    border-radius: 4px;
}

.india_map .content p {
    margin-bottom: 0;
    margin-top: 5px;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #373f41;
}

.india_map .content strong {
    font-size: 16px;
    font-weight: 500;
    color: #053c8f;
    display: inline-block;
    padding-right: 18px;
}

.india_map .content {
    display: flex;
}

.india_map .content>div:first-child {
    margin-right: 10px;
}

.health-safety-block .alert-block h2 {
    margin-bottom: 25px;
}

.ril_people.policy-modal .modal-body {
    justify-content: center;
    padding: 0;
}

.ril_people.policy-modal .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}

.health-safety-img {
    cursor: pointer;
}

ul.list-item2 {
    margin-bottom: 1rem;
}

ul.list-item2>li:not(:last-child) {
    margin-bottom: 10px;
}

ul.list-item2>li {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #373f41;
    position: relative;
    padding-left: 30px;
}

ul.list-item2>li::before {
    content: "";
    width: 17px;
    height: 16px;
    background: url(/sites/default/files/images/logo-list.png) no-repeat center;
    position: absolute;
    top: 7px;
    left: 0;
}

.environmental_block {
    background-color: #d2ab67;
    padding-top: 60px;
    padding-bottom: 20px;
}

.environmental_block .alert-block {
    background: #fff;
}

.compliance-reports.report-wise {
    padding: 40px;
    margin: 2rem 0;
    border-radius: 5px;
    position: relative;
}

.compliance-reports .finance-report>li {
    flex: 0 0 auto;
    width: 12.5%;
}

.compliance-reports.report-wise h4 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 25px;
    color: #053c8f;
    margin-bottom: 20px;
}

.compliance-reports .press-block .sortby {
    justify-content: flex-start;
}

.compliance-reports {
    display: none;
}

.alert-block .compliance-reports ul.bio-tab,
.alert-block .compliance-reports ul.finance-report {
    margin-bottom: 0;
}

.alert-block .compliance-reports ul.bio-tab li,
.alert-block .compliance-reports ul.finance-report li {
    margin-bottom: 0;
}

.alert-block .compliance-reports h2 {
    font-size: 18px;
}

.cr.active {
    display: block;
}

.bio-medical.active {
    display: block;
}

.close-button1,
.close-button2 {
    width: 15px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.bio-tab {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
}

.compliance-reports .bio-tab>li {
    flex: 0 0 auto;
    width: 12.5%;
}

.bio-tab>li>span {
    background: #fff;
    padding: 13px 29.3px;
    white-space: nowrap;
    border-bottom: 4px solid #fdf2df;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #a6a4a4;
    border-radius: 6px 6px 0px 0px;
    display: block;
}

.bio-tab>li.current span {
    background: #d2ab67;
    color: #fff;
}

.bio-tab>li.current span::before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -4px;
    background: #d2ab67;
    left: 0;
}

.bio-content .tab-content {
    display: none;
    background: #fff;
    padding: 30px;
    border-radius: 6px;
}

.compliance-reports .tab-content,
.compliance-reports .reports-content .tab-content {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.bio-content .tab-content.current {
    display: inherit;
}

.product-brands h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 49px;
    color: #373f41;
    margin-bottom: 30px;
}

.brands-logo {
    text-align: center;
}

.bl-text p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #373f41;
    margin: 0;
    margin-top: 5px;
}

.table-cs-responsive .table-bordered {
    border: 1px solid rgba(163, 161, 161, 0.5);
}

.table-cs-responsive .table-bordered {
    border: 1px solid rgba(163, 161, 161, 0.5);
    width: 100%;
}

.table-cs-responsive .table-bordered>thead>tr>th,
.table-cs-responsive .table-bordered>tbody>tr>th,
.table-cs-responsive .table-bordered>tfoot>tr>th,
.table-cs-responsive .table-bordered>thead>tr>td,
.table-cs-responsive .table-bordered>tbody>tr>td,
.table-cs-responsive .table-bordered>tfoot>tr>td {
    border: 1px solid rgba(163, 161, 161, 0.5);
}

.table-cs-responsive .table-bordered>thead>tr>th,
.table-cs-responsive .table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.table-cs-responsive .table-condensed>tbody>tr>td,
.table-cs-responsive .table-condensed>tbody>tr>th,
.table-cs-responsive .table-condensed>tfoot>tr>td,
.table-cs-responsive .table-condensed>tfoot>tr>th,
.table-cs-responsive .table-condensed>thead>tr>td,
.table-cs-responsive .table-condensed>thead>tr>th {
    padding: 7px 15px;
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #373f41;
}

.table-cs-responsive .cf tr th {
    background: #2a4494;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 12px 15px !important;
}

.table-cs-responsive .yellowbg {
    background: #EDE274 !important;
}

.table-cs-responsive .mobg {
    background: #f9f9f9 !important;
}

.table-cs-responsive .redbg {
    background: #FE9D96;
}

.table-cs-responsive .whitebg {
    background: #ffffff;
}

.table-cs-responsive .bluebg1 {
    background: #A1D7FF;
}

.table-cs-responsive .red {
    background: #f71f38;
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    border: 1px solid rgba(163, 161, 161, 0.5);
    float: left;
    margin-right: 8px;
}

.table-cs-responsive .white {
    background: #fff;
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    border: 1px solid rgba(163, 161, 161, 0.5);
    float: left;
    margin-right: 8px;
}

.table-cs-responsive .blue01 {
    background: #1eb1ed;
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    border: 1px solid rgba(163, 161, 161, 0.5);
    float: left;
    margin-right: 8px;
}

.table-cs-responsive .yellow {
    background: #f3e503;
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    border: 1px solid rgba(163, 161, 161, 0.5);
    float: left;
    margin-right: 8px;
}

#tdSite span {
    padding-left: 30px;
}

.aboutch__block {
    background: linear-gradient(180deg, #003380 0%, #0b54c4 100%);
    position: relative;
    overflow: hidden;
}

.aboutch__block:before {
    position: absolute;
    top: 11%;
    left: -140px;
    content: "";
    width: 836px;
    height: 787px;
    background: url(/sites/default/files/images/roundIcon.png) no-repeat;
    background-size: cover;
    z-index: 1;
}

.aboutch__block .container {
    position: relative;
    z-index: 2;
}

.aboutAs {
    color: #fff9ee;
    padding: 220px 5px 0 0px;
}

.aboutAs p {
    font-size: 29px;
    line-height: 38px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.aboutAs a {
    color: #fff9ee;
    font-size: 22px;
}

.aboutAs a img {
    margin-left: 5px;
}

.aboutch__block img {
    position: relative;
}

h2.nameTag {
    color: #fff9ee;
    font-size: 115px;
    text-align: center;
    line-height: 110px;
    text-transform: capitalize;
    margin-left: -390px;
}

h2.tag {
    margin-left: -300px;
}

.aboutch__block.about-founder__block h2.nameTag {
    position: absolute;
    margin-left: 0;
}

.chairman__title {
    margin-top: 75px;
}

.ch__title {
    display: none;
}

h2.nameTag span {
    display: block;
    position: relative;
    left: 260px;
}

.chairman-msg {
    background: #fdf2df;
    padding: 40px 0 70px;
    position: relative;
}

.chairman-msg-box {
    background: #ffffff;
    border-radius: 5px;
    padding: 50px;
    margin-top: -100px;
    position: relative;
    z-index: 2;
}

.aboutGenNext .quote_text .quote_1,
.aboutGenNext .quote_text .quote_2 {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.aboutGenNext .quote_text {
    position: relative;
    max-width: 580px;
    width: 100%;
}

.col-cs-6 .aboutGenNext-content .quote_text p br {
    display: none;
}

.polyester_block.refining_block.oil_gas_block .mb-3 {
    margin-bottom: 2rem !important;
}

.chairman-msg .RILAwardBox img {
    border-radius: 4px;
}

.fancybox-infobar {
    display: none;
}

.director__block {
    display: flex;
    flex-wrap: wrap;
    text-align: justify;
}

.director__bio {
    width: 47.5%;
}

.director__bio b {
    color: #000;
    font-weight: 500;
    text-transform: none !important;
}

.director__bio h3 {
    font-family: JioType;
    color: #053e8f;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 15px;
}

.director__bio.mleft {
    margin-left: 2.5%;
}

.director__bio.mright {
    margin-right: 2.5%;
}

.director__bio ul {
    padding-left: 15px;
}

.separator {
    border: 1px dashed #d7d7d7;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.chairman-msg h2 {
    font-family: "Playfair Display", serif;
    margin-bottom: 40px;
    color: #4d4d4d;
    font-weight: 400;
}

.chairman-msg .csmb2 h2,
.awards h2.investerSecTitle,
.invstrs .col-12 h2 {
    font-size: 65px;
    line-height: 70px;
    text-align: center;
    color: #373f41;
}

.invstrs .col-12 h2 {
    padding-top: 0;
    padding-bottom: 40px;
    text-align: left;
    font-weight: 300;
}

.msg-content p {
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    color: #131313;
    margin-bottom: 25px;
}

.csmb {
    margin-bottom: 60px;
}

.chairman-msg .csmb.justify-content-lg-center {
    margin-bottom: 0;
}

.member-forum {
    margin-bottom: 25px;
}

.relianceChairman2 {
    height: 100%;
}

.pos-relative {
    position: relative;
    width: 50%;
    max-width: initial;
    float: left;
}

.JIOVdo .leftSide {
    width: 100%;
}

.JIOVdo .rightSide {
    opacity: 0;
    width: 0;
}

.CNNVdo .rightSide {
    width: 100%;
}

.CNNVdo .leftSide {
    opacity: 0;
    width: 0;
}

.relianceChairman2 .chairmanBox {
    width: 100%;
}

.relianceChairman2 .chairmanBox h2 {
    font-size: 27.7078px;
    line-height: 31px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    margin-bottom: 25px;
}

.relianceChairman2 .chairmanBox img {
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.awards {
    padding: 70px 0;
    background-image: url(/sites/default/files/images/Corporate-Awards-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

.awards h2.investerSecTitle {
    margin-bottom: 40px;
    color: #fff;
}

.awars-box {
    position: relative;
    margin-bottom: 0;
    border-radius: 4px;
}

.awars-box-content {
    background: #053c8f;
    border-radius: 4px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 22px;
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: all linear 0.3s;
    border-radius: 4px;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
}

.paddingSpace {
    padding: 0 30px;
}

.awars-box-content p {
    font-size: 32px;
    color: #fff;
    line-height: 35px;
}

.awars-box-content p span {
    display: block;
}

.awars-box {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.awars-box-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transition: all linear 0.3s;
}

.awars-box:hover .awars-box-content {
    bottom: auto;
    top: 0;
    z-index: 9;
}

.award-year {
    font-size: 28px;
    line-height: 26px;
    text-transform: capitalize;
    color: #d2ab67;
    font-weight: 400;
}

.awrad-title {
    font-size: 31.9655px;
    line-height: 35px;
    color: #ffffff;
}

.awars-box-content p {
    font-size: 22px;
    line-height: 28px;
    color: #ffffff;
    margin-top: 15px;
}

.exlpore-more {
    padding: 90px 0;
    background: #fff9ef;
}

.em-box {
    position: relative;
    margin-bottom: 25px;
}

.em-box-text {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 30px);
    left: 50%;
    transform: translateX(-50%);
    padding: 45px 15px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all linear 0.3s;
}

.em-box:hover .em-box-text {
    bottom: 35px;
}

.em-box-title {
    font-size: 30px;
    line-height: 35px;
    text-transform: capitalize;
    color: #403d3d;
}

.exlpore-more h2.investerSecTitle {
    font-weight: 300;
    font-size: 40px;
    line-height: 42px;
    text-transform: capitalize;
    color: #373f41;
    font-family: "JioType";
    font-weight: 300;
    margin-bottom: 45px;
}

.awars-box:hover .awars-box-content .awrad-title {
    color: #252020;
}

.upper-gap {
    padding-top: 20px;
}

.back-img {
    background: #fdf2e0;
    padding: 60px 0;
    position: relative;
}

.md-left-blue {
    background: rgba(3, 45, 140, 0.9);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 50px;
}

.name-heading {
    font-family: "JioType";
    font-weight: 300;
    font-size: 45px;
    line-height: 45px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 30px;
}

.name-subhead {
    font-size: 21px;
    color: white;
    font-family: "JioType";
    font-weight: 400;
    position: relative;
    margin-bottom: 30px;
}

.name-subhead::after {
    content: "";
    width: 60px;
    height: 2px;
    background: #d2ab67;
    display: block;
    position: absolute;
    bottom: -15px;
}

.profile-wrapper {
    max-width: 1170px;
    margin: auto;
    width: 100%;
}

.profile-wrapper * {
    transition: all linear 0.8s;
}

.logo-retail {
    display: block;
}

.name-para {
    font-size: 18px;
    line-height: 28px;
    color: white;
    font-family: "JioType";
    font-weight: 300;
}

.board-content .tab-content.current {
    display: inherit;
}

.board-content .tab-content {
    display: none;
}

ul.board-box {
    text-align: center;
}

ul.board-box>li {
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #000000;
    display: inline-block;
    margin: 0 15px 30px;
    position: relative;
}

ul.board-box>li::after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 1px;
    background: #ccc;
}

ul.board-box>li.current::after {
    height: 3px;
    background: #be9244;
}

.mb-60 {
    margin-bottom: 60px;
}

.borad-member {
    position: relative;
    margin-bottom: 25px;
}

.borad-member .borad-member-img img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.borad-member-content {
    background: rgba(3, 45, 140, 0.9);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 20px;
    max-width: 330px;
    padding: 32px 15px;
    height: 145px;
    text-align: center;
    overflow: hidden;
}

.borad-member:hover .borad-member-content {
    height: 220px;
}

.borad-member-content h3 {
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #ffffff;
    font-family: "JioType";
    font-weight: 400;
    position: relative;
    margin-bottom: 30px;
}

.borad-member-content p {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #ffffff;
    font-family: "JioType";
    font-weight: 300;
    margin: 0;
}

.borad-member-content h3::before {
    content: "";
    width: 52px;
    height: 2px;
    background: #d2ab67;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.borad-member * {
    transition: all 0.6s;
}

.readmore {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.readmore li {
    margin: 0 4px;
}

.readmore .social {
    margin-right: 20px;
    position: relative;
    left: -50px;
    opacity: 0;
}

.borad-member:hover .readmore .social {
    left: 0;
    opacity: 1;
}

.readmore .resourceButton {
    margin-top: 0;
}

.readmore .resourceButton a {
    position: relative;
    bottom: -50px;
    opacity: 0;
    font-weight: 300;
    font-size: 12.05483px;
    line-height: 8px;
    padding: 12px 18px;
}

.borad-member:hover .readmore .resourceButton a {
    bottom: 0;
    opacity: 1;
}

.borad-member .resourceButton a:hover {
    background: #be9244;
    border: 1px solid #be9244;
}

.readmore .resourceButton a img {
    width: 15px;
}

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.image-box img {
    max-width: 100%;
    transition: all 3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.1);
}

.bs_block {
    padding-top: 60px;
    padding-bottom: 30px;
}

.businesses-back {
    position: relative;
    margin-top: 40px;
}

.businesses-back:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 5px;
    background: linear-gradient(181.52deg, rgba(0, 0, 0, 0.57) 41.62%, rgba(0, 0, 0, 0) 53.84%);
    border-radius: 4px;
    transform: rotate(-180deg);
}

.business-explore {
    margin-bottom: 20px;
}

.businesses-content {
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    padding: 30px 25px;
    z-index: 2;
}

.reatil-head {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 50px;
    color: #f3c168;
}

.reatil-head a {
    color: #f3c168;
    text-decoration: none;
}

.retail-para {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin-top: 20px;
}

.row-seperation {
    margin-top: 50px;
    margin-bottom: 50px;
}

.about-founder__block {
    padding-bottom: 140px;
    padding-top: 90px;
}

.glance-gallery .video-title_block {
    top: auto !important;
}

.chairman-msg.speeches_block {
    padding-top: 0;
}

.about-founder__block .aboutAs p:after {
    left: 0;
}

.about-founder__block .aboutAs p:before {
    right: 0;
}

.about-founder__block h2.nameTag {
    bottom: 100px;
    left: 2.5%;
    font-size: 100px;
    line-height: 86px;
}

.about-founder__block .images-holder {
    position: relative;
}

.about-founder__block .images-holder h2 {
    display: none;
}

.about-founder__block h2.tag {
    bottom: -5px;
    left: 18%;
}

.about-founder__block .aboutAs p {
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 0;
}

.about-founder__block .aboutAs {
    padding: 120px 168px 0 0px;
}

.memorable h2.investerSecTitle {
    margin-bottom: 30px;
    font-size: 65px;
    line-height: 68px;
    text-transform: capitalize;
    color: #4d4d4d;
}

.memorable p {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #373f41;
    margin-bottom: 180px;
}

.memorable-wrap a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #ffffff;
    border-radius: 4px;
    padding: 25px 15px;
    margin-bottom: 25px;
}

.memorable-wrap h3:hover {
    color: #be9244;
}

.memorable-img {
    flex: 0 0 83px;
    max-width: 83px;
    margin-right: 15px;
}

.memb-text {
    flex: 0 0 calc(100% - 98px);
    max-width: calc(100% - 98px);
}

.memb-text h3 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #4d4d4d;
    font-weight: 400;
    font-family: "JioType";
    padding-bottom: 10px;
    position: relative;
}

.foundation-block p {
    font-size: 18px;
    line-height: 24px;
}

.memb-text h3::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #d8d7d7;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.memorable-wrap.mw-right .memb-text h3::after {
    width: calc(100% + 199px);
    left: -199px;
}

.memb-text p {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin: 0;
    font-family: "JioType";
    font-weight: 300;
    min-height: 50px;
}

.memorable-wrap.mw-right .memorable-img {
    margin-right: 0;
    margin-left: 15px;
}

.memorable-wrap.mw-right .memb-text {
    padding-left: 199px;
}

.founders-image {
    position: absolute;
    bottom: 20px;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    width: 440px;
}

.speeches h2 {
    font-size: 45px;
    line-height: 55px;
    color: #ffffff;
    margin-bottom: 30px;
    font-weight: 400;
}

.speeches-wrap {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
    padding: 40px 40px;
}

.speech-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 15px;
}

.speech-content {
    flex: 0 0 calc(100% - 64px);
    max-width: calc(100% - 64px);
}

.speech-content a {
    color: #4d4d4d;
}

.speech-content a:hover {
    color: #be9244;
}

.speech-pdf {
    flex: 0 0 54px;
    max-width: 54px;
    margin-left: 10px;
}

.speech-content h4 {
    font-size: 20px;
    line-height: 27px;
    text-transform: capitalize;
    color: #4d4d4d;
    margin: 0;
    font-family: "JioType";
    font-weight: 400;
}

.speech-content h4 span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #053c8f;
    margin-bottom: 10px;
    font-weight: 300;
}

.speeches-wrap .row .col-md-4 {
    position: relative;
}

.speeches-wrap .row .col-md-4::before {
    content: "";
    width: 1px;
    height: 115px;
    display: block;
    position: absolute;
    background: #e6e6e6;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.speeches-wrap .row .col-md-4:nth-child(3n):before,
.speeches-wrap .row .col-md-4.bor-none::after {
    content: none;
}

.speeches-wrap .row .col-md-4::after {
    content: "";
    width: calc(100% - 30px);
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    background: #e6e6e6;
}

.speeches {
    padding: 100px 0;
    background: #053c8f url(/sites/default/files/images/speech-bg.png) no-repeat right bottom -220px;
    overflow: hidden;
}

.br-5 {
    border-radius: 5px;
}

.ch-img {
    position: relative;
}

.r-tb {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.ch-img h2.nameTag {
    font-size: 96px;
    bottom: 13%;
    line-height: 100px;
    left: 12%;
    position: absolute;
    margin-left: 0;
    margin-right: 0;
}

.ch-img h2.tag {
    bottom: 0%;
    left: 29.2%;
}

.maril {
    position: absolute;
    left: 12%;
    bottom: 10px;
}

.maril h2 {
    font-size: 100px;
    line-height: 98px;
    color: #fff9ee;
    margin-left: 0;
    margin-right: 0;
}

.maril h2 span {
    left: 100px;
    position: relative;
}

.awards-wrapper .row .col-md-4:hover {
    z-index: 1;
}

.board-block {
    padding-top: 0;
    overflow: hidden;
}

.name-of-dir {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.dir-title {
    font-weight: 400;
    font-size: 65px;
    line-height: 65px;
    text-transform: capitalize;
    color: #053e8f;
    font-family: "Playfair Display", serif;
    position: relative;
}

.dir-title::after {
    content: "";
    width: 72px;
    height: 2px;
    background: #d2ab67;
    position: absolute;
    bottom: -28px;
    left: 0;
}

.board-block.result-bod {
    overflow: inherit;
    margin-top: 2px;
    padding-top: 60px;
}

.board-block .chairman-msg-box {
    margin-top: 0;
}

.postion {
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #4d4d4d;
    margin-bottom: 35px;
}

.mediaicon {
    position: absolute;
    right: 0;
    top: -112px;
}

.chairman-msg-box p,
.director__bio li {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
}

.director__bio li {
    list-style-type: disc;
    margin-bottom: 10px;
}

.chairman-msg-box p b {
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}

.awards-slider .slick-slide {
    margin: 0;
}

.founder-slider .item {
    margin: 30px 20px;
    transform: scale(1);
    transition: all linear 0.3s;
}

.founder-slider .item img {
    border-radius: 4px;
}

.founder-slider .item.slick-slide.slick-center {
    transform: scale(1.2);
}

.founder-slider .slick-arrow {
    border: 1px solid #dfdfdf;
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    font-size: 0;
    line-height: normal !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-image: url(/sites/default/files/images/founder-slider-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #be9244;
    transform: rotate(180deg);
    z-index: 10;
}

.founder-slider .slick-arrow:hover {
    background-color: #053c8f;
}

.founder-slider .slick-next {
    transform: rotate(0deg);
}

.founder-slider .slick-next {
    left: inherit;
    right: 0;
}

.awards-slider .slick-arrow {
    border: 1px solid #dfdfdf;
    width: 38px;
    height: 38px;
    border-radius: 50% !important;
    font-size: 0;
    line-height: normal !important;
    position: absolute;
    right: 0;
    top: -95px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-image: url(/sites/default/files/images/arrow-btn-hover.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    transform: rotate(180deg);
    z-index: 10;
}

.awards-slider .slick-next {
    transform: rotate(0deg);
    left: inherit;
    right: 0;
}

.awards-slider .slick-prev {
    right: 50px;
}

.awards-wrap .awards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.dir-image {
    text-align: center;
    background-color: #eee4df;
}

.board-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.board-box>a {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #4d4d4d;
    font-weight: 400;
    position: relative;
}

.board-box>a.prev_btn {
    padding-left: 45px;
}

.board-box>a.next_btn {
    padding-right: 45px;
}

.board-box>a.prev_btn:before,
.board-box>a.next_btn:before {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(/sites/default/files/images/arrow-board-prev.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: -2px;
}

.board-box>a.next_btn:before {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}

.board-box>a:hover {
    color: #be9244;
}

.board-box>a.prev_btn:hover::before,
.board-box>a.next_btn:hover::before {
    filter: brightness(0) saturate(100%) invert(57%) sepia(69%) saturate(361%) hue-rotate(360deg) brightness(92%) contrast(89%);
}

.boardMemeberDetail {
    position: relative;
    background: #fdf2df;
    padding-bottom: 80px;
}

.memberImg img {
    width: 100%;
}

.aboutMember {
    padding: 0 30px;
}

.aboutMember .whiteBg {
    background: #fff;
    border-radius: 5px;
    margin-top: -90px;
    padding: 74px 54px;
}

.memberHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}

.memberHead h3 {
    font-size: 65px;
    color: #053e8f;
    position: relative;
}

.memberHead h3:after {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 72px;
    height: 2px;
    background: #d2ab67;
    content: "";
}

.memberHead .social-menu li a {
    width: 31px;
    height: 31px;
}

.memberHead .social-menu li img {
    width: 13px;
    height: auto;
}

.aboutMember span {
    font-size: 24px;
    line-height: 22px;
    margin-bottom: 60px;
    display: block;
    color: #4d4d4d;
}

.aboutMember p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
    color: #4d4d4d;
}

.aboutMember p:last-child {
    margin: 0;
}

.memeberLink {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.memeberLink a {
    font-size: 24px;
    color: #4d4d4d;
    font-weight: 500;
}

.historyPage h1,
.about h1 {
    width: 750px;
}

.historyPage h1 {
    width: 950px;
}

.text-width h1 {
    max-width: 1200px;
    width: 100%;
}

.historyPage .video-wrapper2 {
    bottom: 6%;
}

.our-history {
    padding: 60px 0 120px;
    background: #053e8f;
    position: relative;
    z-index: 1;
}

.our-history::before {
    content: "";
    width: 100%;
    height: 811px;
    background: url(/sites/default/files/images/history-bg.png) no-repeat center;
    display: block;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: -1;
}

.oh-row {
    width: 100%;
    display: inline-grid;
    grid-template-columns: 1fr 90%;
    margin-top: 120px;
}

.oh-logo {
    margin-bottom: 30px;
}

.page-title h2 {
    font-family: "Playfair Display", serif;
    font-size: 65px;
    line-height: 68px;
    text-transform: capitalize;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 0;
}

.history-year {
    font-family: "Playfair Display", serif;
    font-style: normal;
    font-weight: 500;
    font-size: 200px;
    line-height: 134px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #d2ab67;
    position: relative;
    padding-top: 230px;
    padding-bottom: 30px;
}

.history-year::before,
.history-year::after {
    content: "";
    width: 2px;
    height: 159px;
    display: block;
    position: absolute;
    border-left: 1px dashed #fff;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
}

.history-year::after {
    top: auto;
    bottom: -120px;
    height: 40px;
}

.oh-left {
    margin-top: 135px;
    padding-left: 170px;
}

.oh-left h2 {
    font-family: JioType;
    font-style: normal;
    font-weight: 300;
    font-size: 65px;
    text-transform: capitalize;
    color: #ffffff;
    margin: 0 0 5px;
    padding-left: 28px;
}

.oh-left h2 span {
    font-weight: 300;
    font-size: 30px;
    display: block;
    margin-bottom: 12px;
}

.bg-title {
    background: #ceab72;
    border-radius: 4px;
    padding: 0 70px 0 33px;
    font-weight: normal;
    font-size: 72px;
    line-height: 101px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    position: absolute;
    z-index: 1;
}

.year1957 .bg-title .oh-image {
    position: relative;
}

.ril-logo-bg {
    position: absolute;
    bottom: -50px;
    left: -50px;
}

.bor-5 {
    border-radius: 5px;
}

.bor-l-5 {
    border-radius: 5px 5px 0 0;
}

.oh-bottom-text {
    padding: 56px 50px;
}

.oh-bottom {
    padding-left: 170px;
    position: relative;
}

.oh-bottom:after {
    position: absolute;
    top: -56px;
    right: -50px;
    width: 100px;
    height: 100px;
    background: url(/sites/default/files/images/ril-logo-bg.png) no-repeat;
    content: "";
}

.oh-bottom-text p {
    margin: 0;
    font-family: JioType;
    font-weight: 300;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0.01em;
    color: #ffffff;
}

.section2 {
    background: url(/sites/default/files/images/wealth-creation.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    padding: 0 0 160px;
    align-content: center;
    position: relative;
    z-index: 1;
}

.section2::before {
    background: linear-gradient(0deg, rgba(6, 53, 119, 0.78), rgba(6, 53, 119, 0.78));
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.section2 .history-year::before {
    top: 0;
}

.section2 .history-year {
    padding-top: 140px;
}

.section2 .history-year::after {
    content: none;
}

.wealth-craetion {
    margin-top: 80px;
}

.wealth-craetion h2 {
    font-family: "Playfair Display", serif;
    font-weight: normal;
    font-size: 72px;
    color: #f8cc7f;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.wealth-craetion h2 span {
    display: block;
    font-family: JioType;
    font-size: 35px;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 20px;
}

.oh-top-content p {
    font-family: JioType;
    font-weight: 300;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin: 0;
}

.section3 {
    background: #fdf2df;
    padding: 0 0 90px;
}

.section3::before {
    content: none;
}

.section3 .history-year {
    font-size: 160px;
}

.section3 .history-year::before {
    border-left: 1px dashed #4d4d4d;
    height: 128px;
}

.section3 .bg-title {
    position: static;
    margin-bottom: 40px;
    background: linear-gradient(90deg, #ceab72 40.73%, rgba(206, 171, 114, 0) 171.02%);
}

.section3 .oh-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 600px;
}

.section3 .oh-left h2 {
    color: #4d4d4d;
    margin: 0 0 10px;
}

.section3 .oh-row {
    margin-top: 260px;
}

.oh-left p {
    font-family: JioType;
    font-weight: 300;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0.01em;
    color: #4d4d4d;
    margin: 0;
}

.section2.enhance {
    background: url(/sites/default/files/images/enhance-bg.jpg) no-repeat center;
    background-size: cover;
    border: 15px solid #d2ab67;
}

.section2.enhance::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}

.history-year-sm {
    font-size: 160px;
}

.our-history.global {
    padding: 0 0 60px;
}

.our-history.global::before {
    content: none;
}

.our-history.global .oh-bottom-text {
    padding: 56px 39px;
}

.bg-telecom {
    background: url(/sites/default/files/images/telecom.jpg) no-repeat center;
    background-size: cover;
}

.section3.fortune .oh-row {
    margin-top: 120px;
}

.section3.fortune .history-year {
    color: #be9244;
}

.year2014 .history-year::before {
    top: 0;
}

.year2014 .oh-left h2 {
    margin-bottom: 25px;
}

.year2014 .bg-title {
    padding: 0 30px 0 30px;
}

.year1957 {
    padding: 0 0 190px;
    background: #053e8f;
    position: relative;
}

.year1957:before {
    position: absolute;
    background: url(/sites/default/files/images/history-bg.png) no-repeat top center;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
}

.RILlogoSec {
    margin-bottom: 25px;
    text-align: center;
}

.historySecTitle {
    position: relative;
    display: block;
    text-align: center;
    font-size: 65px;
    line-height: 68px;
    color: #fff;
    margin-bottom: 40px;
    font-weight: 400;
}

.history-intro {
    background: #053e8f;
    padding-top: 60px;
    position: relative;
}

.forty-five {
    text-align: center;
}

.forty-five h2 {
    font-size: 70px;
    line-height: 114px;
    font-weight: 400;
    color: #f8cc7f;
}

.forty-five h2 span {
    font-size: 200px;
    font-weight: 500;
    line-height: 130px;
}

.mrl {
    margin: 50px 0 50px 0;
}

.quote {
    font-size: 40px;
    font-weight: 300;
    line-height: 51px;
    color: #fff;
    position: relative;
    margin: 0 170px;
}

.quote_1,
.quote_2 {
    display: inline-block;
    width: 35px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
}

.quote_1 {
    background-image: url(/sites/default/files/images/quote-tl.png);
    top: -12px;
    margin-left: -46px;
}

.quote_2 {
    background-image: url(/sites/default/files/images/quote-br.png);
    margin-left: 18px;
    bottom: -12px;
}

.quote_3,
.quote_4 {
    display: inline-block;
    width: 39px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
}

.quote_3 {
    background-image: url(/sites/default/files/images/invertedComeIocnBottom.png);
    top: -8px;
    margin-left: -52px;
}

.quote_4 {
    background-image: url(/sites/default/files/images/invertedComeIocnTop.png);
    bottom: -10px;
    margin-left: 15px;
}

.oil-plant,
.founder__image {
    position: relative;
}

.oil-plant::before {
    position: absolute;
    background: url(/sites/default/files/images/history-intro-bg.png) no-repeat bottom center;
    background-size: auto;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.founder__chairman {
    text-align: right;
}

.founder__chairman h2 {
    font-size: 100px;
    font-weight: 400;
    line-height: 100px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 25px;
}

.founder__chairman h5 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 28px;
    line-height: 34px;
    color: #d2ab67;
}

.oil-plant::after {
    background: linear-gradient(180deg, #053e8f 0%, #053e8f 68.75%, rgba(5, 62, 143, 0) 95.83%);
    transform: rotate(-180deg);
    height: 144px;
    content: "";
    position: absolute;
    bottom: -55px;
    width: 100%;
}

.m-minus {
    margin-top: -30px;
}

.dashed-border {
    text-align: center;
}

.dashed-border img {
    display: block;
    margin: 0 auto;
}

.mrg-top {
    margin-top: 100px;
}

.mrg-top2 {
    margin-top: 30px;
}

.mrg-btm {
    margin-bottom: 70px;
}

.mrg-btm2 {
    margin-bottom: 80px;
}

.mrg-btm3 {
    margin-bottom: 80px;
}

.historyYear {
    font-size: 180px;
    line-height: 140px;
    color: #d2ab67;
    display: block;
    text-align: center;
    position: relative;
}

.historyTwoSide {
    position: relative;
    margin-top: 5px;
}

.yaerRightSideImg {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.yaerRightSideImg .blankDiv {
    flex: 1;
}

.yaerRightSideImg img {
    flex: 1.2;
}

.yearLeftSide {
    padding-left: 170px;
    padding-top: 135px;
    position: relative;
}

.RILhistory {
    overflow-y: hidden;
    position: relative;
}

.RILhistory h5 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-family: "JioType";
    font-weight: 300;
}

.RILhistory h5 span {
    display: block;
    text-transform: uppercase;
    font-size: 65px;
    line-height: 108px;
}

.RILhistory .yearLeftSide h6 {
    color: #fff;
    font-size: 70px;
    line-height: 101px;
    letter-spacing: normal;
    background: #ceab72;
    padding: 0px 0px 0 20px;
    position: relative;
    bottom: 0;
    border-radius: 5px;
    width: 473px;
    font-weight: 400;
}

.historyBottomSide {
    margin-top: 345px;
    padding-left: 170px;
    position: relative;
}

.historyBottomSide .contentSpace {
    padding: 57px 0 0 50px;
}

.historyBottomSide .hisBottomImg {
    width: auto;
    max-width: 100%;
    border-radius: 5px;
}

.historyBottomSide p {
    color: #fff;
    font-size: 24px;
    line-height: 35px;
}

.historyBottomSide .rilLogoDesign {
    position: absolute;
    top: -56px;
    left: 500px;
    z-index: 1;
}

.year1977 {
    position: relative;
    background: #fdf2df;
    text-align: center;
    margin-bottom: 60px;
}

.year1977 .container {
    position: relative;
    z-index: 2;
}

.year1977:after {
    content: "";
    background: #f8ead2;
    width: 100%;
    height: 115px;
    position: absolute;
    bottom: -60px;
    left: 0;
}

.wealth-creation {
    display: flex;
    flex-wrap: wrap;
    max-width: 1170px;
    align-items: center;
}

.wealth-creation-text {
    text-align: left;
    width: 55%;
}

.wealth-creation-text h4 {
    font-family: "JioType";
    font-weight: 300;
    color: #4d4d4d;
    font-size: 65px;
    margin-bottom: 15px;
}

.wealth-creation-text h5 {
    background: linear-gradient(90deg, #ceab72 40.73%, rgba(206, 171, 114, 0) 171.02%);
    font-size: 72px;
    line-height: 100px;
    color: #fff;
    font-weight: 400;
    padding: 0 20px;
    margin-bottom: 30px;
    font-family: "Playfair Display", serif;
}

.wealth-creation-text p {
    font-size: 23px;
    color: #4d4d4d;
    line-height: 35px;
}

.crtifict-box {
    width: 45%;
}

.year1966 {
    position: relative;
    background: url(/sites/default/files/images/Textile-Industries.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 120px;
    text-align: center;
}

.year1966 .container {
    position: relative;
    z-index: 2;
}

.year1966:before {
    background: rgba(6, 53, 119, 0.9);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.year1966 h4 {
    font-size: 60px;
    color: #fff;
    font-weight: 400;
}

.year1966 h5 {
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    font-family: "JioType";
}

.year1966 .dashed-border {}

.factory {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 1074px;
    margin: 0 auto;
    background-color: #fff;
    align-items: center;
    margin-top: 30px;
    border-radius: 5px;
}

.factory-text {
    text-align: left;
    padding: 40px;
}

.factory-text h6 {
    font-weight: 500;
    font-size: 53px;
    color: #17427b;
}

.factory-text p {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 34px;
    color: #1f1919;
}

.factory img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.topBorderStyle {
    position: relative;
    padding: 160px 0 50px 0;
    margin-bottom: 60px;
}

.topBorderStyle:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 50%;
    width: 2px;
    height: 165px;
    background: url(/sites/default/files/images/historyWhiteBigbdr.png) no-repeat;
    transform: translate(-50%, 0%);
}

.bothYear h6 {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    font-family: "JioType";
    font-weight: 300;
    margin: 0 0 40px 0;
}

.bothYear h4 {
    font-size: 70px;
    line-height: 65px;
    color: #f8cc7f;
    margin-bottom: 50px;
}

.bothYear p {
    font-size: 22px;
    line-height: 35px;
    color: #fff;
    padding: 0 240px;
}

.yaer1985 {
    position: relative;
    background: #fdf2df;
}

.yaer1985 .topBorderStyle:after {
    background: url(/sites/default/files/images/historyBlackBigbdr.png) no-repeat;
    width: 2px;
    height: 128px;
}

.forwordSec {
    position: relative;
    padding-top: 280px;
    padding-bottom: 160px;
}

.forwordSec .racingImg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.forwordSec .racingSec {
    padding-right: 140px;
    padding-left: 100px;
}

.RILhistory .yaer1985 h5 {
    color: #4d4d4d;
}

.RILhistory .yaer1985 h2 {
    background: linear-gradient(90deg, #ceab72 40.73%, rgba(206, 171, 114, 0) 171.02%);
    color: #fff;
    padding: 0 20px;
    font-size: 72px;
    line-height: 101px;
    margin-bottom: 45px;
}

.racingSec p {
    font-size: 22px;
    line-height: 35px;
    padding-right: 540px;
}

.year1991 {
    background: #d2ab67;
    position: relative;
    padding: 27px;
}

.year1991 .topBorderStyle {
    margin-bottom: 120px;
}

.year1991Bg {
    background: url(/sites/default/files/images/enhance-bg.jpg) no-repeat;
    text-align: center;
    position: relative;
    background-size: cover;
    padding: 0 0 120px 0;
    border-radius: 5px;
    border: 1px solid;
}

.b-radius {
    border-radius: 5px;
}

.year1991Bg:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #0000009c;
}

.year2000 {
    position: relative;
    background: #053e8f;
    padding-bottom: 60px;
}

.year2000 .topBorderStyle {
    margin-bottom: 0;
}

.year2002 {
    position: relative;
    text-align: center;
    background: url(/sites/default/files/images/telecom.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 100px;
}

.year2020-22 {
    position: relative;
    text-align: center;
    background: url(/sites/default/files/images/Digital_Transformation.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 90px;
}

.year2002::before {
    background: linear-gradient(0deg, rgba(6, 53, 119, 0.78), rgba(6, 53, 119, 0.78));
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.year2004 {
    background: #fdf2df;
    position: relative;
    padding-bottom: 180px;
}

.year2004 .topBorderStyle:after {
    background: url(/sites/default/files/images/historyBlackBigbdr.png) no-repeat;
    width: 2px;
    height: 128px;
}

.year2004 .yearLeftSide {
    padding-left: 100px;
}

.RILhistory .year2004 h5 {
    color: #4d4d4d;
    font-size: 32px;
}

.year2004 .yaerRightSideImg img {
    flex: 1.1;
    position: relative;
    z-index: 1;
}

.RILhistory .year2004 .yearLeftSide h6 {
    background: linear-gradient(90deg, #ceab72 40.73%, rgba(206, 171, 114, 0) 171.02%);
    width: 600px;
    padding: 0px 0px 0 8px;
}

.RILhistory .year2004#yr2004 .yearLeftSide h6 {
    background: linear-gradient(90deg, #ceab72 40.73%, rgba(206, 171, 114, 0) 171.02%);
    width: 640px;
    padding: 0px 0px 0 80px;
    margin-left: -40px;
}

.RILhistory .year2004 p {
    font-size: 22px;
    line-height: 35px;
    color: #4d4d4d;
    margin-top: 40px;
    padding-right: 80px;
}

.year2009 {
    background: #d2ab67;
    position: relative;
    padding: 27px;
    text-align: left;
}

.year2009Bg {
    background: url(/sites/default/files/images/history2009Bg.png) no-repeat;
    text-align: left;
    position: relative;
    background-size: cover;
    padding: 0 0 260px 0;
}

.year2009Bg:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.yr-mtp {
    margin-top: 60px;
}

.year2014 {
    position: relative;
    background: #053e8f;
    padding-bottom: 80px;
}

.year2014 .yearLeftSide h5 {
    margin-bottom: 25px;
}

.year2014 .historyBottomSide {
    margin-top: 415px;
}

.year2014 .smartImg {
    position: absolute;
    top: -190px;
    left: 240px;
}

.year2016 {
    position: relative;
    padding-bottom: 160px;
}

.year2016.bothYear p {
    padding: 0 280px;
}

.yaer2019 .forwordSec {
    padding-bottom: 70px !important;
    padding-top: 240px !important;
}

.yaer2019 .forwordSec .racingImg {
    top: auto;
    bottom: 0;
}

.forRil {
    position: relative;
}

.forRil:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 50%;
    width: 2px;
    height: 165px;
    background: url(/sites/default/files/images/historyWhiteBigbdr.png) no-repeat;
    transform: translate(-50%, 0%);
}

.forRil .year1991Bg {
    padding: 270px 0 260px 0;
}

.forRil p {
    font-size: 28px;
    line-height: 46px;
    color: #fff;
}

.forRil p span {
    display: block;
}

.forRil h5 {
    position: relative;
    z-index: 1;
    font-family: "Playfair Display", serif;
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
}

.diversity-block .profile__block {
    align-items: end;
}

.historyButton {
    position: fixed;
    top: 20%;
    left: 25px;
    z-index: 9;
}

.tabfixed {
    position: fixed;
    top: 25%;
}

.historyButton li {
    display: block;
    font-size: 15px;
    line-height: 14px;
    color: #d2ab67;
    margin-bottom: 6px;
    position: relative;
    border-radius: 50px;
}

.historyButton li a {
    color: #d2ab67;
    display: block;
    padding: 12px 20px 12px 32px;
    position: relative;
}

.historyButton li a:after {
    position: absolute;
    top: 4px;
    left: 12px;
    content: "";
    background: url(/sites/default/files/images/historySecButton.png) no-repeat;
    width: 11px;
    height: 29px;
}

.historyButton li a:hover:after,
.historyButton li.active a:after {
    background: url(/sites/default/files/images/historySecButtonHvr.png) no-repeat;
}

.historyButton li span {
    opacity: 0;
}

.historyButton li:hover span {
    opacity: 1;
}

.historyButton li:hover,
.historyButton li.active {
    background: rgba(190, 146, 68, 0.2);
}

.historyButton li.active span {
    opacity: 1;
}

.welcome-block {
    padding-top: 50px;
    padding-bottom: 0;
}

.welcome-block h2 {
    font-size: 65px;
    font-weight: 400;
    color: #4d4d4d;
    margin-bottom: 35px;
}

.space-between {
    padding: 0 30px;
}

.space-between .pright {
    padding-right: 20px;
}

.space-between .pleft {
    padding-left: 20px;
}

.business​__block {
    background-color: #fdf2df;
    padding-top: 70px;
    padding-bottom: 70px;
}

.business​__block h2 {
    font-size: 65px;
    font-weight: 400;
    color: #4d4d4d;
    margin-bottom: 40px;
}

.business​__block h4 {
    font-weight: 500;
    font-size: 30px;
    color: #d2ab67 !important;
    margin-bottom: 0;
}

.business​__block h4 a {
    color: #d2ab67;
    text-decoration: none;
}

.business-image {
    position: relative;
}

.business-image img {
    border-radius: 4px;
    transition: 0.3s;
}

.business-image:hover img {
    transform: scale(1.1);
    border-radius: 4px;
}

.business-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(177.05deg, rgba(0, 0, 0, 0.7) 42.29%, rgba(0, 0, 0, 0) 64.3%);
    border-radius: 4px;
    transform: rotate(-180deg);
    z-index: 1;
}

.business__box {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 4px;
}

.business-text {
    position: absolute;
    bottom: 25px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
    z-index: 2;
}

.business-text>div {
    max-width: 256px;
}

.business-text>div+div {
    max-width: 110px;
}

.business__box a.explore-btn {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 42px 8px 26px;
    position: relative;
    transition: all 0.5s;
}

.business__box a.explore-btn:before {
    background: url(/sites/default/files/images/arrow2.png);
    content: "";
    position: absolute;
    top: 13px;
    right: 20px;
    width: 14px;
    height: 13px;
    transition: all 0.2s;
}

.business__box a.explore-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.update-date {
    font-size: 12px;
    color: #000;
    text-align: right;
    font-style: italic;
    margin-bottom: 15px;
}

.value-block {
    padding-top: 140px;
    padding-bottom: 140px;
}

.value-block h2 {
    font-size: 65px;
    font-weight: 400;
    line-height: 70px;
    color: #4d4d4d;
}

.welcome-block p {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    color: #373f41;
}

.value-block a {
    color: #484848;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    position: relative;
    border: 1px solid #484848;
    border-radius: 52.7213px;
    padding: 14px 20px;
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
}

.value-block a::after {
    background: url(/sites/default/files/images/bl-arrow.png) no-repeat center;
    content: "";
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background-size: 14px 13px;
}

.value-block a:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.value-block a:hover:after {
    background: url(/sites/default/files/images/white-arrow.png) no-repeat center;
    background-size: 14px 13px;
}

.glance​-block {
    background-color: #053c8f;
    padding-top: 70px;
    padding-bottom: 80px;
}

.glance-box {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 30px;
}

.glance​-block h4 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
}

.glance​-block h3 {
    font-weight: 400;
    font-size: 65px;
    line-height: 70px;
    color: #fff;
    padding-top: 10px;
}

.glance-box h5 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
}

.glance-box .amount {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.glance-box .amount span {
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
}

.glance-box .amount b {
    display: inline-block;
    margin-right: 10px;
}

.glance​-block .blr {
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
}

.made-in-india​_block {
    margin-top: 10px;
}

.made-in-india​_block .container {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.made-in-india​_block h2 {
    font-size: 90px;
    font-weight: 400;
    line-height: 75px;
    color: #fff;
    position: relative;
    padding-bottom: 40px;
}

.made-in-india​_block h2:before {
    content: "";
    position: absolute;
    bottom: 10px;
    background-color: #cfcfcf;
    width: 92%;
    height: 2px;
}

.made-in-india​_block h3 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 45px;
    color: #fff;
}

.made-in-india​_block h3 span {
    display: inline-block;
    font-size: 26px;
    margin: 0 5px;
}

.made-in-india​_block h4 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 45px;
    color: #fff;
}

.good-box {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #eee8e8;
    border-radius: 10px;
    padding: 50px 60px;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.good-box h3 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 30px;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.good-box p {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
}

.business​__block h2 {
    color: #4d4d4d;
}

.good-box p+p {
    margin-bottom: 0;
}

.forward-block {
    padding-top: 60px;
    padding-bottom: 40px;
}

.m-btm30 {
    margin-bottom: 30px;
}

.forward-block h3 {
    font-size: 65px;
    line-height: 70px;
    font-weight: 400;
    color: #4d4d4d;
    margin-bottom: 25px;
}

.forward-block h6 {
    font-family: "JioType";
    font-size: 21px;
    font-weight: 300;
    color: #091869;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.value-holder {
    margin-bottom: 30px;
}

.value-holder figure {
    margin-bottom: 0;
}

.value-holder figure img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.value-box {
    background-color: #fff9ef;
    padding: 25px 17px 0;
    min-height: 460px;
}

.value-box h5 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 25px;
    color: #4d4d4d;
}

.value-box h4 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 30px;
    color: #26378d;
}

.value-box h4 span {
    font-size: 18px;
}

.value-box p {
    font-size: 18px;
    color: #373f41;
}

.value-box p b {
    color: #4d4d4d;
}

.values-behaviours {
    padding: 0 0 40px;
}

.values-behaviours h2 {
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 65px;
    color: #4d4d4d;
    margin-bottom: 10px;
}

.values-behaviours p {
    font-family: "JioType";
    font-size: 18px;
    color: #373f41;
}

.testimonial-cont {}

.bg-img {
    width: 540px;
    height: 540px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    border: 6px solid #be9244;
}

.bg-img:before {
    background: #053c8f;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.customer-bg {
    background: url(/sites/default/files/images/customer-value-bg.jpg) no-repeat center;
}

.ownership-bg {
    background: url(/sites/default/files/images/ownership-bg.jpg) no-repeat center;
}

.respect-bg {
    background: url(/sites/default/files/images/respect-bg.jpg) no-repeat center;
}

.integrity-bg {
    background: url(/sites/default/files/images/integrity-bg.jpg) no-repeat center;
}

.team-bg {
    background: url(/sites/default/files/images/team-bg.jpg) no-repeat center;
}

.excellence-bg {
    background: url(/sites/default/files/images/excellence-bg.jpg) no-repeat center;
}

.test_content p {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 25px;
}

.test_content {
    padding: 0 60px;
}

.owl-theme .owl-nav [class*="owl-"]:focus {
    outline: none;
}

.testimonial-cont .owl-theme .owl-nav [class*="owl-"] {
    background-color: #fff;
    left: -30px;
}

.testimonial-cont .owl-theme .owl-nav .owl-next {
    left: inherit;
    right: -20px;
}

.brandlogo .s_logo.active {
    display: block;
}

.boldborder {
    position: relative;
    margin-bottom: 80px;
}

.boldborder:before {
    content: "";
    position: absolute;
    height: 200px;
    background-color: #fff9ef;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.s_logo {
    display: block;
    cursor: pointer;
}

.s_logo img {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    filter: grayscale(0%);
    border-radius: 4px;
}

.s_logo img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.testimonial-list.owl-theme .owl-nav [class*="owl-"] {
    border: 1px solid #dfdfdf !important;
    width: 48px;
    height: 48px;
    border-radius: 50% !important;
    font-size: 0;
    line-height: normal !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-image: url(/sites/default/files/images/white-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #be9244;
    transform: rotate(180deg);
}

.testimonial-list.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #053c8f;
}

.testimonial-list.owl-theme.owl-carousel .owl-nav button.owl-next {
    transform: rotate(0deg);
}

.testimonial-cont .testimonial-list.owl-theme .owl-nav [class*="owl-"] {
    left: 20px;
}

.testimonial-cont .testimonial-list.owl-theme .owl-nav .owl-next {
    left: inherit;
    right: 20px;
}

.testimonial-cont img {
    width: auto !important;
}

.radius {
    display: none !important;
}

.testimonial-cont h6 {
    font-family: "JioType";
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    letter-spacing: 2px;
    position: relative;
    padding-top: 15px;
}

.bicon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    position: relative;
}

.bicon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    background: #be9244;
    border-radius: 10px;
    width: 80px;
    height: 5px;
    margin: auto;
}

.values-box {
    text-align: center;
    position: relative;
}

.awards-block {
    padding: 80px 0;
    background-image: url(/sites/default/files/images/Corporate-Awards-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

.awards-block h2 {
    font-size: 65px;
    color: #fff;
    margin-bottom: 25px;
}

.award-box {
    display: flex;
    min-height: 228px;
    border-radius: 4px;
    border: 1px solid #fff;
    position: relative;
    margin-top: 30px;
}

.award-box .year {
    position: absolute;
    top: 10px;
    background: #26378d;
    border-radius: 0px 4px 4px 0px;
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    font-weight: 500;
    padding: 5px 16px;
    left: -1px;
}

.award-logo {
    background-color: #fff;
    padding: 10px;
    align-items: center;
    display: flex;
}

.award-content {
    background-color: #fff9ef;
    font-size: 15px;
    color: #373f41;
    padding: 15px;
    align-items: center;
    display: flex;
}

.year1966.year1980 {
    background: url(/sites/default/files/images/global-energy.jpg) no-repeat center;
    background-size: cover;
    border: 27px solid #d2ab67;
    position: relative;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blueOverlay {
    background: rgba(6, 53, 119, 0.9);
}

.blackOverlay {
    background: rgba(0, 0, 0, 0.6);
}

.year1966.year1980:before,
.year2002.year2002-bg::before,
.year2005,
.year2009Bg:before,
.year2002::before {
    content: none;
}

.year1966.year1980 h4 {
    font-size: 72px;
    color: #f8cc7f;
}

#yr2020 {
    padding-bottom: 0px !important;
    overflow: hidden;
}

#yr2020 ul {
    margin: 60px 0 0 0;
    padding: 0;
    text-align: center;
}

#yr2020 ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 50px;
    margin-bottom: 30px;
}

#yr2020 .yaerRightSideImg {
    width: 85%;
}

.RILhistory .year2004#yr2020 p {
    margin-top: 20px;
}

.RILhistory .year2004#yr2020 p.border-btm {
    border-bottom: 1px dotted #ccc2c2;
    margin: 0;
    padding-bottom: 20px;
}

#yr2020.year2004 .yaerRightSideImg img {
    flex: none;
}

.RILhistory .year2004#yr2020 .yearLeftSide h6 {
    width: 840px;
    margin-bottom: 30px;
}

.global-energy .slick-arrow {
    width: 50px;
    height: 50px;
    background: #be9244;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    font-size: 0;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    z-index: 1;
}

.global-energy .slick-slide {
    margin: 0 10px;
}

.global-energy .slick-prev {
    left: 80px;
    background: #be9244 url(/sites/default/files/images/prev-slider.png) no-repeat center;
}

.global-energy .slick-next {
    right: 80px;
    background: #be9244 url(/sites/default/files/images/next-slide.png) no-repeat center;
}

.global-energy .slick-prev:hover,
.global-energy .slick-next:hover {
    background-color: #053c8f;
}

.year2002.year2002-bg {
    background: url(/sites/default/files/images/tr-bg.jpg) no-repeat center;
    background-size: cover;
}

.year2002.year2002-bg::before {
    background: rgba(6, 53, 119, 0.8);
}

.headingFadeEffect2 {
    max-width: 615px;
    width: 100%;
    margin: auto;
}

h2.headingFadeEffect2 {
    color: #053c8f;
    line-height: 64px;
}

.Rilyr1957 .Rilyear1957,
.Rilyr1977 .Rilyear1977,
.Rilyr1980 .Rilyear1980,
.Rilyr2000 .Rilyear2000,
.Rilyr2002 .Rilyear2002,
.Rilyr2004 .Rilyear2004,
.Rilyr2006 .Rilyear2006,
.Rilyr2009 .Rilyear2009,
.Rilyr2010 .Rilyear2010,
.Rilyr2016 .Rilyear2016,
.Rilyr2020 .Rilyear2020,
.Rilyr2020-21 .Rilyear2020-21,
.Rilyr2021 .Rilyear2021,
.Rilyr2023 .Rilyear2023 {
    background: rgba(190, 146, 68, 0.2);
}

.historyButton {
    display: none;
}

.scrolltop .historyButton {
    display: none !important;
}

.Rilyr1957 .historyButton,
.Rilyr1977 .historyButton,
.Rilyr1980 .historyButton,
.Rilyr2000 .historyButton,
.Rilyr2002 .historyButton,
.Rilyr2004 .historyButton,
.Rilyr2006 .historyButton,
.Rilyr2009 .historyButton,
.Rilyr2010 .historyButton,
.Rilyr2016 .historyButton,
.Rilyr2020 .historyButton,
.Rilyr2020-21 .historyButton,
.Rilyr2021 .historyButton,
.Rilyr2023 .historyButton {
    display: block;
}

.Rilyr1957 .Rilyear1957 span,
.Rilyr1977 .Rilyear1977 span,
.Rilyr1980 .Rilyear1980 span,
.Rilyr2000 .Rilyear2000 span,
.Rilyr2002 .Rilyear2002 span,
.Rilyr2004 .Rilyear2004 span,
.Rilyr2006 .Rilyear2006 span,
.Rilyr2009 .Rilyear2009 span,
.Rilyr2010 .Rilyear2010 span,
.Rilyr2016 .Rilyear2016 span,
.Rilyr2020 .Rilyear2020 span,
.Rilyr2020-21 .Rilyear2020-21 span,
.Rilyr2021 .Rilyear2021 span,
.Rilyr2023 .Rilyear2023 span {
    opacity: 1;
}

.Rilyr1957 li.Rilyear1957 a:after,
.Rilyr1977 li.Rilyear1977 a:after,
.Rilyr1980 li.Rilyear1980 a:after,
.Rilyr2000 li.Rilyear2000 a:after,
.Rilyr2002 li.Rilyear2002 a:after,
.Rilyr2004 li.Rilyear2004 a:after,
.Rilyr2006 li.Rilyear2006 a:after,
.Rilyr2009 li.Rilyear2009 a:after,
.Rilyr2010 li.Rilyear2010 a:after,
.Rilyr2016 li.Rilyear2016 a:after,
.Rilyr2020 li.Rilyear2020 a:after,
.Rilyr2020-21 li.Rilyear2020-21 a:after,
.Rilyr2021 li.Rilyear2021 a:after,
.Rilyr2023 li.Rilyear2023 a:after {
    background: url(/sites/default/files/images/historySecButtonHvr.png) no-repeat !important;
}

.year2020 {
    position: relative;
    text-align: center;
    background: url(/sites/default/files/images/telecom.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 100px;
    z-index: 1;
}

.year2020::before {
    background: linear-gradient(0deg, rgba(6, 53, 119, 0.78), rgba(6, 53, 119, 0.78));
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.year2020.bothYear h6 {
    margin: 0 0 10px 0;
}

.year2020 .historyYear {
    font-size: 150px;
    margin: 0 0 50px;
}

.new-partner {
    max-width: 1140px;
    margin: auto;
    width: 100%;
}

.year2020-left {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 10px 0px 0px 10px;
    padding: 30px;
}

.year2020-left ul>li {
    text-align: left;
    font-size: 22px;
    line-height: 27px;
    color: #4d4d4d;
}

.year2020-left ul>li:not(:last-child) {
    border-bottom: 1px dashed #ccc2c2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.year2020-right {
    background: #fdf2df;
    border-radius: 0px 10px 10px 0px;
    padding: 39px;
}

.bothYear .year2020-right p {
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
    color: #4d4d4d;
    padding: 0;
    text-align: left;
    margin-bottom: 25px;
}

.partner-logo {
    padding: 24.5px 0;
}

h3.efect3,
.about-title {
    color: #053c8f;
    line-height: 50px;
    max-width: 1000px;
    margin: auto;
    font-size: 45px;
    font-family: "JioType";
    font-weight: 300;
    margin-bottom: 35px;
}

.digitalJio {
    position: relative;
    background: #fff;
    padding: 120px;
    text-align: center;
}

.digitalJioContainer img {
    margin-bottom: 30px;
}

.digitalJioContainer {
    padding: 0 130px;
}

.digitalJioContainer h3 {
    font-family: "JioType";
    font-weight: 500;
    color: #053c8f;
    margin: 0 0 30px;
}

.digitalJioContainer p {
    color: #373f41;
    font-size: 22px;
    line-height: 35px;
}

.digitalJioCommitted {
    position: relative;
    padding: 130px 0;
    background: #053c8f;
}

.digitalJioSecTitle {
    font-size: 52px;
    line-height: 62px;
    color: #fff;
    margin-bottom: 80px;
    display: block;
    text-align: center;
    font-weight: normal;
}

.digitalJioSecTitle span {
    display: inline-block;
}

.digitalJioCommittedBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.digitalJioCommittedBox .columanBox {
    position: relative;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333%;
    padding: 10px 0;
}

.digitalJioCommittedVideo.rm .digitalJioCommitted .row.mb-5.pb-5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.digitalJioCommittedBox .columanBox:after {
    position: absolute;
    top: 80px;
    right: -110px;
    content: "";
    width: 1px;
    height: 70px;
    background: #fff;
}

.digitalJioCommittedBox .columanBox:last-child:after {
    content: none;
}

.digitalJioCommittedBox .columanBox p {
    font-size: 25px;
    color: #d2ab67;
    line-height: 38px;
    margin-bottom: 4px;
}

.digitalJioCommittedBox .columanBox p span {
    display: block;
    font-size: 30px;
    text-transform: uppercase;
}

.digitalJioCommittedBox .columanBox h5 {
    color: #fff;
    font-size: 70px;
    font-family: "JioType";
    font-weight: 300;
}

.digitalJioCommittedBox .columanBox h6 {
    font-size: 30px;
    color: #fff;
    font-family: "JioType";
    font-weight: 300;
    margin-bottom: 1rem;
}

.displayJioPhone {
    position: relative;
    padding: 30px 0 100px;
}

.displayJioPhone img {
    width: 100%;
}

.jioExpBtn {
    display: block;
    text-align: center;
}

.jioExpBtn a {
    display: inline-block;
    font-size: 16px;
    color: #565656;
    background: url(/sites/default/files/images/shareIcon.png) no-repeat;
    border-radius: 32px;
    border: 1px solid #83959a;
    padding: 14px 55px 14px 30px;
    background-position: 80% 18px;
    transition: all 0.2s ease-in-out;
}

.jioExpBtn a:hover {
    background: #d2ab67 url(/sites/default/files/images/white-arrow.png) no-repeat;
    border: 1px solid #d2ab67;
    color: #fff;
    background-position: 80% 18px;
}

.quotes {
    display: none;
}

.displayJioOffer {
    position: relative;
    background: #053c8f;
    padding: 100px 0 0;
    text-align: center;
}

.displayJioOffer h2 {
    margin-bottom: 150px;
}

.displayJioOffer:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url(/sites/default/files/images/jioOfferBg.png) no-repeat;
    content: "";
    height: 100%;
    z-index: 0;
    background-size: cover;
}

.displayJioOffer .container {
    position: relative;
    z-index: 1;
}

.jioNewOffer {
    width: 740px;
    max-width: 100%;
    text-align: center;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    display: flex;
    align-content: center;
}

.jioNewOffer .jioOfferBox {
    width: 318px;
    background: #fff;
    text-align: center;
    margin: 0 25px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 120px;
    padding: 35px;
    position: relative;
    min-height: 282px;
}

.jioNewOffer .jioOfferBox img {
    margin-top: -140px;
    transition: all 0.3s ease;
}

.jioNewOffer .jioOfferBox:hover img {
    margin-top: -155px;
}

header .col-md-9.position-static[data-aos^="fade"][data-aos^="fade"],
header .col-md-3.mn-fade[data-aos^="fade"][data-aos^="fade"] {
    transform: initial !important;
}

.jioNewOffer .jioOfferBox h3 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 30px;
    line-height: 80px;
    margin: 0;
}

.jioNewOffer .jioExpBtn a {
    font-size: 14px;
    padding: 14px 45px 14px 24px;
}

.jioAdvantages {
    position: relative;
    background: #d2ab67;
    padding: 120px 0 90px;
}

.jioAdvantages .jioLightLogo {
    position: absolute;
    bottom: 0;
    right: 50px;
}

.jioAdvantages .jioFlex {
    justify-content: center;
}

.jioAdvantagesBox {
    background: #fff;
    border-radius: 10px;
    padding: 35px 64px 35px 25px;
    height: 350px;
    margin-bottom: 25px;
}

.jioAdvantagesBox img {
    margin-bottom: 25px;
}

.jioAdvantagesBox h4 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 28px;
    line-height: 20px;
    color: #373f41;
    margin-bottom: 15px;
}

.jioAdvantagesBox p {
    font-size: 21px;
    line-height: 30px;
    color: #373f41;
    margin: 0;
}

.jioPlatfrom {
    position: relative;
    padding: 75px 0;
    background: url(/sites/default/files/images/platfromBg.jpg) no-repeat;
    background-size: cover;
}

.jioPlatfrom h2 {
    margin-bottom: 30px;
}

.jioPlatfrom h6 {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    font-family: "JioType";
    font-weight: 300;
    padding: 0 180px;
    margin-bottom: 60px;
}

.jioPlatfromBox {
    position: relative;
}

.jioPlatfromBox:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background: url(/sites/default/files/images/platformLogo.png) no-repeat;
    width: 132px;
    height: 132px;
    transform: translate(-50%, -50%);
}

.PlatfromArea {
    background: #fff;
    display: flex;
}

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

.PlatfromContent {
    padding: 70px 50px;
    clear: both;
    width: 50%;
}

.PlatfromContentImg {
    width: 50%;
}

.PlatfromContentImg video {
    height: auto;
}

.PlatfromContentImg img {
    width: 100%;
}

.PlatfromContent h3 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
}

.PlatfromContent ul {
    display: flex;
    flex-wrap: wrap;
}

.PlatfromContent ul li {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
}

.PlatfromContent ul li img {
    margin-right: 8px;
}

.PlatfromArea.bottomSide .PlatfromContent {
    padding: 20px 50px;
}

.PlatfromArea.bottomSide li {
    margin-bottom: 11px;
}

.jioConnectivity {
    position: relative;
    background: #fff9ef;
    padding: 70px 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.jioConnectivity h2 {
    color: #373f41;
    font-size: 45px;
    margin-bottom: 50px;
}

.connectivityborder {
    position: relative;
    width: 760px;
    margin: 0 auto;
}

.connectivityborder:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: "";
}

.connectivityborder span {
    position: relative;
}

.connectivityborder .arrowOne:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 26px;
    background: #000;
    content: "";
}

.connectivityborder .arrowTwo {
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.connectivityborder .arrowTwo:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 26px;
    background: #000;
    content: "";
}

.connectivityborder .arrowThree {
    position: relative;
    top: 0;
    left: 100%;
    transform: translate(-100%, 0);
}

.connectivityborder .arrowThree:after {
    position: absolute;
    top: 0;
    right: -2px;
    width: 2px;
    height: 26px;
    background: #000;
    content: "";
}

.connectivityborder span:before {
    position: absolute;
    top: 17px;
    left: -4px;
    background: #000;
    content: "";
    background: #ffffff;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
    height: 10px;
}

.connectivitySpace {
    text-align: center;
    padding: 0 90px;
    margin-top: 110px;
}

.connectivityFront {
    display: flex;
    justify-content: center;
    border: 1px dotted #000;
    border-radius: 50%;
    width: 318px;
    height: 318px;
    align-items: center;
    margin: 0 auto;
}

.connectivityinner {
    width: 272px;
    height: 272px;
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.connectivityinner p {
    font-size: 25px;
    line-height: 32px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

.connectivityinner p span {
    display: block;
}

.innovation-Prog .recron_block figure {
    border-bottom: 1px solid #eee;
}

.boardCommitteesSec {
    padding: 100px 0;
}

.boardCont {
    display: flex;
}

.boardCont h2 {
    color: #4d4d4d;
    font-size: 65px;
    line-height: 70px;
    position: relative;
    margin-right: 100px;
}

.boardCont h2:after {
    position: absolute;
    content: "";
    top: 15px;
    right: -47px;
    width: 5px;
    height: 124px;
    background: #be9244;
    border-radius: 4px;
}

.boardCont p {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
}

.RilBoardSec {
    background: #fdf2df;
    padding: 65px 0 10px;
    position: relative;
}

.RilBoardSec .committeesBox {
    background: #fff;
    padding: 35px;
    text-align: center;
    border-radius: 4px;
}

.RilBoardSec h2 {
    color: #053e8f;
    font-size: 45px;
    line-height: 52px;
    margin: 0 0 15px 0;
}

.RilBoardSec h2 span {
    display: block;
}

.RilBoardSec h6 {
    color: #be9244;
    font-size: 30px;
    font-family: "JioType";
    font-weight: 300;
}

.boardMemeberBox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.boardMemeberBox .box {
    position: relative;
    padding: 0 10px;
    flex: 0 0 22%;
    width: 22%;
    margin-top: 50px;
}

.boardMemeberBox .box img {
    width: 100%;
    border-radius: 4px;
}

.boardMemeberBox .box .boxContent {
    position: absolute;
    background: #032d8ce5;
    color: #fff;
    bottom: 20px;
    width: 80%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.boardMemeberBox .box .boxContent p {
    margin: 0;
    font-family: "JioType";
    font-weight: 500;
    font-size: 14px;
}

.boardMemeberBox .box .boxContent span {
    font-family: "JioType";
    font-weight: 300;
    font-size: 12px;
    position: relative;
    padding-top: 20px;
}

.boardMemeberBox .box .boxContent span:after {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 50px;
    height: 1px;
    background: #be9244;
    content: "";
    transform: translate(-50%, 0);
}

.refSec {
    text-align: center;
    margin-top: 40px;
}

.refSec a.openCommittee {
    color: #be9244;
    font-size: 25px;
    line-height: 34px;
    text-decoration: none;
    background: url(/sites/default/files/images/akar-icons_circle-plus.png) no-repeat right center;
    padding: 2px 45px 2px 0;
    background-position: 100% 0;
}

.refSec a.openCommittee.active {
    display: none;
}

.boxSpace {
    margin-bottom: 50px;
}

.aboutCommittee {
    position: relative;
    text-align: left;
    display: none;
}

.closeCommittee {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.aboutCommittee h4 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 30px;
    line-height: 34px;
    color: #be9244;
    margin: 0 0 15px 0;
}

.aboutCommittee ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.aboutCommittee p,
.aboutCommittee li {
    color: #373f41;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}

.aboutCommittee li {}

.aboutCommittee h5 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 25px;
    line-height: 34px;
    color: #053e8f;
    position: relative;
    margin: 0 0 40px 0;
}

.aboutCommittee h5:after {
    position: absolute;
    bottom: -15px;
    left: 0;
    content: "";
    width: 50px;
    height: 4px;
    border-radius: 10px;
    background: #c09448;
}

.stockSec {
    position: relative;
    padding: 100px 0;
}

.stockSecTitle {
    font-size: 65px;
    line-height: 70px;
    color: #373f41;
    margin-bottom: 100px;
}

.stockTable {
    padding: 0 70px;
    display: flex;
    justify-content: space-between;
}

.stockTable table {
    width: 440px;
}

.stockTable table td {
    color: #000;
    font-size: 25px;
    padding: 15px;
    border-bottom: 1px solid #7d7c7b;
}

.stockTable table td.leftText {
    width: 65%;
    color: #053c8f;
    border-right: 1px solid #7d7c7b;
}

.stockTable table td.rightText {
    color: #000000;
    text-align: right;
}

.stockTable table td.rightText img {
    width: 15px;
}

.stockTable table td .greenText {
    color: #09a63e;
}

.stockTable table tr:last-child td {
    border-bottom: none;
}

.stockData {
    padding: 0 70px;
    text-align: right;
    margin-top: 70px;
}

.stockData p {
    color: #4d4d4d;
    font-size: 18px;
    line-height: 31px;
    margin: 0 0 5px 0;
}

.stockChart {
    position: relative;
    background: #fdf2df;
    padding: 70px 0;
}

.stockChart h2 {
    margin-bottom: 40px;
    display: block;
    text-align: center;
}

.stockTab {
    border: none !important;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.stockTab ul {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
    border: none;
    border-radius: 0;
    display: flex;
    justify-content: center;
}

.stockTab.ui-tabs .ui-tabs-nav li {
    margin: 0;
    padding: 0;
    float: none;
    border: none;
    background: transparent;
}

.stockTab.ui-tabs .ui-tabs-nav li a {
    color: #807b7b;
    font-size: 16px;
    line-height: 22px;
    font-family: "JioType";
    font-weight: 300;
    border-bottom: 1px solid #d3d3d3;
    margin: 0 15px;
    padding: 12px 17px;
}

.stockTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #000;
    border-color: #be9244;
    border-width: 3px;
}

.selectYear .form-check-input {
    font-size: 23px;
    border-width: 1.5px;
    border-color: #818181;
    background: transparent;
    position: relative;
    margin: 0 8px 0 0;
}

.selectYear .form-check-input:checked[type="radio"] {
    background-image: none;
    background-color: transparent;
}

.selectYear .form-check-input[type="radio"]:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    z-index: 1;
    display: block;
    border-radius: 50%;
    background-color: transparent;
}

.selectYear .form-check-input[type="radio"]:checked:after {
    border-radius: 50%;
    width: 13px;
    height: 13px;
    border-color: #818181;
    background-color: #818181;
    transition: border-color;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 49%;
}

.selectYear .form-check-input:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.selectYear label {
    color: #818181;
    font-size: 16px;
}

.selectYear {
    margin-top: 34px;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stockTab {
    background: transparent !important;
}

.tabBoxDesign img {
    width: 100%;
}

.historicalSec {
    padding: 70px 0;
    position: relative;
}

.historicalSec h2 {
    margin: 0;
}

.historicalSec h2 span {
    display: block;
}

.historicalSec .lookUp {
    display: flex;
    justify-content: space-between;
}

.historicalSec .lookUp form {
    display: flex;
    align-items: center;
    margin-right: 50px;
}

.historicalSec .lookUp form h6 {
    font-family: "JioType";
    font-weight: 300;
    color: #000;
    font-size: 18px;
    margin-right: 10px;
}

.historicalSec .lookUp form select,
.historicalSec .lookUp form input {
    width: 132px;
    height: 51px;
    border: 1px solid #b5b2b2;
    border-radius: 3px;
    margin: 0 6px;
    font-family: "JioType";
    font-weight: 300;
    color: #a09f9f;
    font-size: 16px;
    padding: 0 8px;
}

.historicalSec .lookUp form button {
    background: #989898;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-family: "JioType";
    font-weight: 300;
    font-size: 16px;
    height: 51px;
    padding: 0 40px;
}

.yearDetail {
    padding: 0 50px;
    margin-top: 70px;
}

.yearDetail h5 {
    padding: 0 50px;
    margin-top: 70px;
    margin-bottom: 45px;
    position: relative;
    text-align: center;
}

.yearDetail h5:after {
    position: absolute;
    top: 21px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #7d7c7b;
    content: "";
    z-index: 1;
}

.yearDetail h5 span {
    color: #053c8f;
    font-size: 35px;
    text-transform: capitalize;
    font-family: "JioType";
    font-weight: 700;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

.yearDetail table {
    width: 100%;
}

.yearDetail table td {
    font-size: 30px;
    padding: 10px 20px;
    font-family: "JioType";
    font-weight: 300;
    border-right: 1px solid #959595;
    border-bottom: 1px solid #bfbfbf;
}

.yearDetail table tr td:last-child {
    border-right: none !important;
}

.yearDetail table tr:last-child td {
    border-bottom: none;
}

.yearDetail table td.price {
    font-size: 35px;
    color: #000;
    text-align: center;
}

.yearDetail table td.tag {
    color: #053c8f;
}

.investmentCalculator {
    position: relative;
    background: #d2ab67;
    padding: 70px 0;
}

.investmentCalculator:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(/sites/default/files/images/speech-bg.png) no-repeat;
    background-position: 100% 100px;
    z-index: 1;
}

.calculatorHead {
    text-align: center;
}

.investmentCalculatorBg {
    background: #ffffffe0;
    padding: 90px 100px;
    position: relative;
    z-index: 2;
}

.calculatorHead h2 {
    margin: 0 0 20px 0;
}

.calculatorHead p {
    position: relative;
    font-size: 24px;
    color: #341c1c;
    line-height: 34px;
}

.calculatorHead p:after {
    position: absolute;
    content: "";
    bottom: -15px;
    left: 50%;
    background: #053c8f;
    width: 100px;
    height: 5px;
    transform: translate(-50%, 0);
    border-radius: 10px;
}

.calculatorHead p span {
    display: block;
}

.calculatorForm {
    margin-top: 70px;
}

.calculatorForm .fromGroup {
    display: flex;
    justify-content: space-between;
}

.calculatorForm .fromGroup .group {}

.calculatorForm .fromGroup .group label {
    font-family: "JioType";
    font-weight: 300;
    font-size: 21px;
    color: #341c1c;
}

.calculatorForm .fromGroup .group input {
    width: 200px;
    height: 60px;
    border: 1px solid #b5b2b2;
    border-radius: 3px;
    padding: 0 20px;
    font-size: 16px;
    color: #a09f9f;
    font-family: "JioType";
    font-weight: 300;
    margin-left: 12px;
}

.calculatorForm .fromGroup .group input:focus-visible {
    outline: 0;
}

.calculatorForm .form-check {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
}

.calculatorForm .form-check input {
    font-size: 21px;
    border-radius: 3px;
    background: #c4c4c4;
    border: none;
}

.calculatorForm .form-check-input:focus {
    box-shadow: none;
}

.calculatorForm .form-check label {
    color: #818181;
    margin-left: 10px;
    margin-top: 5px;
}

.calculatorForm button {
    border: 1px solid #564343;
    color: #564343;
    font-family: "JioType";
    font-weight: 500;
    background: transparent;
    margin-top: 34px;
    padding: 15px 60px;
    border-radius: 40px;
}

.mammothSec {
    text-align: center;
    color: #fff;
}

.mammothSec h6 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    margin: 50px 0 0 0;
}

.mammothSec h5 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 50px;
    line-height: 100px;
    margin: 0;
}

.mammothSec h4 {
    font-size: 60px;
    line-height: 100px;
    background: #ceab72;
    display: inline-block;
    padding: 0 85px;
    border-radius: 4px;
    letter-spacing: 1px;
    margin-top: 15px;
}

.mammothSlider {
    margin-top: 50px;
    padding: 0 85px;
    position: relative;
}

.mammothSlider .boxStyle {
    display: flex;
}

.mammothSlider .boxStyle .leftSide {
    width: 50%;
}

.mammothSlider .boxStyle .leftSide img {
    width: 100%;
}

.mammothSlider .boxStyle .rightSide {
    width: 50%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 50px;
    border-radius: 0 4px 4px 0;
}

.mammothSlider .boxStyle .rightSide h3 {
    color: #d2ab67;
    line-height: 38px;
    font-size: 50px;
    margin-bottom: 35px;
}

.mammothSlider .boxStyle .rightSide p {
    color: #4d4d4d;
    font-size: 22px;
    line-height: 30px;
    text-align: left;
}

.mammothSlider .owl-nav button span {
    display: none;
}

.mammothSlider .owl-nav button {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    border: 1px solid #fff !important;
    background: #be9244 !important;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mammothSlider .owl-nav button.owl-prev {
    left: 66px;
}

.mammothSlider .owl-nav button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 15px;
    content: "";
    transform: translate(-50%, -50%);
}

.mammothSlider .owl-nav button.owl-prev:after {
    background: url(/sites/default/files/images/white-arrow.png) no-repeat;
    transform: rotate(180deg);
    top: 35%;
    left: 34%;
}

.apirationSec {
    padding-bottom: 100px;
}

.mammothSlider .owl-nav button.owl-next:after {
    background: url(/sites/default/files/images/white-arrow.png) no-repeat;
}

.mammothSlider .owl-nav button.owl-next {
    right: 13px;
}

.year1977 {}

.year1980 {
    background: url(/sites/default/files/images/1980Bg.png) no-repeat !important;
    background-size: cover !important;
}

.year1966 h5 {
    font-size: 35px;
}

.year1966.year1980 h4 {
    font-size: 60px;
}

.year2002.year2002-bg {
    background: url(/sites/default/files/images/year2000Bg.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 140px;
}

.bothYear h4 {
    background: #ceab72;
    color: #fff;
    line-height: 70px;
    margin: 0;
    display: inline-block;
    padding: 25px 40px;
    border-radius: 4px;
}

.year2002 .container,
.year2020-22 .container {
    position: relative;
    z-index: 9;
}

.year2022 {
    margin-top: 90px;
}

.year2002 .historyYear {
    margin-bottom: 70px;
    margin-top: 30px;
}

.bothYear h6 {
    margin: 0 0 15px 0;
}

.year2002 .globalBox,
.year2020-22 .globalBox {
    margin-top: 40px;
    display: flex;
}

.year2002 .globalBox .box,
.year2020-22 .globalBox .box {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    padding: 20px 15px;
    margin: 0 25px;
    flex: 1;
}

.year2002 .globalBox .detail,
.year2020-22 .globalBox .detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 25px;
}

.year2002 .globalBox .detail h5,
.year2020-22 .globalBox .detail h5 {
    color: #d2ab67;
    font-size: 40px;
    line-height: 38px;
    margin-bottom: 30px;
    padding-left: 0;
    font-family: "Playfair Display", serif;
}

.year2002 .globalBox .detail p,
.year2020-22 .globalBox .detail p {
    padding: 0;
    color: #1f1919;
    font-size: 20px;
    line-height: 27px;
    text-align: left;
}

.year2005 h4 {
    font-size: 60px;
    color: #f8cc7f;
}

.year2005 {
    background: url(/sites/default/files/images/year2005BG.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 80px;
    border: 27px solid #d2ab67;
}

.year2005:before {
    background: rgba(0, 0, 0, 0.6);
}

.year2004 {
    padding-bottom: 120px;
}

.year2006 {
    background: #053e8f !important;
}

.year2006 .historyYear {
    margin: 10px 0 50px 0;
}

.RILhistory h5 span {
    font-size: 50px;
}

.year2006 .yearLeftSide {
    z-index: 9;
}

.year2006 .yearLeftSide {
    padding-left: 0;
    margin-bottom: 250px;
    padding-top: 100px;
}

.RILhistory .year2004#yr2006 .yearLeftSide h6 {
    width: 600px;
}

.year2006 .historyTwoSide {
    margin-top: 50px;
}

.RILhistory .year2006 h5,
.RILhistory .year2006 h6,
.RILhistory .year2006 p {
    color: #fff;
}

.RILhistory .year2006 h5 {
    margin-bottom: 20px;
}

.RILhistory .year2006 h5 span {
    text-transform: none !important;
    line-height: normal;
}

.RILhistory .year2006 h6 {
    font-size: 56px;
    letter-spacing: 2px;
    background: #ceab72 !important;
}

.year2009.bothYear h4 {
    background: transparent;
    color: #ceab72;
    margin-bottom: 20px;
    padding: 0;
}

.year2009.bothYear p {
    padding: 10px 200px 0 0;
}

.year2004.year2010 .yearLeftSide {
    padding-left: 0;
}

.year2016-bg {
    padding-bottom: 200px;
}

.year2020-21.bothYear p {
    font-size: 24px;
    margin-top: 30px;
}

.year2020-21.bothYear p span {
    display: block;
}

.year2020-21 .container {
    position: relative;
    z-index: 9;
}

.year2020-21 .year2009Bg {
    padding: 0 0 50px 0;
}

.againstDetail {
    border: 1px dotted #fff;
    border-radius: 10px;
    padding: 10px 8px;
    width: 1060px;
    margin: 40px auto 0;
    max-width: 100%;
}

.againstDetail ul {
    background: #fff;
    border-radius: 10px;
    text-align: left;
    padding: 40px 34px 20px;
}

.againstDetail ul li {
    font-size: 21px;
    line-height: 27px;
    color: #4d4d4d;
    background: url(/sites/default/files/images/pointIcon.png) no-repeat left center;
    margin-bottom: 16px;
    padding-left: 30px;
    padding-bottom: 16px;
    position: relative;
    background-position: left 7px;
}

.againstDetail ul li:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 84%;
    border-bottom: 1px dotted #ccc2c2;
    content: "";
}

.againstDetail ul li:last-child:after {
    content: none;
}

.year2020-21 .year2009Bg {
    background: url(/sites/default/files/images/year202021BG.jpg) no-repeat center center;
    background-size: cover;
}

.year2020-21 .blackOverlay {
    background: rgba(0, 0, 0, 0.7);
}

.journey2020 {
    text-align: center;
    background: url(/sites/default/files/images/history-intro-bg.png) no-repeat bottom center;
    overflow: hidden;
}

.journey2020 .flexSide {
    display: flex;
    justify-content: space-between;
    padding: 0 240px;
}

.journey2020 .historyYear {
    margin-bottom: 80px;
}

.journey2020.bothYear h6 {}

.journey2020.bothYear h4 {
    background: transparent;
    color: #ceab72;
}

.journey2020.bothYear .year2020-22 h4 {
    background: #ceab72;
    color: #fff;
}

.journey2020 .netZero {
    display: flex;
    margin-top: 15px;
    position: relative;
}

.journey2020 .netZero .rilLogoAfter {
    position: absolute;
    top: 50%;
    z-index: 9;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.journey2020 .netZero .rilLogoAfter img {
    width: 80px;
}

.journey2020 .detail,
.journey2020 .imgBox {
    flex: 1;
}

.journey2020 .detail ul {
    background: #d2ab67;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 5px;
    margin: 0 12px;
    padding: 25px 30px 0;
}

.journey2020 .imgBox img {
    width: 100%;
    border-radius: 5px;
}

.journey2020 .detail ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px dotted #fff;
    margin-bottom: 15px;
    padding-bottom: 3px;
}

.journey2020 .detail ul li h6 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.journey2020 .detail ul li p {
    padding: 0;
    text-align: left;
    font-size: 21px;
    line-height: 26px;
}

.journey2020 .detail ul li:last-child {
    border: 0;
}

.journey2020 .aboutch__block {
    background: transparent;
    position: relative;
    padding: 0 220px;
    margin-top: 100px;
    padding-top: 15px;
}

.journey2020 .aboutch__block p {
    position: relative;
    font-size: 40px;
    line-height: 51px;
    padding: 0;
    margin-bottom: 50px;
}

.journey2020 .aboutch__block:before {
    content: none;
}

.journey2020 .aboutch__block h5 {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    margin: 0;
}

.journey2020 .aboutch__block h4 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
}

.journey2020 .aboutch__block h4 span {
    display: block;
}

.wealth-creation {
    max-width: 100%;
}

.wealth-creation-text {
    padding-left: 70px;
}

.crtifict-box img {
    width: 100%;
}

.year2004#yr2004 .yearLeftSide {
    padding-left: 0;
    padding-top: 0;
}

.RILhistory .year2004#yr2004 p {
    padding-right: 0;
    margin-top: 20px;
    padding-left: 44px;
}

.hisBgImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.giants-club img {
    position: relative;
    z-index: 1;
}

.hisBgImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.year2005:before {
    content: none !important;
}

#yr2004.year2004 {
    padding-bottom: 140px;
    overflow: hidden;
}

.year2004#yr2010 {
    padding-bottom: 280px;
}

.wealth-creation-text p {
    padding-right: 100px;
}

#yr2010 .historyTwoSide video {
    flex: 1.1;
    position: relative;
    z-index: 9;
    border-radius: 6px;
}

.historyTwoSide {
    margin-top: 0;
}

.historyPage h1 {
    padding: 0;
}

.mammothSlider .owl-next.disabled,
.mammothSlider .owl-prev.disabled {
    background: #869791 !important;
    opacity: 0.7 !important;
}

.global-energy .slick-arrow.slick-disabled {
    opacity: 0.7 !important;
    cursor: default;
}

.global-energy .slick-prev.slick-disabled {
    background: #869791 url(/sites/default/files/images/prev-slider.png) no-repeat center !important;
}

.global-energy .slick-next.slick-disabled {
    background: #869791 url(/sites/default/files/images/next-slide.png) no-repeat center !important;
}

#yr2016-17,
#yr2020-21 {
    overflow: hidden;
}

.RILhistory #yr2004.year2004 h5 {
    margin-bottom: 10px;
    padding-left: 44px;
}

.RILhistory #yr2004.year2004 h5 span {
    display: block;
    font-weight: 300;
    font-size: 50px;
    line-height: 60px;
}

.RILhistory #yr2020 h5 span {
    line-height: normal;
}

#yr2020 .historyYear {
    margin-bottom: 50px;
}

.jioDigital .digitalJio {
    background: #d2ab67 url(/sites/default/files/images/digitalJipLightLogo.png) no-repeat 100% 90%;
    padding: 60px 0 80px;
}

.jioDigital .digitalJio .whiteBg {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 45px 0 50px;
}

.jioBox.rightSpace {
    padding-right: 30px;
}

.jioDigital .digitalJio h6 {
    width: 130px;
    height: 130px;
    animation: colorChange 10s infinite;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    position: relative;
    z-index: 2;
}

@keyframes colorChange {
    0% {
        background: #01007f;
    }
    15% {
        background: #01007f;
    }
    30% {
        background: #4bc0ae;
    }
    45% {
        background: #d9008d;
    }
    60% {
        background: #ef383a;
    }
    75% {
        background: #f7ab21;
    }
    90% {
        background: #00a85b;
    }
    100% {
        background: #01007f;
    }
}

.jioDigital .digitalJio h5 {
    margin: 30px 0;
    font-size: 45px;
    line-height: 54px;
    color: #fff;
    font-family: "JioType";
}

.digital-lifeline {
    position: relative;
    margin-top: -55px;
    margin-bottom: 50px;
}

.digital-lifeline figure {
    margin-bottom: 0;
}

.digital-lifeline h5 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.jioDigital .digitalJio p {
    font-size: 18px;
    line-height: 26px;
    padding: 0 72px;
    color: #373f41;
    text-align: justify;
}

.jioDigital .digitalJio p:last-child {
    margin-bottom: 0;
}

.jioDigital .digitalJio .jioBox {
    text-align: left;
    margin-top: 40px;
}

.jioDigital .digitalJio .jioBox p {
    font-size: 21px;
    line-height: 35px;
    padding: 0;
    text-align: justify;
    color: #373f41;
}

.jioDigital .digitalJio .jioBox h4 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 28px;
    line-height: 50px;
}

.jioDigital .digitalJio .jioBox ul {}

.jioDigital .digitalJio .jioBox ul li {
    background: url(/sites/default/files/images/pointIcon.png) no-repeat left center;
    width: 40%;
    display: inline-block;
    color: #373f41;
    font-size: 21px;
    line-height: 18px;
    padding-left: 24px;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.digitalJioCommittedVideo {
    padding-top: 60px;
}

.digitalJioCommittedVideo video {
    position: relative;
    z-index: 9;
    width: 100%;
    border-radius: 6px;
}

.jio-video {
    position: relative;
}

.jio-video video {
    transform: inherit !important;
}

.video_jio1 {
    position: relative;
}

.video_jio2 {
    display: none;
}

.video_jio1 .start_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
}

.playbtn {
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
}

.jio-video.open::before {
    content: none;
}

.jio-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    width: 50px;
    cursor: pointer;
}

.digitalJioCommittedVideo .digitalJioCommitted {
    position: relative;
    padding: 250px 0 80px;
    margin-top: -200px;
    z-index: -1;
}

.digitalJioCommittedBox .columanBox p {
    font-size: 18px;
    margin-bottom: 14px;
    line-height: 26px;
}

.digitalJioCommittedBox .columanBox p span,
.digitalJioCommittedBox .columanBox h6 {
    font-size: 18px;
}

.digitalJioCommittedBox .columanBox h5 {
    font-size: 50px;
}

.digitalJioCommittedBox.bottomSlide {
    margin-top: 40px;
    padding: 0 50px;
}

.RIlGlobalPartner {
    background: #fdf2df;
    padding: 70px 0;
}

.RIlGlobalPartner .digitalJioSecTitle {
    color: #373f41;
    margin-bottom: 30px;
}

.RIlGlobalPartner p.subTitle {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    padding: 0 190px;
}

.RIlGlobalPartner .partnerBox {
    display: flex;
    margin-top: 50px;
}

.RIlGlobalPartner .partnerBox .box {
    background: #fff;
    padding: 30px 20px 30px;
    flex: 1;
    border-radius: 10px;
    margin: 0 12px;
}

.RIlGlobalPartner .partnerBox .box img {}

.RIlGlobalPartner .partnerBox .box p {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin: 55px 0 0 0;
}

.RIlGlobalPartner .partnerBox .box p:after {
    position: absolute;
    top: -25px;
    left: 0;
    width: 37px;
    height: 2px;
    content: "";
    background: #d4c8c8;
}

.jioFuture {
    background: #fdf2df;
    padding: 100px 0;
}

.jioFuture .digitalJioSecTitle {
    color: #373f41;
}

.jioFuture .jioFutureBox {
    display: flex;
    flex-direction: row-reverse;
}

.jioFuture .box {
    background: #fff;
    padding: 30px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.jioFuture li {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    background: url(/sites/default/files/images/pointIcon.png) no-repeat 0 8px;
    padding-left: 30px;
    border-bottom: 1px dotted #9c9494;
    padding-bottom: 25px;
    margin-bottom: 23px;
}

.jioFuture li:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.jioFuture .boxImg {}

.jioFuture .boxImg img {}

.digitalJioCommittedBox .columanBox {
    flex: 1;
}

.digitalJioCommittedBox .columanBox:after {
    right: 0;
}

.jioPlatfromBox:after {
    content: none;
}

.platformIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100px;
    z-index: 9;
}

.images-gallery {
    display: flex;
    flex-wrap: wrap;
}

.left-block {
    width: 48%;
    margin-right: 2%;
}

.right-block {
    width: 48%;
    margin-left: 2%;
}

.career-left-btm {
    margin-top: 81px;
}

.block-1 {
    height: 400px;
    margin-top: 65px;
    margin-bottom: 25px;
}

.block-2 {
    height: 131px;
}

.block-3 {
    height: 390px;
}

.block-4 {
    height: 230px;
}

.fader {
    position: relative;
}

.fader .fader-image {
    position: absolute;
    top: 0;
    left: 0;
    animation-duration: 12s;
    animation-iteration-count: infinite;
}

.fader .fader-image.-one {
    opacity: 1;
    animation-delay: 0;
}

.fader .fader-image.-two {
    opacity: 0;
    animation-delay: -4s;
}

.fader .fader-image.-three {
    opacity: 0;
    animation-delay: -8s;
}

.fader .fader-image2 {
    position: absolute;
    top: 0;
    left: 0;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.fader .fader-image2.-four {
    opacity: 1;
    animation-delay: 0;
}

.fader .fader-image2.-five {
    opacity: 0;
    animation-delay: -6s;
}

.fader.-one .fader-image {
    animation-name: fade-one;
}

.fader.-two .fader-image2 {
    animation-name: fade-two;
}

@keyframes fade-one {
    0% {
        opacity: 1;
    }
    16.6666666667% {
        opacity: 1;
    }
    33.3333333333% {
        opacity: 0;
    }
    83.3333333333% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-two {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.trns-none video {
    transform: scale(1.4);
}

.jioPlatfromBox {
    border-radius: 6px;
    overflow: hidden;
}

.apply-btn {
    font-size: 15px;
    color: #fff;
    letter-spacing: 0.01em;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 38px 8px 24px;
    position: relative;
    margin-top: 20px;
    transition: all 0.5s;
}

.apply-btn:before {
    background: url(/sites/default/files/images/weblink-arrow.png);
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 13px;
    height: 13px;
    transition: all 0.2s;
}

.apply-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.fake-offers {
    background-color: #053c8f;
    padding-top: 55px;
    padding-bottom: 50px;
}

.fake-offers h3 {
    font-weight: 500;
    font-size: 30px;
    color: #fff;
    margin-bottom: 35px;
}

.fake-offers ul li {
    display: inline-block;
    margin: 0 5px 25px;
}

.fake-offers ul li a {
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 28px;
    display: block;
    border-radius: 24px;
    transition: all 0.2s;
    white-space: nowrap;
}

.fake-offers ul li a:hover {
    background-color: #be9244;
    border: 1px solid #be9244;
}

.fake-offers ul li a::after {
    content: "";
    width: 16px;
    height: 13px;
    display: inline-block;
    margin-left: 10px;
    background: url(/sites/default/files/images/arrow-btn.png) no-repeat center;
}

.fake-offers.colorbg ul li a:hover {
    background-color: #fff;
    color: #d2ab67;
}

.fake-offers.colorbg ul li a:hover::after {
    background: url(/sites/default/files/images/arrow-btn-hover.png) no-repeat center;
}

.awards_bg {
    background-color: #d2ab67;
    padding-top: 30px;
    padding-bottom: 40px;
}

.js .awards-single>div:nth-child(1n+2) {
    display: none;
}

.js .awards-single.slick-initialized>div:nth-child(1n+2) {
    display: block;
}

.awards_slider {
    margin-top: 30px;
}

.awards-nav {
    display: none;
}

.awards-nav.slick-slider {
    display: block;
}

.awards_slider .awards-nav .slick-list {
    margin: 0 48px;
}

.awards_slider .slick-prev,
.awards_slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -82px;
    display: block;
    width: 42px;
    height: 42px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    background: url(/sites/default/files/images/sprite.png) -45px -28px;
    border: 1px solid #be9244;
    background-color: #be9244;
    border-radius: 50%;
}

.awards_slider .slick-prev {
    left: 0;
    background-position: -75px -28px;
}

.awards_slider .slick-next {
    right: 0;
}

.awards_slider .slick-prev:hover,
.awards_slider .slick-next:hover {
    background-color: #053c8f;
    border: 1px solid #053c8f;
}

.awards_slider .slick-prev.slick-disabled,
.awards_slider .slick-next.slick-disabled {
    background: url(/sites/default/files/images/sprite.png);
    background-color: #fdf2df;
    border: 1px solid #fdf2df;
    cursor: text;
}

.awards_slider .slick-prev.slick-disabled {
    background-position: 6px -28px;
}

.awards_slider .slick-next.slick-disabled {
    background-position: -20px -28px;
}

.awards_slider .slick-prev.slick-disabled,
.awards_slider .slick-next.slick-disabled {
    background-position: 0px !important;
}

.awards_slider .awards-nav .slick-slide {
    text-align: center;
}

.awards_slider .awards-nav .slick-slide>div {
    background: #fdf2df;
    margin: 0 0.25rem;
    color: #666;
    line-height: 50px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 4px solid #fff;
    white-space: nowrap;
}

.awards-nav .slick-slide.is-active>div {
    background-color: #d2ab67;
    border-bottom: 5px solid #d2ab67;
    color: #fff;
    position: relative;
}

.awards-nav .slick-slide {
    cursor: pointer;
}

.awards_item h2 {
    font-weight: 400;
    font-size: 65px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.awards_holder {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.awards_list {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.awards_list img {
    border-radius: 4px;
}

.award-block.ptb-60 .awards_list {
    margin-bottom: 25px;
}

.awars_text {
    background: #053c8f;
    border-radius: 4px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px;
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: all linear 0.3s;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
}

.awars_text h5 {
    font-weight: 500;
    font-size: 24px;
    color: #d2ab67;
}

.awars_text p {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 0;
}

.awards_list:hover .awars_text {
    bottom: auto;
    top: 0;
    z-index: 9;
}

.about-energy {
    margin-top: 30px;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
}

.about-energy .custom_btn {
    border-radius: 30px;
    padding: 10px 20px;
}

.about-energy a.more-btn {
    margin-top: 0;
    padding: 8px 44px 8px 30px;
}

.awards-single .awards_item {
    padding-bottom: 20px;
}

.about-energy a.more-btn::before {
    top: 12px;
    right: 20px;
}

.about-energy a.more-btn:hover {
    background: #d2ab67;
    border: 1px solid #fff;
}

.form-select:focus,
.form-control:focus,
.btn:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

h1.heading {
    font-weight: 400;
    font-size: 65px;
    font-style: normal;
    color: #4d4d4d;
}

.press-block {
    margin-top: 50px;
}

.press-block .count {
    font-weight: 300;
    font-size: 16px;
    color: #373f41;
}

.press-block select {
    background-color: #eaeaea;
    border-radius: 4px;
    color: #888383;
    font-size: 14px;
    line-height: 34px;
    font-weight: 300;
    width: 50%;
    margin-left: 15px;
}

.press-block .sortby {
    font-size: 16px;
    color: #373f41;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fa-search {
    display: inline-block;
    background-image: url(/sites/default/files/images/fa-search.png);
    height: 17px;
    width: 17px;
    background-position: 0 7px;
    background-repeat: no-repeat;
    padding-bottom: 25px;
    margin-right: 10px;
}

.press-block .form-control {
    padding: 0;
    font-weight: 300;
    font-size: 18px;
    color: #373f41;
    font-family: "JioType";
}

.press-block .form-control::placeholder {
    color: #373f41;
    opacity: 1;
}

.border-bt {
    border-bottom: 1px solid #5f5656;
    padding-bottom: 5px;
}

.press-block button {
    padding: 0;
}

.press-block .input-group {
    width: 80%;
    margin: 0 auto;
}

.press-listing {
    background-color: #fdf2df;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 60px;
}

.press-box {
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.press-box figure {
    margin-bottom: 0;
    overflow: hidden;
    height: auto;
}

.press-box figure img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    object-fit: cover;
}

.press-box:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.press-txt {
    background-color: #fff;
    padding: 22px;
    border: 1px solid #eeecec;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.press-txt h4 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #373f41;
    margin-bottom: 20px;
    min-height: 78px;
}

.press-txt h4 a,
.brochure-box h5 a {
    color: #373f41;
}

.press_img {
    width: 414px;
    height: 241px;
}

.publish {
    font-size: 18px;
    color: #053c8f;
}

.brochure_block {
    margin-top: 50px;
}

.brochure-box {}

.brochure-box figure {
    overflow: hidden;
    border: 1px solid #eeecec;
    border-radius: 4px;
}

.brochure-box h5 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}

.brochure-box figure img {
    transition: 0.3s ease-in-out;
    object-fit: cover;
    width: 100%;
}

.brochure-box:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.press-txt h4 a:hover,
.brochure-box h5 a:hover {
    color: #be9244;
}

ul.js-pager__items {
    padding-top: 20px;
    padding-bottom: 10px;
}

ul.js-pager__items li {
    text-align: center;
}

ul.js-pager__items li a,
.dn-btn {
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    color: #fff;
    border: 1px solid #565656;
    padding: 9px 22px;
    border-radius: 0.25rem;
    position: releative;
    color: #565656;
    border-radius: 20px;
    transition: all 0.2s;
}

ul.js-pager__items li a::after,
.dn-btn::after {
    content: "";
    width: 17px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: url(/sites/default/files/images/dn-arrow.png) no-repeat center;
    margin-top: -2px;
}

ul.js-pager__items li a:hover,
.dn-btn:hover {
    background: #be9244;
    color: #fff;
    border: 1px solid #be9244;
}

ul.js-pager__items li a:hover::after,
.dn-btn:hover::after {
    background: url(/sites/default/files/images/dn-arrow_wt.png) no-repeat center;
}

.paginations {
    text-align: center;
    padding: 20px 0;
    margin: 25px 0;
}

.paginations a {
    font-size: 17px;
    font-weight: 300;
    width: 34px;
    height: 34px;
    background-color: transparent;
    color: #565656;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    text-decoration: none;
    border-radius: 4px;
    margin: 1px;
    transition: all 0.2s linear;
}

.paginations a.prev,
.paginations a.next {
    width: 92px;
    height: 42px;
    color: #fff;
    line-height: 40px;
}

.paginations a.prev {
    background-color: #d2ab67;
    margin-right: 10px;
}

.paginations a.next {
    background-color: #d2ab67;
    color: #fff;
    margin-left: 10px;
}

.paginations a:hover {
    color: #fff;
    background-color: #d2ab67;
}

.paginations a.prev:hover,
.paginations a.next:hover,
.paginations a.selected {
    background-color: #053c8f;
    color: #fff;
}

.load_more {
    text-align: center;
    padding-top: 20px;
    margin: 25px 0;
}

.load_more a {
    background-color: #d2ab67;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s linear;
    padding: 10px 18px;
}

.press-detail_block .container {
    margin-top: -60px;
    position: relative;
}

.press-detail_block {
    background-color: #fdf2df;
    padding-bottom: 60px;
}

.press-details {
    background: #fff;
    border-radius: 6px;
    padding: 50px;
}

.press-details h1 {
    font-size: 60px;
    font-weight: 400;
    color: #053c8f;
    margin-top: 10px;
}

.press-details h3 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 22px;
    color: #000;
}

.press-details p {
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    line-height: 28px;
}

.press-details p a {
    color: #053c8f;
}

.press-details figure {
    float: right;
    margin-left: 35px;
}

.press-details figure img {
    border-radius: 4px;
}

.release_block {
    padding-top: 40px;
    padding-bottom: 40px;
}

.release_block .social-block {
    margin-top: 20px;
    margin-bottom: 20px;
}

.release_block h1 {
    font-size: 50px;
    font-weight: 400;
    color: #053c8f;
}

.release_block .dn-pdf {
    margin-top: 20px;
}

.bord-btm {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 30px;
}

.social-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}

.social-block .date {
    font-size: 18px;
    color: #be9244;
}

.social-block .share {
    font-size: 18px;
    color: #373f41;
}

.social-block .share a {
    margin: 0 6px;
}

.views-element-container header {
    position: inherit !important;
    background: none;
    box-shadow: none;
    padding: 0;
}

.sustainability-block .tabcontent .social-block {
    justify-content: flex-end;
    margin-top: 0;
}

@media (min-width:2048px) {
    .year2006 .historyTwoSide,
    .year2010 .historyTwoSide {
        max-width: 1920px;
        margin: 0 auto;
    }
    .journey2020 .flexSide {
        padding: 0;
    }
    .historyButton {
        left: 5%;
    }
    .csr_counter,
    .aboutch__block_block {
        max-width: 1920px;
        margin: 0 auto;
    }
    .inner_banner-block .text-width img {
        width: 100%
    }
    .jio-banner,
    .video-banner {
        height: 1080px;
    }
    .journey2020 .flexSide {
        max-width: 1600px;
        margin: 0 auto;
    }
    .aboutch__block-sec2.aboutch__block:before {
        right: 0 !important;
    }
}

@media (min-width:1366px) {
    .views-element-container header,
    .views-element-container .views-exposed-form,
    .toolbar-horizontal .views-element-container .contextual-region table.cols-6 {
        max-width: 1320px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
    }
}

.views-exposed-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.views-exposed-form .js-form-item-sort-by {
    display: none;
}

.views-exposed-form .js-form-item.form-item {
    width: 45%;
    float: none;
}

.views-exposed-form .js-form-item.form-item label {
    font-size: 16px;
    color: #373f41;
    font-weight: 300;
    font-family: "JioType";
    margin-right: 10px;
}

.views-exposed-form .js-form-item.form-item select {
    display: inline-block;
    width: 48%;
    background-color: #eaeaea;
    border-radius: 4px;
    color: #888383;
    font-size: 15px;
    font-weight: 300;
    font-family: "JioType";
    line-height: 30px;
}

.views-exposed-form .form-actions {
    width: 10%;
    text-align: right;
}

.views-exposed-form .form-actions input {
    border: 1px solid #d2ab67;
    position: relative;
    font-family: "JioType";
    font-weight: 300;
    font-size: 15px;
    color: #fff;
    padding: 10px 40px 10px 26px;
    background-image: url(/sites/default/files/images/arrow2.png);
    background-color: #d2ab67;
    background-position: 80% 15px;
    background-repeat: no-repeat;
    transition: all 0.2s;
    display: inline-block;
    border-radius: 24px;
}

.views-exposed-form .js-form-item.form-item .form-text {
    border: 0;
    border-bottom: 1px solid #5f5656;
    font-weight: 300;
    font-size: 16px;
    color: #373f41;
    font-family: "JioType";
    box-shadow: none;
    background-color: transparent;
    background-image: url(/sites/default/files/images/fa-search.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-bottom: 10px;
    padding-left: 25px;
}

.views-exposed-form .js-form-item.form-item .form-text::focus {
    outline: 0;
    border: 0;
    box-shadow: none;
}

.views-exposed-form .js-form-item.form-item .form-text::placeholder {
    color: #373f41;
    opacity: 1;
}

.views-element-container header {
    margin-top: 50px;
}

.search-wrapper .views-exposed-form .js-form-item.form-item {
    width: 100%;
}

.search-wrapper .views-exposed-form .form-checkboxes .js-form-item.form-item {
    display: flex;
    width: auto;
}

.search-wrapper .views-exposed-form .form-checkboxes .js-form-item.form-item label {
    padding-left: 10px;
    letter-spacing: 0.01em;
    font-size: 14px;
    font-weight: 300;
    margin-right: 0;
    color: #777777;
}

.filter-event .form-actions {
    display: none;
}

.filter-event #views-exposed-form-insights-insights .form-actions {
    display: none;
}

.unclaimed-box .views-exposed-form .js-form-item.form-item .form-select,
.unclaimed-box .views-exposed-form .js-form-item.form-item .form-text {
    background-color: #F9F9F9;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    padding: 12px 15px;
    font-family: 'JioType';
    font-style: normal;
    font-weight: 300;
    color: #212529;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    position: relative;
    width: 100%;
    margin-top: .25rem;
}

.unclaimed-box .views-exposed-form {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.unclaimed-box .views-exposed-form .js-form-item.form-item .form-text {
    background-image: none;
}

.unclaimed-box .filter_container {
    display: inherit;
}

.unclaimed-box .views-exposed-form {
    justify-content: flex-start;
    align-items: flex-end;
}

.unclaimed-box .views-exposed-form .js-form-item.form-item {
    width: 33%;
    margin-right: 25px;
}

.unclaimed-box .views-exposed-form .form-actions input.form-submit {
    border: 1px solid #565656;
    font-size: 15px;
    color: #565656;
    padding: 12px 45px 12px 28px;
    background-color: transparent;
    background-image: url(/sites/default/files/images/shareIcon.png);
    background-position: 79% 16px;
}

.unclaimed-box .views-exposed-form .form-actions input.form-submit:hover {
    background-color: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
    background-image: url(/sites/default/files/images/white-arrow.png);
}

.unclaimed-box .three-column .table-row>div:nth-child(1) {
    flex: 0 0 16%;
    max-width: 16%;
}

.unclaimed-box .three-column .table-row>div:nth-child(2) {
    flex: 0 0 58%;
    max-width: 58%;
}

.unclaimed-box .three-column .table-row>div:nth-child(3) {
    flex: 0 0 22%;
    max-width: 22%;
}

.unclaimed-box .custom-table .table-row .table-column {
    justify-content: center;
    text-align: center;
}

.client_data {
    margin-top: 30px;
}

.client_data h4 {
    font-weight: 300;
    font-size: 20px;
    color: #373F41;
}

.client_data {
    font-weight: 300;
    font-size: 18px;
    color: #565656;
}

.client_data a {
    color: #565656;
}

.client_data strong {
    font-weight: 500;
    font-size: 18px;
    color: #D2AB67;
    display: block;
}

.client_details {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.client_details>div:nth-child(1) {
    flex: 0 0 32%;
    max-width: 32%;
}

.dptext,
.claimed_txt {
    margin-top: 20px;
    line-height: 20px;
    font-size: 15px;
}

.claimed_txt {
    margin-top: 30px;
    margin-bottom: 0;
}

.unclaimed-box .total_amt {
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.unclaimed-box .total_amt span {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    color: #053C8F;
    margin-right: 10px;
}

.unclaimed-box .total_amt input {
    font-weight: 500;
    font-size: 18px;
    color: #373F41;
    max-width: 120px;
    border: 0;
}

.unclaimed-box .total_amt input:focus {
    outline: 0;
    box-shadow: none;
    border: 0;
}

.unclaimed-box .custom-table {
    margin-bottom: 0;
}

.filter.checkboxes_block ul {
    height: 356px;
    overflow: hidden;
}

.filter.checkboxes_block ul.openyear {
    height: auto;
    overflow: visible;
    margin-bottom: 10px;
}

.insights-details figcaption>span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    font-style: italic;
    margin-top: 5px;
}

.open_year {
    cursor: pointer;
    font-weight: 300;
    font-size: 13px;
    color: #777777;
    background: url(/sites/default/files/images/circle_plus.png) no-repeat 68px 5px;
}

.search-wrapper .views-exposed-form .form-checkboxes ul {
    margin-top: 15px;
}

.search-wrapper .views-exposed-form .form-checkboxes ul>li:not(:last-child) {
    margin-bottom: 10px;
}

.search-wrapper .views-exposed-form .form-checkboxes a {
    font-weight: 300;
    font-size: 13px;
    color: #5a5959;
}

.search-wrapper .bef-exposed-form legend .fieldset-legend {
    font-size: 15px;
    letter-spacing: 0.1em;
    color: #4d4d4d;
    margin-bottom: 30px;
    margin-top: 16px;
}

.search-wrapper .bef-exposed-form {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.search-wrapper .bio-content .bef-exposed-form {
    padding-left: 15px;
    padding-right: 15px;
}

.search-wrapper .bef-exposed-form .form-checkbox {
    border-radius: 1px;
    margin-top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #444;
}

.subscribers_list {
    background-color: #fdf2df;
    margin-top: 5px;
    padding: 50px;
}

.subscribers_list .views-exposed-form .js-form-item.form-item .form-text,
.subscribers_list .views-exposed-form .js-form-item.form-item .form-select {
    background-image: none;
    background-color: #F9F9F9;
    border: 1px solid #E2E2E2;
    padding: 12px 15px;
    border-radius: 4px;
    font-family: 'JioType';
    font-size: 15px;
    color: #212529;
    font-weight: 300;
    width: 100%;
    margin-top: 0.25rem;
    line-height: normal;
}

.subscribers_list .views-exposed-form .js-form-item.form-item .form-text {
    background-image: none;
}

.subscribers_list .views-exposed-form {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.subscribers_list .views-exposed-form .js-form-item.form-item {
    margin-left: 20px;
}

.subscribers_list .views-exposed-form .js-form-item.form-item:first-child {
    margin-left: 0;
}

.subscribers_list .subscribers_box {
    background: #fff;
    padding: 30px;
    border-radius: 6px;
}

.five-column {
    margin-top: 30px;
}

.five-column .table-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.five-column .table-row>div:nth-child(1) {
    flex: 0 0 28%;
    max-width: 28%;
}

.five-column .table-row>div:nth-child(2) {
    flex: 0 0 20%;
    max-width: 20%;
}

.five-column .table-row>div:nth-child(3) {
    flex: 0 0 14%;
    max-width: 14%;
}

.five-column .table-row>div:nth-child(4) {
    flex: 0 0 22%;
    max-width: 22%;
}

.five-column .table-row>div:nth-child(5) {
    flex: 0 0 16%;
    max-width: 16%;
}

.subscribers_list table {
    width: 100%;
    border-collapse: inherit;
}

.subscribers_list table tr {
    background: #ffffff;
    box-shadow: 0px 5px 7px rgba(163, 161, 161, 0.15);
    border-radius: 2px;
    margin-bottom: 2px;
}

.subscribers_list table td {
    padding: 10px 20px;
    font-size: 16px;
    color: #373f41;
    font-weight: 300;
}

.subscribers_list table td:nth-child(1) {
    width: 28%;
}

.subscribers_list table td:nth-child(2) {
    width: 20%;
}

.subscribers_list table td:nth-child(3) {
    width: 14%;
}

.subscribers_list table td:nth-child(4) {
    width: 22%;
}

.subscribers_list table td:nth-child(5) {
    width: 16%;
}

.subscribers_list table td .dropbutton-multiple {
    margin-right: 0;
    padding-right: 0;
}

.insights-main {
    margin-top: 50px;
}

.insights-main figure img {
    border-radius: 6px;
}

.insights-details .col-lg-11 {
    width: 100%;
}

.insights-box {
    overflow: hidden;
    border-radius: 4px;
    margin-top: 25px;
    margin-bottom: 0;
}

.insights-box figure {
    margin-bottom: 0;
    overflow: hidden;
    height: 241px;
}

.insights-box figure img {
    border-radius: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    object-fit: cover;
}

.insights-box:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.insights-txt {
    background-color: #fff;
    padding: 25px 0 15px;
}

.insights-txt h6 {
    font-family: "JioType";
    font-size: 19px;
    font-weight: 300;
    color: #26378d;
    position: relative;
    padding-top: .5rem;
}

.insights-txt h6:before,
.insights-main-txt h6:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 1px;
    background-color: #b7b7b7;
}

.insights-txt h4 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 19px;
    line-height: 26px;
    color: #373f41;
    margin-bottom: 20px;
    min-height: 80px;
    border-bottom: 1px solid #1f1f1f;
}

.insights-txt h5 {
    font-family: "JioType";
    font-size: 19px;
    font-weight: 300;
    color: #26378d;
}

.insights-txt h4:hover,
.insights-main-txt h4:hover {
    color: #be9244;
}

#block-reliance-content .insights-listing {
    margin-bottom: 50px;
}

.search-wrapper.report-wise .row.mt-5.pt-4 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.insights-main-txt {
    padding-right: 35px;
}

.insights-main-txt h6 {
    font-family: "JioType";
    font-size: 20px;
    font-weight: 300;
    color: #26378d;
    margin-bottom: 15px;
    position: relative;
    padding-top: .5rem;
}

.insights-main-txt h4 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    color: #373f41;
    padding-bottom: 20px;
    min-height: 100px;
    border-bottom: 1px solid #1f1f1f;
    margin-bottom: 20px;
}

.insights-main-txt h5 {
    font-family: "JioType";
    font-size: 20px;
    font-weight: 300;
    color: #26378d;
}

.insights-detail_block {
    background-color: #D2AB67;
}

.insights-details {
    padding: 40px;
    background-color: #fff;
    border-radius: 5px;
    margin: 50px 0;
}

.insights-details .heading {
    font-size: 18px;
    font-weight: 500;
    color: #be9244;
}

.insights-details h1 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 400;
    color: #053c8f;
    margin-top: 0;
}

.insights-details h2,
.insights-details h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #373f41;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

.insights-details h2 {
    font-size: 25px;
}

.insights-details p strong,
.insights-details p b {
    font-weight: 300;
}

.insights-details p {
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    line-height: 24px;
}

.insights-details p a {
    color: #053c8f;
}

.insights-details .right-txt p:first-child {
    font-size: 24px;
    line-height: 32px;
}

.insights-details .social-block .share a {
    margin: 0 0 0 10px !important;
}

.insights-details .social-block .share a:hover path {
    fill: #053c8f
}

.insights-details p>img {
    max-width: 100%;
    height: auto;
}

.social-block .share a:first-child {
    width: 25px;
}

.insights-listing .row>a {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

.insights-listing .row .col-md-8 figure img,
.insights-box figure img {
    width: 100%;
}

.first-block {
    display: flex;
    margin-top: 45px;
    flex-wrap: wrap;
}

.first-block .insights-profile {
    flex: 0 0 auto;
    width: 29%;
}

.first-block .right-txt {
    flex: 0 0 auto;
    width: 71%;
    padding-left: 35px;
}

.profile_block {
    background-color: #fdf2df;
    border-radius: 10px;
    padding: 25px 25px 15px 25px;
    margin-bottom: 20px;
}

.insights-profile .social-block {
    margin-top: 0;
}

.insights-details .past-events-box {
    margin-bottom: 0;
}

.insights-details figure img {
    width: 100%;
    height: auto;
}

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

.qoute-text span {
    position: static;
    display: inline-block;
    width: 15px;
    background-size: 15px;
    margin: 0 10px;
}

.insights-details .id-image figure img {
    max-width: fit-content;
}

.fl-left {
    float: left;
    margin: 0 20px 20px 0;
}

.fl-right {
    float: right;
    margin: 0 0 20px 20px;
}

.insights-details h5 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 24px;
    color: #053c8f;
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 10px;
}

.insights-details h5 span {
    display: block;
    font-size: 18px;
    color: #5f5656;
    margin-top: 5px;
    line-height: 24px;
}

.insights-details h6 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    color: #1a1b1b;
}

.first-block .insights-profile figure img {
    width: 100%;
}

.insights-details figure img {
    border-radius: 8px;
}

.past-events-listing {
    padding-bottom: 0;
    margin-top: 50px;
}

.past-events-box {
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 30px;
}

.past-events-box figure {
    margin-bottom: 0;
    overflow: hidden;
}

.past-events-box figure img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    object-fit: cover;
}

.past-events-box:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.past-events-txt {
    background-color: #fdf2df;
    padding: 18px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.past-events-txt h4 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #373f41;
    margin-bottom: 20px;
    min-height: 52px;
}

.past-events-txt h4 a {
    color: #373f41;
}

.past-events-txt .more-btn {
    background-color: transparent;
    border: 1px solid #2c2c2c;
    color: #2c2c2c;
    margin-top: 0;
    margin-bottom: 8px;
}

.past-events-txt .more-btn:before {
    filter: brightness(0) invert(0);
}

.past-events-txt .more-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.past-events-txt .more-btn:hover::before {
    filter: brightness(0) invert(1);
}

.publish-date {
    font-size: 16px;
    color: #053c8f;
    font-weight: 300;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.events-main-block {
    margin-top: 50px;
}

.events-main-block .publish-date {
    font-size: 18px;
}

.events-main-block .past-events-txt h4 {
    min-height: auto;
    padding-right: 180px;
}

.events-main-block .past-events-box figure {
    height: 448px;
    position: relative;
}

.events-main-block .upcoming {
    font-size: 18px;
    color: #343434;
    font-weight: 300;
    background: #fff;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    left: 0;
    top: 20px;
    padding: 10px 12px;
}

.top-space {
    margin-top: 60px;
}

.event-details h1 {
    font-weight: 400;
    font-size: 55px;
    color: #053c8f;
    margin-top: 10px;
    margin-bottom: 35px;
}

.event-details h2,
.event-details h3 {
    font-family: "JioType";
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
}

.event-details h4 {
    font-family: "JioType";
    color: #626262;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 300;
    letter-spacing: 0.01em;
}

.event-details p {
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    line-height: 24px;
}

.event-details ul.two-img,
.four-img {
    display: flex;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.event-details ul.two-img li {
    margin-left: 20px;
}

.event-details ul.two-img li img,
.event-details ul.four-img li img {
    border-radius: 4px;
}

.event-details ul.two-img li:first-child {
    margin-left: 0;
}

.event-details ul.four-img li {
    margin-left: 10px;
}

.event-details ul.four-img li:first-child {
    margin-left: 0;
}

.event-details .glance-gallery li {
    margin-bottom: 30px;
}

.event-details .glance-gallery .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.event-details .glance-gallery li>a>img {}

.event-details .glance-gallery li .subhead {
    margin-top: 15px;
}

.event-detail_block .events-main-block {
    margin-top: 0;
}

.event-details .imgsubtitle {
    position: static;
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    line-height: 24px;
    margin-top: 1rem;
    text-align: left;
}

.event-details .imgsubtitle>a {
    margin-top: 15px;
}

.date-block {
    background-color: #fdf2df;
    padding: 22px;
    border-radius: 4px;
}

.date-block h6 {
    font-family: "JioType";
    color: #053c8f;
    font-size: 18px;
    font-weight: 300;
}

.date-block h6 span {
    display: block;
    color: #373f41;
    margin: 10px 0 18px 0;
    border-bottom: 1px solid #a5a5a5;
    padding-bottom: 18px;
}

.date-block .share a {
    margin: 0 6px;
}

.past-events-box video[poster],
.video-banner video[poster] {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.past-events-box .video-text {
    transform: none;
    left: 0;
    top: inherit;
    bottom: 0;
    padding: 0;
}

.event-title {
    font-weight: 400;
    color: #fff;
    font-size: 50px;
    font-weight: 400;
}

.insights-detail_block .past-events-box .video-wrap {
    cursor: text;
    max-width: 680px;
    padding: 0;
    height: auto;
}

.insights-detail_block .past-events-box .video-wrap video {
    width: 100%;
    height: 100%;
    position: static;
}

.past-events-box .video-wrap::before {
    display: none;
}

.past-events-box .video-wrap p {
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.past-events-box .event-title_block {
    max-width: 560px;
    margin-bottom: 65px;
}

.event-title {
    display: flex;
    font-family: "Playfair Display", serif;
    align-items: flex-end;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    margin-bottom: 15px;
    padding-bottom: 15px;
    margin-left: 40px;
}

.event-title .years {
    font-size: 100px;
    font-weight: 400;
    color: #fff;
    width: 164px;
}

.event-title .years sup {
    top: -35px;
    left: -20px;
    font-size: 40px;
}

.event-title .meeting {
    color: #fff;
    font-weight: 400;
    font-size: 48px;
    line-height: 52px;
    flex: 1;
}

.event-title .meeting span {
    font-size: 34px;
}

.past-events-box .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.short-filter {
    display: flex;
    justify-content: flex-end;
}

.short-filter .form-select {
    width: 180px;
}

.space-r {
    margin-right: 20px;
}

.past-events-box.glance .video-wrap {
    height: 330px;
    padding: 0;
}

.block-glance .past-events-box.glance .video-wrap {
    height: 694px;
}

.subsidiary-main h1 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.subsidiary-main .heading-title h1 {
    max-width: 51%;
}

.subsidiary-main p {
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    line-height: 28px;
    padding-right: 50px;
}

.subsidiary-list {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 30px;
    margin-top: 50px;
}

.subsidiary-list .img-wrapper {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    transition: 0.3s;
    margin-bottom: 30px;
}

.subsidiary-list .img-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    border-radius: 5px;
    background: linear-gradient(179.26deg, rgba(0, 0, 0, 0.6375) 27.65%, rgba(0, 0, 0, 0) 56.4%);
    border-radius: 6px;
    transform: rotate(-180deg);
}

.subsidiary-list .img-wrapper img {
    border-radius: 6px;
    transition: 0.3s;
}

.subsidiary-list .img-wrapper:hover img {
    transform: scale(1.1);
}

.subsidiary-content {
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    padding: 30px 25px;
    z-index: 2;
}

.subsidiary-content h2 {
    font-size: 40px;
    font-weight: 500;
    color: #f3c168;
    line-height: 46px;
    max-width: 430px;
    min-height: 100px;
}

.grievance-block {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 20px;
    margin-top: 50px;
}

.taxstrategy_block {
    background-color: #fdf2df;
    padding-bottom: 0;
    margin-top: 50px;
    padding-top: 60px;
}

.taxstrategy_block:nth-child(3) {
    margin-top: 50px;
    padding-top: 60px;
}

.taxstrategy_block:nth-child(2),
.taxstrategy_block:nth-child(3),
.taxstrategy_block:nth-child(4),
.taxstrategy_block:nth-child(5),
.taxstrategy_block:nth-child(6),
.taxstrategy_block:nth-child(7),
.taxstrategy_block:nth-child(8),
.taxstrategy_block:nth-child(9) {
    margin-top: 0;
    padding-top: 0;
}

.taxstrategy_block:nth-child(9) {
    padding-bottom: 20px;
}

.product_datasheets {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 10px;
    margin-top: 50px;
}

.product_datasheets:nth-child(3),
.product_datasheets:nth-child(4),
.product_datasheets:nth-child(5),
.product_datasheets:nth-child(6),
.product_datasheets:nth-child(7) {
    margin-top: 0;
    padding-top: 0;
}

.complaints-block {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    padding: 40px;
}

.complaints-block p {
    font-size: 17px;
    color: #373f41;
    font-weight: 300;
    line-height: 26px;
}

.subsidiary-asso {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 50px;
}

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

.fs-block {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    padding: 40px 40px;
    margin-bottom: 35px;
}

.fs-block h2 {
    font-family: "JioType";
    font-size: 30px;
    color: #053c8f;
    font-weight: 500;
    margin-bottom: 20px;
}

.fs-block .address {
    display: flex;
    justify-content: space-between;
}

.fs-block .address span {
    display: block;
    margin-bottom: 3px;
}

.fs-block address h5,
.office_block h5 {
    font-family: "JioType";
    font-size: 20px;
    color: #d2ab67;
    font-weight: 500;
    margin-bottom: 15px;
}

.fs-block address,
.office_block {
    width: 600px;
}

.fs-block .address {
    font-size: 18px;
    color: #565656;
    font-weight: 300;
}

.fs-block .address a {
    color: #053c8f;
}

.address .pin,
.address .call,
.address .mail {
    background-image: url("/sites/default/files/images/sprite.png");
    background-repeat: no-repeat;
}

.sprite {
    display: inline-block;
    vertical-align: sub;
    margin-right: 3px;
    width: 15px;
    height: 17px;
}

.pin {
    background-position: -2px -2px;
}

.call {
    background-position: -27px -1px;
}

.mail {
    background-position: -50px 1px;
}

.fs-block .address li {
    position: relative;
    padding-left: 22px;
}

.fs-block .address li::before {
    content: "";
    position: absolute;
    top: 0;
    width: 15px;
    height: 21px;
    left: 0;
}

.fs-block .address li:nth-child(1)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -2px 3px;
}

.fs-block .accordion {
    margin-top: 20px;
}

.fs-block .accordion .accordion-button {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-family: "JioType";
    font-size: 20px;
    color: #2c2c2c;
    font-weight: 300;
}

.accordion-button:focus {
    outline: 0;
    box-shadow: none;
}

.fs-block .accordion-button::after {
    background-image: url("/sites/default/files/images/sprite.png");
    background-repeat: no-repeat;
    background-position: -81px -2px;
    width: 25px;
    height: 25px;
    background-size: auto;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-position: -117px -2px;
}

.fs-block .accordion-body {
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    padding: 1rem 1.2rem 0.15rem;
}

.fs-block .accordion-item {
    border: 0;
    margin-bottom: 6px;
}

.intro-text {
    margin-bottom: 30px;
}

.intro-text h4 {
    font-family: "JioType";
    font-size: 20px;
    color: #4d4d4d;
    font-weight: 500;
    margin-bottom: 15px;
}

.intro-text p,
.icontacts {
    font-size: 18px;
    line-height: 24px;
    color: #373f41;
    font-weight: 300;
}

.alert-block {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    padding: 40px 50px;
    margin-bottom: 40px;
}

.alert-block h2 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
}

.alert-block p {
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
}

.alert-block ul {
    margin-bottom: 1rem;
}

.alert-block ul li {
    font-size: 18px;
    margin-bottom: 5px;
}

.alert-block ul li a {
    color: #053c8f;
}

.alert-block p a {
    color: #053c8f;
    text-decoration: none;
}

.dropmail {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.dropmail li {
    width: 35%;
    margin-bottom: 5px;
}

.dropmail li a {
    color: #053c8f;
    font-size: 18px;
    font-weight: 300;
}

.offices {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    max-width: 63%;
}

.columnOne {
    flex: 20%;
    position: relative;
    padding-right: 40px;
}

.columnOne:before {
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #b7b7b7;
    top: 0;
    right: 0;
}

.columnTwo {
    flex: 20%;
    padding-left: 40px;
}

.offices h3 {
    font-family: "JioType";
    font-size: 20px;
    color: #d2ab67;
    font-weight: 500;
    margin-bottom: 15px;
}

.offices li {
    position: relative;
    padding-left: 22px;
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    margin-bottom: 12px;
}

.alert-block .offices li a {
    color: #373f41;
}

.offices li::before {
    content: "";
    position: absolute;
    top: 0;
    width: 15px;
    height: 22px;
    left: 0;
}

.offices li:nth-child(1)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -2px 3px;
}

.offices li:nth-child(3)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -27px 2px;
}

.offices li:nth-child(4)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -164px 3px;
}

.offices li:nth-child(5)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -192px 4px;
}

.offices .columnTwo li:nth-child(2)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -27px 2px;
}

.offices .columnTwo li:nth-child(3)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -164px 3px;
}

.offices .columnTwo li:nth-child(4)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -192px 4px;
}

.icontacts {
    margin-top: 50px;
    margin-bottom: 50px;
}

.spacer {
    padding-right: 170px;
}

.icontacts h1 {
    margin-bottom: 20px;
}

.icontacts h2 {
    font-family: "JioType";
    font-size: 24px;
    font-weight: 500;
}

.icontacts-info .alert-block {
    padding: 50px 60px 40px;
}

.icontacts-info {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 60px;
}

.icontacts-info h3 {
    font-family: "JioType";
    font-size: 25px;
    font-weight: 500;
    color: #053c8f;
    margin-bottom: 20px;
}

.icontacts-info h4 {
    font-family: "JioType";
    font-size: 22px;
    font-weight: 300;
    color: #be9244;
}

.icontacts-info h5 {
    font-family: "JioType";
    font-size: 20px;
    font-weight: 300;
    color: #053c8f;
    margin: 15px 0;
}

.icontacts-info p.formerly {
    font-size: 15px;
    color: #373f41;
}

.icontacts-info address {
    margin-bottom: 0;
}

.icontacts-info ul {
    max-width: 530px;
}

.icontacts-info ul li {
    position: relative;
    padding-left: 22px;
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    margin-bottom: 12px;
    display: inline-block;
    width: 262px;
    vertical-align: top;
}

.icontacts-info ul li:first-child {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.icontacts-info ul li a {
    color: #053c8f;
}

.icontacts-info ul li.pin:before,
.icontacts-info ul li.call:before,
.icontacts-info ul li.fax:before,
.icontacts-info ul li.mail:before,
.icontacts-info ul li.web:before {
    content: "";
    position: absolute;
    top: 0;
    width: 15px;
    height: 22px;
    left: 0;
    background-image: url(/sites/default/files/images/sprite.png);
    background-repeat: no-repeat;
}

.icontacts-info ul li.pin:before {
    background-position: -2px 3px;
}

.icontacts-info ul li.call:before {
    background-position: -26px 3px;
}

.icontacts-info ul li.fax:before {
    background-position: -164px 3px;
}

.icontacts-info ul li.mail:before {
    background-position: -50px 6px;
}

.icontacts-info ul li.web:before {
    background-position: -192px 4px;
}

.blue-box {
    background: #053c8f;
    border-radius: 5px;
    padding: 25px;
    color: #fff;
}

.blue-box li {
    font-size: 17px;
    font-weight: 300;
    position: relative;
    padding-left: 22px;
}

.blue-box li:first-child {
    margin-bottom: 10px;
}

.blue-box li:last-child {
    padding-left: 0;
}

.blue-box li::before {
    content: "";
    position: absolute;
    top: 0;
    width: 15px;
    height: 22px;
    left: 0;
}

.blue-box li:nth-child(1)::before {
    background: url(/sites/default/files/images/sprite.png) no-repeat -217px 3px;
}

.contact-main {
    margin-top: 50px;
    margin-bottom: 40px;
}

.conacts h2 {
    font-weight: 300;
    font-size: 45px;
    color: #373f41;
    margin-bottom: 30px;
}

.conacts h3 {
    font-weight: 300;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
}

.webform {
    background-color: #fdf2df;
}

.conacts .social-menu {
    justify-content: flex-start;
}

.conacts .social-menu li:first-child {
    margin-left: 0;
}

.conacts iframe {
    width: 100%;
    height: 300px;
    margin-top: 35px;
    float: left;
}

ul.location {
    max-width: 400px;
    margin-bottom: 20px;
}

ul.location li {
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    margin-bottom: 12px;
    display: inline-block;
    width: 196px;
    vertical-align: top;
}

ul.location li:first-child {
    display: block;
    width: 100%;
}

ul.location li a {
    color: #053c8f;
}

ul.location li.pin:before,
ul.location li.call:before,
ul.location li.mail:before {
    content: "";
    position: absolute;
    top: 0;
    width: 23px;
    height: 28px;
    left: 0;
    background-image: url(/sites/default/files/images/sprite.png);
    background-repeat: no-repeat;
}

ul.location li.pin:before {
    background-position: -248px 1px;
}

ul.location li.call:before {
    background-position: -283px 1px;
}

ul.location li.mail:before {
    background-position: -319px 3px;
}

.form-container {
    padding: 40px 20px;
}

.form-container .block {
    padding: 0;
}

.form-container label,
.form-container legend {
    font-weight: 300;
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 8px;
}

textarea.form-textarea {
    resize: none;
}

.form-container .form-select {
    font-family: "JioType";
    font-weight: 300;
    font-size: 16px;
    color: #5a5959;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #929292;
    padding: 0.45rem 0;
}

.form-container .form-select {
    font-family: "JioType";
    font-weight: 300;
    font-size: 16px;
    color: #5a5959;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #929292;
    padding: 0.45rem;
}

.form-container .form-select option {
    background-color: transparent;
    font-family: "JioType";
    font-weight: 300;
    font-size: 16px;
    color: #5a5959;
}

.form-container .webform-submission-form {}

.form-container .form-item--error-message {
    font-size: 13px;
    color: red;
    margin-top: 3px;
}

.form-container .submitmsg,
.submitmsg {
    display: none;
}

.form-container .submitmsg .item-list__comma-list {
    display: none;
}

.subscribe_box .submitmsg {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.subscribe_box .submitmsg a {
    color: #fff;
    font-style: normal;
}

.submitmsg [aria-label="Error message"] {
    background-color: red;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
}

.submitmsg [aria-label="Status message"] {
    background-color: #033580;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
}

.form-container .webform-submission-form .js-form-type-select,
.form-container .webform-submission-form .webform-select-other,
.form-container .webform-submission-form .js-form-type-textfield,
.form-container .webform-submission-form .js-form-type-email {
    width: 49.5%;
    padding: 10px 10px 22px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
}

.form-container .webform-submission-form .js-form-type-textarea {
    padding: 10px 10px 25px;
}

.form-container .webform-submission-form .captcha {
    display: flex;
    padding: 10px 10px 25px;
}

.form-container .webform-submission-form .captcha .description {
    font-size: 13px;
    margin-top: 5px;
}

.form-container .webform-submission-form .captcha .js-form-type-textfield {
    padding: 0 15px 0;
    margin-left: 50px;
}

.form-container .webform-submission-form .captcha .reload-captcha-wrapper {
    position: absolute;
    left: 215px;
    top: 30px;
}

.form-container .webform-submission-form .captcha .reload-captcha {
    background: url(/sites/default/files/images/refresh_icon.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    font-size: 0;
}

.form-container .webform-submission-form .form-text {
    margin-top: 0;
}

.form-container .webform-submission-form fieldset .form-item {
    width: 100%;
    padding: 0;
}

.form-container .webform-submission-form input.form-text,
.form-container .webform-submission-form input.form-email {
    padding: 0.5rem 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #929292;
    font-family: "JioType";
    font-weight: 300;
    font-size: 16px;
    color: #5a5959;
    width: 100%;
    text-indent: 0.45rem;
}

.form-container .webform-submission-form .js-form-type-textarea {
    width: 100%;
}

.form-container .webform-submission-form textarea {
    font-family: "JioType";
    font-weight: 300;
    font-size: 16px;
    color: #5a5959;
    border-radius: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #929292;
    padding: 0.3em 0;
    height: 80px;
    width: 100%;
    text-indent: 0.45rem;
}

.form-container .webform-submission-form .form-submit,
.simplenews-confirm-multi.confirmation .form-submit,
.simplenews-confirm-removal.confirmation .form-submit,
.simplenews-subscriber-validate .form-submit {
    font-family: "JioType";
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.01em;
    color: #fff;
    border: 1px solid #be9244;
    background: #be9244;
    border-radius: 24px;
    padding: 10px 30px;
    text-shadow: none;
    transition: all 0.2s;
    margin-top: 0;
    margin-left: 10px;
}

.simplenews-confirm-multi.confirmation .form-submit,
.simplenews-confirm-removal.confirmation .form-submit,
.simplenews-subscriber-validate .form-submit {
    padding: 8px 26px;
    border-radius: 20px;
}

.form-container .webform-submission-form .form-submit:hover,
.simplenews-confirm-multi.confirmation .form-submit:hover,
.simplenews-confirm-removal.confirmation .form-submit:hover,
.simplenews-subscriber-validate .form-submit:hover {
    background: #053c8f;
    border: 1px solid #053c8f;
}

.form-container .webform-submission-form input:focus,
.form-container .webform-submission-form textarea:focus {
    outline: 0;
}

.form-container .captcha img {
    border: 1px solid #be9244;
    padding: 2px;
}

.form-container .captcha label {
    display: none;
}

.form-container .webform-submission-form input::placeholder,
.form-container .webform-submission-form textarea::placeholder {
    color: #5a5959;
    opacity: 1;
}

.subsidiariesTitle a.shares-btn {
    border: 1px solid #524d4d;
    color: #312424;
}

.up-arrow {
    margin: 0 5px 5px 5px;
}

.investorBoxBlue {
    width: 520px;
    margin: 50px 15px 0;
}

.aboutbox {
    background-color: #fff;
    padding: 25px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.aboutbox h4 {
    font-weight: 500;
    color: #053c8f;
    font-size: 28px;
}

.aboutbox p {
    font-weight: 300;
    font-size: 16px;
    color: #373f41;
}

.corpBox.boxp p {
    margin-right: 130px;
    min-height: 48px;
}

.press-listing .buttonBox {
    margin-top: 35px;
}

.insights_block {
    background-color: #053c8f;
    padding-top: 60px;
    padding-bottom: 60px;
}

.insights_block .insights-txt h6 {
    color: #fff;
}

.insights_block h2 {
    font-weight: 400;
    font-size: 65px;
    color: #fff;
    border-bottom: 1px solid rgba(225, 225, 225, 0.6);
    padding-bottom: 25px;
    margin-bottom: 35px;
}

.accordion-body.prl {
    padding-left: 0;
    padding-right: 0;
}

.insights_block .insights-box {
    margin-bottom: 25px;
}

.insights_block .insights-txt {
    background-color: transparent;
}

.insights_block .insights-txt h4 {
    color: #fff;
    border-bottom: 1px solid rgba(225, 225, 225, 0.6);
}

.insights_block .insights-txt h4:hover {
    color: #be9244;
}

.insights_block .insights-txt h5 {
    color: #fff;
}

.insights_block .buttonBox a {
    border: 1px solid #fff;
    color: #fff;
}

.rc-block {
    background: url(/sites/default/files/images/rc-block-bg.jpg) no-repeat;
    padding-top: 60px;
    padding-bottom: 40px;
}

.rc-block h2 {
    font-weight: 400;
    font-size: 65px;
    color: #fff;
}

.rc-block h2 span {
    display: block;
}

.rc-block .reportDetails .content a {
    color: #5f5656;
    border: 1px solid #5f5656;
    padding: 8px 22px;
}

.rc-block .reportDetails {
    border-bottom: 0;
}

.rc-block .reportDetails .content a img {
    margin-bottom: 3px;
}

.connect-block {
    background-color: #fdf2df;
    padding-top: 70px;
    padding-bottom: 80px;
}

.connect-block h2 {
    font-weight: 400;
    font-size: 65px;
    color: #4d4d4d;
    margin-bottom: 50px;
}

.grievance-block.fs_box:nth-child(2) {
    padding-bottom: 0;
}

.grievance-block.fs_box:nth-child(3),
.grievance-block.fs_box:nth-child(4) {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.grievance-block.fs_box:nth-child(4) {
    padding-bottom: 20px;
}

.jio-gennext {
    background: #053c8f;
    padding-top: 50px;
}

.jio-gennext-text {
    color: #fff;
    padding-left: 60px;
}

.jio-gennext-text p {
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
}

.jio-gennext-text h2 {
    font-size: 95px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 96px;
}

.jio-gennext-text h2 span {
    padding-left: 60px;
}

.jio-gennext-text h5 {
    font-family: "JioType";
    font-size: 26px;
    font-weight: 300;
    padding-top: 10px;
}

.jio-gennext_owner {
    padding-top: 40px;
}

.quote_gennext {
    position: relative;
}

.quote_gennext .quote_1,
.quote_gennext .quote_2 {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.aboutGenNext {
    display: flex;
    flex-wrap: wrap;
}

.aboutGenNext>div {
    flex: 0 0 50%;
    max-width: 50%;
}

.bg-cs-blue {
    background: #053c8f;
}

.bg-cs-brown {
    background: #d2ab67;
}

.aboutGenNext-profile {
    position: relative;
    z-index: 1;
}

.aboutGenNext-profile::before {
    position: absolute;
    top: 40%;
    left: -80px;
    content: "";
    width: 399px;
    height: 381px;
    z-index: -1;
    filter: brightness(0) invert(1);
    background: url("/sites/default/files/images/roundIcon.png") 0% 0% / cover no-repeat;
}

.aboutGenNext-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px;
}

.aboutGenNext-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    color: rgb(255, 255, 255);
    padding: 45px 30px;
}

.aboutGenNext-img {
    padding-top: 240px;
}

.aboutGenNext-content>div {
    flex: 0 0 100%;
    max-width: 100%;
}

.aboutGenNext-content p {
    font-family: JioType;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    position: relative;
    margin-bottom: 30px;
    padding-left: 50px;
}

.aboutGenNext-content p .quote_1,
.aboutGenNext-content p .quote_2 {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.aboutGenNext-content h2 {
    font-weight: 400;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: 0.05em;
    margin: 60px 0px 0px;
}

.aboutGenNext-content h5 {
    font-family: "JioType";
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
    padding-left: 50px;
}

.pad-lf {
    padding-left: 60px;
}

.aboutGenNext-content h2.left-padd span {
    padding-right: 130px;
}

.col-cs-6 .aboutGenNext-content p {
    font-size: 22px;
    line-height: 28px;
    color: #fff;
}

.bg-cs-brown .aboutGenNext-content {
    align-content: baseline;
}

.bg-cs-brown .aboutGenNext-content h2 {
    padding-left: 50px;
    margin-top: 74px;
}

.bg-cs-brown .aboutGenNext-profile::before {
    right: -24px;
    left: auto;
}

.aboutGenNext .quote_1 {
    top: -15px;
}

.financial-disc.startups h2 {
    font-size: 80px;
    line-height: 95px;
    margin: 0;
}

.financial-disc.startups h2 span {
    font-family: "Playfair Display";
    font-weight: 400;
    font-size: 160.33px;
    line-height: 95px;
    color: #d2ab67;
    display: block;
    margin-bottom: 30px;
}

.bg-light-pink {
    background: #fdf2df;
}

.pp-section>div {
    padding: 40px 60px;
    display: flex;
    align-items: center;
}

.programme-content h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    text-transform: capitalize;
    color: #053c8f;
    margin: 0 0 35px;
}

.programme-content p {
    font-size: 18px;
}

.programme-content h2::after {
    content: "";
    width: 50px;
    height: 4px;
    display: block;
    margin-top: 20px;
    background: #c09448;
    border-radius: 50px;
}

.programme-content ul>li {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 28px;
    color: #373f41;
    position: relative;
}

.programme-content ul>li:not(:last-child) {
    margin-bottom: 20px;
}

.pp-logo {
    margin: 20px 0;
}

.start-ups-section {
    background: #d2ab67;
}

.start-ups-section h2.investerSecTitle {
    margin-bottom: 30px;
}

.start-ups-section .awards-wrapper p {
    font-family: JioType;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: rgb(255, 255, 255);
    margin-bottom: 70px;
}

.bg-cs-brown .aboutGenNext-content h2 span {
    padding-left: 35px;
}

.start-ups-section .awards-wrap .awards-container {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.start-ups-section .awars-box-img img {
    width: 100%;
}

.btn-custom2 {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 11px 44px 11px 18px;
    position: relative;
    transition: all 0.5s;
    font-family: "JioType";
    font-style: normal;
}

.btn-custom2:before {
    background: url(/sites/default/files/images/view-all.png);
    content: "";
    position: absolute;
    top: 12px;
    right: 20px;
    width: 17px;
    height: 15px;
    transition: all 0.2s;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.custom-table .btn-custom2 {
    border: 1px solid #5a5959;
    color: #373f41;
    text-decoration: none;
    margin-left: 15px;
}

.custom-table .btn-custom2:before {
    filter: brightness(0) invert(0);
    -webkit-filter: brightness(0) invert(0);
}

.btn-custom2:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #d2ab67;
}

.custom-table .btn-custom2:hover {
    border: 1px solid #d2ab67;
    background-color: #d2ab67;
    color: #fff;
}

.custom-table .btn-custom2:hover:before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.btn-custom2:hover::before {
    filter: none;
    -webkit-filter: none;
}

.e-bid {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.subsidiary-main.RandD.fr.startups {
    padding: 80px 0;
}

.subsidiary-main.RandD.fr.startups p {
    font-size: 21px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin: 0;
    padding-left: 50px;
}

.subsidiary-main.RandD.fr.startups p::after {
    height: 157px;
    top: 50%;
    transform: translateY(-50%);
}

.subsidiary-main.RandD.fr.startups .right-cont h3 {
    color: #be9244;
}

section.subsidiary-main.fr h1 {
    margin-bottom: 50px;
}

.third-quarter {
    background: #053c8f;
    padding: 60px 0;
}

.third-quarter h2 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 70px;
    color: #ffffff;
    margin: 0;
}

.third-quarter-box {
    margin-top: 60px;
}

.fy2023 .third-quarter-box h3 {}

.third-quarter-box h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 65px;
    line-height: 42px;
    text-transform: uppercase;
    color: #ffffff;
}

.third-quarter-box h3 img {
    display: inline-block;
    vertical-align: top;
}

.third-quarter-box h3 small {
    font-size: 25px;
    line-height: 42px;
}

.third-quarter-box h3 span {
    display: block;
    font-size: 28px;
    line-height: 32px;
    margin-top: 10px;
}

.third-quarter-box p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 25px;
    color: #fff;
}

.fy2023 .third-quarter-box h3 {
    text-transform: none;
    text-align: center;
}

.block-glance {
    padding: 60px 0;
}

.glance-boxes {
    background: #053c8f url(/sites/default/files/images/logo-bg.png) no-repeat center;
    border-radius: 5px;
    padding: 40px 35px 40px;
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.glance-boxes.qfy {
    background: none;
    padding: 0 35px;
}

.glance-boxes.qfy .vjs-poster {
    background-color: transparent;
}

.video-wrappers {
    position: relative;
}

.video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.glance-boxes h2 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 48.7375px;
    line-height: 57px;
    text-transform: capitalize;
    color: #ffffff;
    position: relative;
    margin-bottom: 40px;
}

.glance-boxes h2::after {
    content: "";
    width: 375px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -21px;
}

.glance-boxes p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 23.9945px;
    line-height: 28px;
    color: #ffffff;
}

.report-wise {
    height: 100% !important;
    padding: 50px 0;
}

.spacetop {
    margin-top: 30px;
}

article[data-history-node-id="290"] .final_notices:nth-child(3) {
    padding-bottom: 50px;
}

article[data-history-node-id="335"] .final_notices:nth-child(3) {
    padding-bottom: 50px;
}

article[data-history-node-id="98"] {
    background-color: #fdf2df;
}

}

.final_notices {
    padding: 50px 0;
    background-color: #fdf2df;
}

.final_notices:nth-child(2),
.final_notices:nth-child(3),
.final_notices:nth-child(4) {
    padding-bottom: 0;
}

.final_notices.space-btm {
    padding-bottom: 50px;
}

.scheme_block {
    margin-top: 35px;
}

.scheme_block:nth-child(2),
.scheme_block:nth-child(3) {
    margin-top: 0;
}

.scheme_block:nth-child(2) .final_notices,
.scheme_block:nth-child(3) .final_notices {
    padding-top: 0;
}

.reports-content .tab-content {
    display: none;
    background: #fff;
    padding: 30px;
    border-radius: 6px;
}

.reports-content .tab-content.current {
    display: inherit;
}

.finance-report {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px 0;
}

.finance-report>li,
.bio-tab>li {
    padding: 0 3px;
}

.finance-report>li>span,
.finance-report>li a {
    background: #fff;
    padding: 13px 29.3px;
    white-space: nowrap;
    border-bottom: 4px solid #fdf2df;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #a6a4a4;
    border-radius: 6px 6px 0px 0px;
    display: block;
}

.media-block .finance-report.resource_tab>li a {
    padding: 12px 15px;
}

.finance-report>li>span a {
    color: #a6a4a4;
    display: block;
}

.finance-report>li.current span,
.finance-report>li.current a {
    background: #d2ab67;
    color: #fff;
}

.finance-report>li.current span::before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -4px;
    background: #d2ab67;
    left: 0;
}

.finance-report>li.current span::before a {
    color: #fff;
}

.finance-report>li:last-child.current::before {
    width: 100%;
}

.filter h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #4d4d4d;
    margin-bottom: 30px;
    margin-top: 16px;
}

.select-year {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    color: #5a5959;
}

.select-year ul {
    margin-top: 15px;
}

.select-year ul>li>input {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.select-year ul>li input[type="checkbox"] {
    accent-color: #053c8f;
}

.select-year ul>li:not(:last-child) {
    margin-bottom: 13px;
}

.select-year>a {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 14px;
    color: #777777;
    margin-top: 15px;
    display: inline-block;
}

.select-year>a>img {
    width: 10px;
}

.media-block .noresult {
    padding-top: 25px;
    text-align: center;
}

.credit-box {
    background: #ffffff;
    border-radius: 5px;
    padding: 25px 30px 5px;
    position: relative;
    margin-top: 15px;
}

.credit-img {
    width: 130px;
    height: 96px;
    position: absolute;
    top: -20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: #fff;
}

.credit-content h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #4d4d4d;
    position: relative;
    margin-bottom: 25px;
}

.credit-content h2::after {
    content: "";
    width: 30px;
    height: 3px;
    background: #d2ab67;
    display: block;
}

.credit-content p {
    font-family: "JioType";
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
    color: #4d4d4d;
    min-height: 52px;
}

.credit-content2 {
    border-top: 1px solid #bebebe;
    padding-top: 15px;
}

.credit-content2 h3 {
    font-family: "JioType";
    font-style: normal;
    font-size: 18px;
    text-transform: capitalize;
    color: #4d4d4d;
    margin-bottom: 5px;
}

.credit-content2 p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-transform: capitalize;
    color: #be9244;
    margin-bottom: 15px;
}

.credit-rating .awards-wrap .awards-container {
    grid-gap: 50px;
}

.credit-rating {
    background: #d2ab67 url(/sites/default/files/images/credit-logo.png) no-repeat center right;
    background-attachment: fixed;
    padding: 60px 0;
}

.media-block .finance-report>li {
    flex: 0 0 16.66666%;
    max-width: 16.666666%;
}

.media-block .finance-report>li span {
    padding: 13px 10px;
}

.media-block .finance-report.resource_tab>li span {
    padding: 0;
}

.media-kit {
    margin-top: 50px;
}

.search-item .form-control {
    border: none;
    background: #fff url(/sites/default/files/images/search-vector.png) no-repeat left center;
    border-bottom: 1px solid #5f5656;
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #373f41;
    border-radius: 0px;
    padding: 10px 25px;
    max-width: 320px;
    margin: auto;
    width: 100%;
}

.media-kit .more-btn:before {
    filter: brightness(0) invert(0);
    top: 16px;
    right: 24px;
}

.media-kit .more-btn {
    background-color: transparent;
    border: 1px solid #2c2c2c;
    margin: 30px 0 0;
    padding: 10px 48px 10px 28px;
    border-radius: 62.094px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-transform: lowercase;
    color: #373f41;
}

.media-kit .more-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.media-kit .more-btn:hover:before {
    filter: none;
}

.video-boxs .event-title .meeting {
    font-size: 24px;
    line-height: 29px;
    text-align: center;
}

.video-boxs .past-events-box .video-wrap2 p {
    font-size: 12px;
    margin: 0;
    line-height: 21px;
    text-align: center;
    margin-left: 40px;
}

.video-boxs .video-icon img {
    width: 30px;
}

.video-boxs .past-events-box .event-title_block {
    max-width: 316px;
    margin-bottom: 30px;
}

.video-events-txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}

.video-events-txt h4 {
    flex: 0 0 62%;
    max-width: 62%;
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 19.7969px;
    line-height: 26px;
    color: #373f41;
}

.video-events-txt .social-menu {
    flex: 0 0 38%;
    max-width: 38%;
}

.video-boxs .past-events-box {
    margin-bottom: 20px;
}

ul.social-menu2>li {
    font-size: 14.1921px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #373f41;
    display: inline-block;
}

ul.social-menu2>li>a {
    display: block;
    padding: 3px 10px;
}

ul.social-menu2>li>a>img {
    filter: brightness(1) invert(1);
}

ul.social-menu2>li.mr-2 {
    margin-right: 5px;
}

.video-boxs {
    margin-top: 30px;
}

.media-kit-logo {
    height: 130px;
}

.video-wrap2 {
    position: relative;
}

.video-icon2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    cursor: pointer;
}

.video-icon2 img {
    width: 100%;
}

#videoModal .modal-dialog {
    max-width: 715px;
}

#videoModal .modal-body {
    padding: 0;
}

.search-wrapper.sr {
    background-color: #fff;
}

.block-search {
    background-color: #fdf2df;
    padding: 40px 0;
}

.sr-intro {
    margin-bottom: 20px;
}

.sr-intro h2:nth-child(2) {
    display: none;
}

.sr-intro h2 {
    font-family: "Playfair Display";
    font-weight: 400;
    font-size: 45px;
    color: #373f41;
    margin-bottom: 30px;
}

.sr-intro p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin-bottom: 0;
}

.sr-wrapper {
    background: #fff;
    padding: 40px;
    border-radius: 5px;
}

.sr-box h3,
.sr-box h3 a {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    text-transform: capitalize;
    color: #053e8f;
    margin-bottom: 15px;
}

.sr-box p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #373f41;
    margin-bottom: 10px;
}

.sr-box>a {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #373f41;
}

.sr-wrapper .sr-box {
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.sr-wrapper-box {
    width: 100%;
    margin-bottom: 40px;
}

.sr-wrapper .paginations {
    margin-bottom: 0;
}

.subsidiary-main .polyster-text p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    text-align: justify;
    letter-spacing: 0.01em;
    color: #373f41;
    margin-bottom: 48px;
}

.polyster-text .btn-custom2 {
    border-color: #5a5959;
    color: #373f41;
}

.polyster-text .btn-custom2::before {
    background: url(/sites/default/files/images/view-all2.png);
    filter: none;
    -webkit-filter: none;
}

.polyster-text .btn-custom2:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.polyster-text .btn-custom2:hover::before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

section.product .heading {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 65px;
    line-height: 75px;
    color: #4d4d4d;
}

.product-list {
    background: #053c8f;
}

.product-list .fs-block h3,
.relpet .fs-block h3,
.polyester-yarn .fs-block h3 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 24px;
    color: #053c8f;
}

.relpet .fs-block h2 {
    font-size: 22px;
}

.product-list .intro-text p:last-child {
    margin-bottom: 0;
}

.product-list .fs-block {
    background: #fff;
}

.main-title {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 55px;
    color: #ffffff;
    margin-bottom: 45px;
}

.polyster-text.ml-3 {
    margin-left: 15px;
}

.polyester-yarn {
    margin: 0;
    background: #d2ab67;
}

.polyester-yarn .fs-block {
    background: #fff;
}

ul.list-item {
    display: flex;
    flex-wrap: wrap;
}

ul.list-item>li {
    position: relative;
    padding-left: 25px;
    flex: 0 0 34%;
    max-width: 34%;
    margin-bottom: 10px;
}

ul.list-item>li::before {
    content: "";
    background: url(/sites/default/files/images/list-item-icon.png) no-repeat center;
    width: 17px;
    height: 16px;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
}

.relpet .main-title {
    color: #4d4d4d;
}

.relpet .fs-block {
    background: #fff;
}

.newsletter-wrapper h2 br {
    display: none;
}

.newsletter-wrapper .simplenews-subscriber-form form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsletter-wrapper .form-wrapper {
    flex: 0 0 auto;
    max-width: calc(100% - 155px);
}

.newsletter-wrapper #edit-message,
.newsletter-wrapper .description,
.newsletter-wrapper label {
    display: none;
}

.newsletter-wrapper #edit-actions,
.newsletter-wrapper .actions-selector {
    max-width: 141px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.newsletter-wrapper #edit-actions input[type="submit"],
.newsletter-wrapper .actions-selector input[type="submit"],
.newsletter-wrapper .form-actions input[type="submit"] {
    font-size: 18px;
    padding: 12px 35px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 55px;
    background: transparent;
    font-weight: 300;
}

.newsletter-wrapper #edit-actions input[type="submit"]:hover,
.newsletter-wrapper .actions-selector input[type="submit"]:hover,
.newsletter-wrapper .form-actions input[type="submit"]:hover {
    background: #be9244;
    border: 1px solid #be9244 !important;
    color: #fff !important;
}

.newsletter-wrapper .simplenews-subscriber-form {
    padding: 0;
}

.newsletter-wrapper .form-wrapper input[type="email"] {
    text-indent: 10px;
    font-family: "JioType";
    color: #6b6363;
    font-size: 16px;
    font-weight: 300;
    border: 2px solid #fff;
    width: 97%;
    height: 57px;
    border-radius: 0.25rem;
}

.newsletter-wrapper .form-wrapper input[type="email"]:focus {
    outline-color: #fff;
}

.view_btn {
    border: 1px solid #565656;
    display: inline-block;
    padding: 12px 26px;
    border-radius: 50px;
    font-size: 15px;
    color: #565656;
    white-space: nowrap;
    margin: 25px 0 0 30px;
}

.view_btn:hover {
    background: #be9244;
    border: 1px solid #be9244;
    color: #fff !important;
}

.imgsubtitle .btn-info {
    color: #4d4d4d;
    border-color: #4d4d4d;
    background: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 300;
}

.imgsubtitle .btn-info:hover {
    background: #d2ab67;
    border-color: #d2ab67;
    color: #fff;
}

.custom-table {
    margin-bottom: 20px;
}

.custom-table .table-row.table-header {
    background: #d2ab67;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: -2px;
}

.custom-table .table-row.table-header .table-column {
    padding: 14px 20px;
    min-height: inherit;
}

.custom-table .table-row {
    background: #ffffff;
    box-shadow: 0px 5px 7px rgba(163, 161, 161, 0.15);
    border-radius: 2px;
    margin-bottom: 2px;
}

.custom-table .table-row .table-column>a,
.custom-table .table_holder .table-row .table-column {
    font-family: "JioType";
    color: #373f41;
}

.custom-table .table-row .table-column {
    display: flex;
    padding: 10px 20px;
    min-height: 60px;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.custom-table .table-row .table-column>a:hover {
    color: #be9244;
}

.table-heading {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #053c8f;
    margin-bottom: 30px;
    padding-top: 0;
}

.custom-table .table_holder .table-row.table-header .table-column {
    padding: 14px 30px;
    min-height: auto;
    color: #fff;
}

.report-wise.notice-inviting {
    padding-top: 25px;
}

.notice-inviting .table-heading {
    margin-top: 30px;
}

.bg-grey {
    background: #fbfbfb;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #777777;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: 1px solid #444;
    border-radius: 1px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked~.checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 4px;
    height: 7px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.noresult {
    padding-top: 35px;
}

.col-12.noresult {
    padding-top: 0;
    text-align: center;
    padding-bottom: 15px;
}

.noresult h2,
.web-noresult h4 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 20px;
    color: #053c8f;
}

data-history-node-id .table-row,
.two-column .table-row,
.three-column .table-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.table-row>div {
    flex: 0 0 100%;
    max-width: 100%;
}

.two-column .table-row>div:nth-child(1) {
    flex: 0 0 20%;
    max-width: 20%;
}

.two-column .table-row>div:nth-child(2) {
    flex: 0 0 80%;
    max-width: 80%;
}

.two-column.products_table .table-row>div:nth-child(1) {
    flex: 0 0 50%;
    max-width: 50%;
}

.two-column.products_table .table-row>div:nth-child(2) {
    flex: 0 0 50%;
    max-width: 50%;
}

.two-column2 .table-row>div:nth-child(1) {
    flex: 0 0 20%;
    max-width: 20%;
}

.two-column2 .table-row>div:nth-child(2) {
    flex: 0 0 80%;
    max-width: 80%;
}

.three-column .table-row>div {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.three-column .table-row>div:nth-child(1) {
    flex: 0 0 16%;
    max-width: 16%;
}

.three-column .table-row>div:nth-child(2) {
    flex: 0 0 70%;
    max-width: 70%;
}

.three-column .table-row>div:nth-child(3) {
    flex: 0 0 14%;
    max-width: 14%;
}

.suptm {
    margin-left: -5px;
}

.unclaimed-block {
    padding: 70px 0;
    background: #d2ab67;
}

.unclaimed-wrap .tab-content {
    display: none;
}

.unclaimed-wrap .tab-content.current {
    display: inherit;
}

ul.unclaimed-item {
    margin-bottom: 50px;
}

ul.unclaimed-item>li {
    display: inline-block;
    vertical-align: top;
    margin-right: 8.5%;
}

ul.unclaimed-item>li:last-child {
    margin-right: 0;
}

ul.unclaimed-item>li>a {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 25px;
    color: #ffffff;
    display: block;
    padding: 10px 20px;
    border-top: 3px solid #bf9e63;
    text-align: center;
}

ul.unclaimed-item>li.current>a {
    border-top: 3px solid #fff;
}

.unclaimed-wrap .tab-content h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 42px;
    color: #ffffff;
    margin-bottom: 30px;
}

.unclaimed-wrap .tab-content h2 br {
    display: none;
}

.unclaimed-box {
    background: #ffffff;
    border-radius: 5px;
    padding: 50px;
}

.filter_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}

.filter_container .year-selector select,
.filter_container .enter-id .form-control {
    width: 370px;
    margin: 0 15px;
}

.unclaimed-box h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 35px;
    color: #373f41;
    margin-bottom: 40px;
}

span.yaer {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #373f41;
    white-space: nowrap;
}

.year-selector select,
.enter-id .form-control {
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 12px 15px;
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    position: relative;
}

.year-selector {
    position: relative;
}

.year-selector::after {
    content: "";
    width: 12px;
    height: 7px;
    background: url(/sites/default/files/images/arrow-menu-blk.png) no-repeat center right;
    position: absolute;
    top: 19px;
    right: 20px;
}

.year-selector select:focus {
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
}

.unclaimed-box .buttonBox a {
    padding: 13px 35px;
}

.iepf-block {
    padding: 70px 0 40px;
}

.iepf-box {
    padding: 70px 40px;
    border-radius: 5px;
    height: 100%;
    display: flex;
    align-items: center;
}

.bg-blue {
    background: #053c8f;
}

.iepf-box span {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 28px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 10px;
}

.iepf-box h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 42px;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 30px;
}

.iepf-box p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 30px;
}

.iepf-box .buttonBox a {
    border: 1px solid #fff;
    color: #fff;
    padding: 14px 25px;
}

.iepf-box .buttonBox a img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.bg-pink {
    background: #fdf2df;
}

.iepf-box.bg-pink h2 {
    color: #053c8f;
}

.iepf-box.bg-pink p,
.iepf-box.bg-pink p a {
    color: #373f41;
}

.iepf-box.bg-pink p a:hover {
    color: #be9244;
}

.iepf-box.bg-pink .bor {
    border-bottom: 1px solid #c0b9b9;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.iepf-box>div {
    width: 100%;
}

.col-lg-1.position-relative.pr-0 {
    padding-right: 0;
}

.transfer-shares {
    background-color: #fff;
}

.custom-para {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin-bottom: 60px;
}

.bg-brown {
    background: #d2ab67;
}

.know-depository {
    padding: 50px 40px;
    border-radius: 4px;
}

.know-depository h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin-bottom: 20px;
}

.know-depository .buttonBox>a {
    border: 1px solid #fff;
    color: #fff;
}

.know-depository .buttonBox>a>img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.know-depository-wrap {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.we-care-box {
    position: relative;
}

.we-care-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.we-care-content h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 38px;
    line-height: 46px;
    text-transform: uppercase;
    color: #ffffff;
    padding-left: 40px;
    margin-bottom: 30px;
}

.we-care-bg {
    background: #053c8f;
    border-radius: 0px 4px 4px 0px;
    padding: 25px 40px;
    max-width: 540px;
    width: 100%;
}

.we-care-bg h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    text-transform: capitalize;
    color: #ffffff;
    border-bottom: 2px solid #c1c1c1;
    padding-bottom: 10px;
}

.we-care-bg p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 31.4221px;
    line-height: 53px;
    text-transform: capitalize;
    color: #ffffff;
    margin: 0;
}

.we-care-bg p span {
    font-size: 43px;
}

.we-care-bg p span sup {
    font-size: 29px;
}

.we-care {
    padding-bottom: 60px;
}

.management-block {
    padding: 70px 0;
}

.mgmnt-box {
    border-radius: 4px;
}

.mgmnt-box {
    border-radius: 4px;
    padding: 82px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mgmnt-content h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 32.5394px;
    line-height: 36px;
    color: #ffffff;
    margin: 0;
}

.mgmnt-button .buttonBox a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    padding: 8px 10px;
}

.mgmnt-button .buttonBox a img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.mgmnt-box .mgmnt-content {
    flex: 0 0 67%;
    max-width: 67%;
    position: relative;
}

.mgmnt-box .mgmnt-content::after {
    content: "";
    width: 1px;
    height: 50px;
    background: #fff;
    display: block;
    position: absolute;
    top: 13px;
    right: 55px;
}

.mgmnt-box.mgmnt-box2 .mgmnt-content::after {
    right: 25px;
}

.mgmnt-box .mgmnt-button {
    flex: 0 0 33%;
    max-width: 33%;
}

.mgmnt-box .mgmnt-button .custom_btn {
    padding: 8px 10px;
}

.strategy-block,
.dividend_block {
    padding: 80px 0;
}

.strategy-text h2 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 65px;
    line-height: 72px;
    text-transform: capitalize;
    color: #ffffff;
    margin: 0;
}

.strategy-block .buttonBox a,
.ir-box .buttonBox a {
    border: 1px solid #fff;
    color: #fff;
}

.strategy-block .buttonBox a>img,
.ir-box .buttonBox a>img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.strategy-block2 .buttonBox a {
    font-size: 18px;
}

.ir-box .buttonBox a {
    padding: 8px 20px;
}

.document-box.topdoc {
    margin-bottom: 20px;
}

.webcast {
    padding: 60px 0;
}

.webcast-title {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 42px;
    color: #373f41;
    margin-bottom: 30px;
}

.webcast-top {
    background: #615e59;
    border-radius: 5px 5px 0px 0px;
    padding: 10px 0;
}

.web-noresult h4 {
    padding-top: 35px;
    margin-bottom: 0;
    text-align: center;
}

.select-items span,
.search-wrapper .webcast-wrap .views-exposed-form .js-form-item.form-item label {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 42px;
    text-transform: capitalize;
    color: #ffffff;
}

.select-value {
    max-width: 218px;
    display: inline-block;
    width: 100%;
    margin-left: 10px;
}

.select-value select,
.search-wrapper .webcast-wrap .views-exposed-form .js-form-item.form-item select {
    background-color: #ffffff !important;
    border: 1px solid #ffffff;
    border-radius: 4px;
    font-family: "JioType";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 31px;
    text-transform: capitalize;
    color: #777777;
    background: 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 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

.webcast-wrap .views-exposed-form {
    justify-content: center;
}

.search-wrapper .webcast-wrap .views-exposed-form .js-form-item.form-item {
    text-align: center;
}

.webcast-wrap .col-lg-10 {
    width: 100%;
}

.select-items {
    text-align: center;
}

.webcast-bottom {
    background: #fff;
    padding: 60px 60px 90px;
}

.webcast-bottom .glance-gallery-poster img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
    cursor: pointer;
}

.prentation-by {
    padding-left: 30px;
}

.prentation-by h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 25px;
    text-transform: capitalize;
    color: #4d4d4d;
    position: relative;
    margin-bottom: 40px;
}

.prentation-by h3::after {
    content: "";
    width: 50px;
    height: 4px;
    background: #c09448;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.prentation-by ul>li {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18.1022px;
    line-height: 24px;
    color: #373f41;
}

.prentation-by ul>li:not(:last-child) {
    margin-bottom: 10px;
}

.webcast-bottom .glance-boxes {
    background-size: 400px;
}

.webcast-bottom .glance-boxes h2 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 35px;
}

.webcast-bottom .glance-boxes p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.webcast-bottom .past-events-box {
    margin-bottom: 15px;
}

.webcast-bottom .glance-boxes h2::after {
    width: 230px;
}

section.events-main-block.pad {
    margin: 0;
    padding: 60px 0;
}

.webcast-bottom .video-icon,
.webcast-bottom .video-icon img {
    width: 24px;
    height: 24px;
}

.chairman-video {
    padding-top: 50px;
    padding-bottom: 50px;
}

.video-title_block {
    position: absolute;
    left: 40px;
    bottom: 0;
    padding: 0;
    width: 300px;
    text-align: center;
    margin-bottom: 25px;
}

.video-title h4 {
    color: #fff;
    font-weight: 400;
    font-size: 26px;
    line-height: 34px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.video-title p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 0;
}

.resource-video .glance-gallery li {
    margin-top: 30px;
    margin-bottom: 10px;
}

.resource-video .video-title_block {
    bottom: 75px;
}

.resource-video .glance-gallery>ul>li a .glance-gallery-poster>img {
    top: 41%;
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.glance-gallery>ul>li a .glance-gallery-poster>img,
.playericon>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease 0s;
}

.glance-gallery .video .glance-gallery-poster img,
.playericon>img {}

.resource-video .glance-gallery a {
    display: block;
}

.social-sharing-buttons__button svg:hover {
    fill: #be9244;
}

.thumb-poster>img {
    max-width: 100%;
    height: auto;
}

.customers_block {
    margin-bottom: 30px;
}

.eb2b-bg {
    background: url("/sites/default/files/images/petrochemical-bg.jpg") no-repeat center;
    background-size: cover;
    display: block;
    padding: 38px 30px;
}

.eb2b-bg .mgmnt-content::after {
    content: none;
}

.eb2b-bg .mgmnt-content {
    max-width: 100%;
}

.eb2b-bg .mgmnt-content h2 {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 25px;
}

.eb2b-bg .mgmnt-content h2 span {
    color: #f3c168;
}

.eb2b-bg .mgmnt-button .buttonBox a {
    padding: 14px 26px;
}

.cus-title {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 59px;
    text-transform: capitalize;
    color: #373f41;
    margin-bottom: 40px;
}

.cus-subtitle {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    color: #373f41;
}

.suppliers .mgmnt-box .mgmnt-content::after {
    top: -6px;
}

.suppliers .mgmnt-content h2 {
    font-size: 30.5394px;
}

.suppliers .mgmnt-box.bg-brown .mgmnt-content {
    text-align: left;
}

.suppliers .mgmnt-box.bg-brown .mgmnt-content::after {
    top: 0;
    bottom: 0;
    margin: auto;
}

.mgmnt-box.mgmnt-box3 {
    justify-content: space-evenly;
}

.mgmnt-box.mgmnt-box3>div {
    flex: 0 0 33%;
    max-width: 33%;
    text-align: left;
}

.suppliers .mgmnt-box.mgmnt-box3 .mgmnt-content::after {
    right: -5px;
}

.suppliers .mgmnt-box.bg-brown .mgmnt-content h2 {
    margin-bottom: 0;
}

.suppliers .mgmnt-box.bg-brown .buttonBox a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    padding: 8px 10px;
}

.suppliers .mgmnt-box.bg-brown .buttonBox a img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.mgmnt-box.mgmnt-box3.bg-brown.bg-brown2 {
    align-items: baseline;
}

.suppliers .mgmnt-box {
    padding: 45px 30px;
    height: 230px;
}

.eb2b-bg2 {
    background: url("/sites/default/files/images/eb2b.jpg") no-repeat center;
    background-size: cover;
}

.bg-brown2 {
    background: url("/sites/default/files/images/bg-brown.jpg") no-repeat center;
    background-size: cover;
}

.eb2b2>div:not(:last-child) {
    margin-bottom: 15px;
}

.notices {
    padding: 60px 0;
    background: #d2ab67 url("/sites/default/files/images/speech-bg.png") no-repeat center right;
    background-size: 600px;
}

.buttonBox-white>a {
    border: 1px solid #fff;
    color: #fff;
}

.buttonBox-white>a>img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.bpcoc-content h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #053c8f;
    margin-bottom: 15px;
}

.bpcoc-content p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
    margin-bottom: 15px;
}

.bpcoc-content ul {
    margin-bottom: 1rem;
    padding-left: 24px;
}

.bpcoc-content li {
    font-size: 18px;
    list-style-type: lower-alpha;
    margin-bottom: 10px;
}

.bpcoc-content p strong {
    font-family: "JioType";
    font-weight: 500;
    color: #4d4d4d;
}

.bpcoc .reports-content .tab-content {
    padding: 30px 60px;
}

.petrochemical .fs-block .accordion-body {
    padding: 1rem 0;
}

.petrochemical .fs-block .accordion .row {
    margin: 0 -30px;
}

.petrochemical .fs-block .accordion .row>div {
    padding: 0 30px;
}

.accordian-title {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #053c8f;
    margin-bottom: 30px;
    margin-top: 20px;
}

.accordian-title.mtc-5 {
    margin-top: 30px;
}

.ril-block .media-kit-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.image-formatt ul>li {
    display: inline-block;
    margin: 0 3px;
}

.image-formatt ul>li .buttonBox>a {
    padding: 12px 31px;
}

.media-kit-logo.logo-3 {
    background: #000;
    max-width: 214px;
    margin: 0 auto 20px;
}

.media-kit-logo.logo-3 img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.buttonBox-prev .mr-2 {
    margin: 0 5px 0 0;
}

.ril-block .media-kit {
    margin: 40px 0;
}

.strategy-block2 {
    padding: 80px 0;
}

.working-reliance p {
    font-size: 24px;
    line-height: 35px;
    margin: 0 0 50px;
}

.aboutch__block-sec2 .aboutAs {
    padding: 0px;
    max-width: 540px;
    width: 100%;
    margin: 40px auto 0;
    position: relative;
}

.aboutch__block-sec2 .aboutAs .quote_2 {
    right: 0;
}

.quote-block .quote_2 {
    right: 0;
}

.aboutch__block-sec2 .aboutAs.invent .quote_2 {
    right: auto;
}

.aboutch__block-sec2 h2.nameTag {
    margin-left: 0;
    line-height: 84px;
    font-size: 95px;
    text-align: left;
    font-weight: 400;
}

.aboutch__block-sec2 h2.tag {
    margin-left: 100px;
}

.aboutch__block-sec2 {
    padding: 60px 0 0;
    background: #d2ab67;
}

.aboutch__block-sec2 .aboutAs p {
    text-align: left;
    font-size: 24px;
    line-height: 32px;
}

.aboutch__block-sec2 .quote_1,
.aboutch__block-sec2 .quote_2 {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.aboutch__block-sec2 .chairman__title p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #ffffff;
    margin-top: 20px;
}

.aboutch__block-sec2.aboutch__block:before {
    top: 21px;
    left: auto;
    right: -200px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    background-size: 625px;
}

.aboutch__block-sec2 .chairman__title {
    margin-top: 80px;
}

.aboutch__block_block .aboutAs {
    padding: 0px;
    max-width: 580px;
    width: 100%;
    margin: 0;
}

.aboutch__block_block h2.nameTag {
    margin-left: 0;
    line-height: 84px;
    font-size: 95px;
    font-weight: 400;
    margin-bottom: 0;
    color: #4d4d4d;
    text-align: left;
}

.aboutch__block_block h2.tag {
    margin-left: 100px;
}

.aboutch__block_block {
    padding: 70px 0 0;
    background: #fdf2df;
}

.aboutch__block_block .quote_1 {
    background-image: url(/sites/default/files/images/quote_l.png);
    top: -30px;
    left: 0;
    margin-left: 0;
}

.aboutch__block_block .quote_2 {
    background-image: url(/sites/default/files/images/quote_2.png);
    bottom: -4px;
    right: 0px;
}

.aboutch__block_block .quote_text .quote_1 {
    top: -26px;
}

.aboutch__block_block .quote_text .quote_2 {
    bottom: -10px;
    right: auto;
}

.aboutch__block_block .careers_quote .quote_text .quote_1 {
    top: -10px;
}

.aboutch__block_block .chairman__title p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #373f41;
    text-align: left;
    margin-top: 20px;
}

.aboutch__block_block.aboutch__block:before {
    top: 30px;
    left: auto;
    right: 0;
    filter: none;
    width: 637px;
    height: 600px;
    background: url(/sites/default/files/images/sketch-logo.png) no-repeat;
}

.aboutch__block_block .chairman__title {
    margin-top: 70px;
}

.aboutch__block_block .aboutAs p {
    font-size: 22px;
    color: #373f41;
    line-height: 30px;
    text-align: left;
    margin-bottom: 10px;
}

.quote_text {
    font-size: 22px;
    color: #373f41;
    line-height: 34px;
}

.aboutch__block_block .careers_quote .quote_text {
    padding-left: 45px;
}

.invent .quote_text {
    color: #fff;
    font-size: 24px;
}

.chairman-bio .quote_text {
    color: #fff;
    line-height: 30px;
}

.chairman-bio .quote_text br {
    margin-bottom: 1rem;
}

.chairman-bio .quote-block .quote_2 {
    right: auto;
}

.l-d .main-title {
    font-size: 65px;
    margin-bottom: 20px;
    color: #4d4d4d;
}

.l-d .custom-para {
    margin-bottom: 40px;
    font-size: 18px;
}

.l-d .fs-block h2 {
    font-weight: 300;
    margin-bottom: 15px;
}

.diversity-block {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 20px;
}

.diversity-block h2,
.planet_block h2 {
    font-size: 65px;
    color: #4d4d4d;
    font-weight: 400;
    margin-bottom: 30px;
}

.diversity-block .diversity-text p {
    color: #373f41;
    font-size: 18px;
}

.diversity-block .diversity-text h3 {
    font-family: "JioType";
    font-size: 35px;
    font-weight: 500;
    color: #053c8f;
    margin-top: 35px;
}

.diversity-block h4 {
    font-family: "JioType";
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #053c8f;
}

.diversity-block .fs-block p {
    font-size: 18px;
    color: #373f41;
}

.text-para {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    padding-bottom: 20px;
}

.awards__reco {
    background-color: #d2ab67;
    padding: 60px 0;
}

.awards__reco h2 {
    font-size: 65px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
}

.awards__reco h6 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    margin-bottom: 50px;
}

.awards__reco .award_box {
    border-radius: 4px;
}

.awards__reco .award_box-content {
    background: #053c8f;
    padding: 22px;
    display: flex;
    border-radius: 4px;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 280px;
}

.awards__reco .award_box-content p {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin-top: 15px;
}

.awards__reco .award-year {
    margin-bottom: 50px;
}

.profile__block {
    background-color: #053c8f;
    border-radius: 6px;
    position: relative;
    margin-bottom: 40px;
    padding-top: 30px;
}

.diversity-block .profile__block {
    padding-top: 15px;
}

.profile__block h3 {
    font-weight: 400;
    font-size: 90px;
    line-height: 80px;
}

.profile__block h3+h3 {
    margin-left: 54px;
    margin-bottom: 30px;
}

.profile__block h5 {
    font-family: "JioType";
    font-size: 26px;
    font-weight: 300;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    padding-bottom: 10px;
}

.profile__block h6 {
    font-family: "JioType";
    font-size: 18px;
    font-weight: 300;
}

.profile__block {
    display: flex;
    color: #fff;
}

.profile__bio {
    flex: 0 0 60%;
    padding: 60px 60px 30px;
}

.profile__pic {
    flex: 0 0 33%;
    position: relative;
}

.quote-block {
    position: relative;
    max-width: 600px;
    width: 100%;
}

.quote-block p {
    font-size: 22px;
    line-height: 30px;
    margin-right: 100px;
    margin-bottom: 80px;
}

.quote-block .quote_1 {
    margin-left: -46px;
    top: -15px;
}

.quote-block .quote_1,
.quote-block .quote_2 {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.profile__bio.sponsor .quote-block {
    margin-right: 100px;
    margin-bottom: 80px;
    padding-right: 42px;
}

.profile__bio.sponsor .quote-block .quote_text {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
}

.profile__bio.sponsor .quote-block .quote_2 {
    right: auto;
}

.profile__block:before {
    position: absolute;
    content: "";
    top: 80px;
    right: -40px;
    width: 573px;
    height: 535px;
    background-image: url(/sites/default/files/images/sketch-wt-logo.png);
}

.business-block2 {
    background-color: transparent;
    padding-top: 50px;
    padding-bottom: 50px;
}

.business-block2 h2 {
    font-size: 65px;
    color: #4d4d4d;
    font-weight: 400;
    margin-bottom: 30px;
}

.business​__block2 .business-text h4 {
    font-weight: 500;
    font-size: 28px;
    color: #d2ab67;
    margin-bottom: 0;
}

.business-block2 p {
    font-size: 18px;
    margin-bottom: 40px;
}

.business-block2 .business__box a.explore-btn {
    font-size: 14px;
    padding: 8px 30px 8px 18px;
    display: block;
}

.business-text>div+div {
    max-width: 132px;
    flex: 0 0 132px;
}

.ril-foundation {
    background-color: #d2ab67;
    padding-top: 50px;
    padding-bottom: 50px;
}

.foundation-block {
    background-color: #fff;
    border-radius: 6px;
    padding: 40px 50px;
}

.foundation-block .more-btn {
    border: 1px solid #373f41;
    color: #373f41;
    padding: 10px 40px 10px 22px;
    border-radius: 22px;
}

.foundation-block .more-btn::before {
    filter: brightness(0) invert(0);
    -webkit-filter: brightness(0) invert(0);
    top: 15px;
    right: 18px;
}

.foundation-block .more-btn:hover {
    border: 1px solid #d2ab67;
    color: #fff;
}

.foundation-block .more-btn:hover::before {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
}

.foundation-block h4 {
    font-size: 26px;
    font-weight: 500;
    color: #053c8f;
    margin-bottom: 25px;
    margin-top: 25px;
}

.foundation-text p,
.first-para {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
}

.foundation-text p span {
    font-size: 20px;
}

.foundation-text ul {
    padding: 0;
    margin: 0;
}

.foundation-text li,
.partnerships-block li,
.culture_block li,
.covid19_block li,
.prosperity_block li,
.highlights_text li,
.infoBox li,
.harnessing_block li,
.recron_block li,
.ecosystem_block li,
.council_team li,
.alert_list li,
.rnd_project .modal-body li,
.retail_highlights_text li {
    font-size: 18px;
    background: url(/sites/default/files/images/bullet-icon.png) no-repeat 0 4px;
    padding-left: 30px;
    margin-bottom: 15px;
}

.rh-space {
    padding-right: 40px;
}

.rh-space {
    padding-right: 15px;
}

.mid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    border: 10px solid #fff;
}

.mid-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.partnerships-block {
    background-color: #fdf2df;
    padding: 40px;
}

.partnerships-block p span {
    font-size: 22px;
}

.partnerships-block p {
    font-size: 20px;
    line-height: 28px;
    color: #373f41;
}

.partnerships-block li {
    margin-bottom: 18px;
}

.foundation-block h2,
.culture_block h2,
.jio-studios h2 {
    font-size: 45px;
    font-weight: 400;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.first-para {
    margin-bottom: 30px;
}

.blue-strip {
    background-color: #053c8f;
    border-radius: 6px;
    margin-top: 35px;
    padding: 14px;
    margin-bottom: 15px;
}

.blue-strip h3 {
    font-size: 50px;
    font-weight: 400;
    color: #d2ab67;
    margin-bottom: 5px;
}

.blue-strip h3 span {
    font-size: 21px;
    display: inline-block;
    padding-left: 5px;
}

.blue-strip p {
    font-size: 22px;
    color: #fff;
}

.rngs {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.culture_block {
    background-color: #fff;
    border-radius: 6px;
    padding: 30px;
    height: 100%;
}

.visit {
    display: flex;
    align-items: center;
    margin-top: 15px;
    justify-content: center;
    font-size: 18px;
}

.visit .btn-custom2 {
    border: 1px solid #5a5959;
    color: #373f41;
    margin-left: 15px;
    padding: 11px 40px 11px 18px;
}

.visit .btn-custom2::before {
    filter: brightness(0) invert(0);
    -webkit-filter: brightness(0) invert(0);
    top: 13px;
    right: 18px;
}

.visit .btn-custom2:hover {
    border: 1px solid #d2ab67;
    background-color: #d2ab67;
    color: #fff;
}

.visit .btn-custom2:hover::before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.rural_trnsf {
    padding: 40px 80px;
}

.rural_trnsf .blue-strip>div {
    width: 33.3333%;
    padding: 0 30px;
    position: relative;
}

.rural_trnsf .blue-strip>div:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(202, 202, 202, 0.7);
    width: 1px;
    height: 54px;
    margin: auto;
}

.rural_trnsf .blue-strip>div:last-child::before {
    display: none;
}

.rural_trnsf .blue-strip p {
    line-height: 26px;
    font-size: 21px;
}

.rural_trnsf .blue-strip {
    margin-top: 10px;
}

.media_block {
    padding-top: 60px;
    padding-bottom: 60px;
}

.media_bg {
    background-color: #d2ab67;
}

.banner_media {
    background-color: #fff;
    border-radius: 6px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.banner_media figure {
    position: relative;
    margin-bottom: 30px;
}

.banner_media figure img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.banner_media h1 {
    margin-bottom: 25px;
}

.banner_media h3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    max-width: 1240px;
    width: 100%;
}

.banner_media p {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
    padding: 0 80px;
    text-align: justify;
}

.portfolio_ {
    background-color: #fdf2df;
    margin-top: 0;
}

.portfolio_ h1 {
    margin-bottom: 20px;
}

.portfolio_ h4 {
    font-weight: 500;
    font-size: 45px;
    color: #4d4d4d;
}

.television_ {
    background-color: #fff;
    border-radius: 6px;
    padding: 40px 50px 25px;
    margin-top: 20px;
}

.television_ h5 {
    font-size: 30px;
    font-weight: 500;
    color: #053c8f;
    margin-bottom: 20px;
}

.television_ ul {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    grid-column-gap: 10px;
}

.television_ ul li {
    margin-bottom: 20px;
}

.television_ ul.news-logo {
    grid-template-columns: repeat(6, 1fr);
}

.television_ ul.digital-logo {
    grid-template-columns: repeat(5, 1fr);
}

.television_ ul.news-logo.media_col2 {
    grid-template-columns: repeat(5, 1fr);
}

.television_ ul.news-logo.media_col3,
.television_ ul.news-logo.media_col4 {
    grid-template-columns: repeat(7, 1fr);
}

.glance_block:nth-of-type(even) .television_ {}

.operate_block .row .col-lg-10 {
    width: 90%;
}

.jio-studios figure img {
    border: 1px solid #c8c8c8;
}

.jio-studios figure {
    text-align: right;
}

.jio-studios .studios-block {
    padding: 50px 50px;
    background-color: #fff;
    border-radius: 6px;
}

.jio-studios p {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
    letter-spacing: 0.01em;
}

.jio-studios li {
    display: inline-block;
    margin-right: 8px;
}

.digital-first h5 {
    color: #4d4d4d;
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 20px;
}

.digital-first .foundation-block {
    padding: 50px 50px;
}

.digital-first .visit {
    padding-bottom: 0;
}

.digital-first h2 {
    font-size: 55px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}

.digital-first .para_text {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 35px;
}

.channels_bg {
    display: flex;
    position: relative;
    align-items: center;
}

.channels_bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(5, 60, 143, 0) 42.89%, #053c8f 47.85%);
    border-radius: 5px;
}

.channels_bg img {
    border-radius: 5px;
}

.channels_bg>div {
    flex: 0 0 50%;
}

.channels_bg .tv-channels {
    position: relative;
}

.tv-block {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ch_column {
    flex: 1;
    position: relative;
}

.ch_column p {
    font-size: 18px;
    color: #d2ab67;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
}

.ch_column p span {
    display: block;
}

.ch_column h5 sup {
    font-size: 0.5em;
    top: -0.8em;
}

.ch_column h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
    font-family: "JioType";
    font-weight: 300;
}

.ch_column h5 span {
    font-size: 21px;
    text-transform: lowercase;
}

.ch_column h6 {
    font-family: "JioType";
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

.ch_column::after {
    position: absolute;
    top: 80px;
    right: 0;
    content: "";
    width: 1px;
    height: 60px;
    background: rgba(202, 202, 202, 0.7);
}

.ch_column:last-child::after {
    content: none;
}

.note {
    position: relative;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    padding-left: 25px;
    margin-top: -45px;
}

.tv-channels .note-txt {
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    position: absolute;
    padding-left: 25px;
    margin-bottom: 0;
    bottom: -65px;
}

.rilf__founder {
    padding: 20px 0 0;
    background: #fdf2df;
    position: relative;
    margin-top: 50px;
}

.rilf__founder::before {
    position: absolute;
    top: 50px;
    right: 30px;
    content: "";
    width: 552px;
    height: 494px;
    background: url(/sites/default/files/images/round-logo.png) no-repeat;
}

@media (min-width:2048px) {
    .rilf__founder::before {
        right: 350px;
    }
}

.rilf__founder .aboutas {
    padding: 0px;
    max-width: 540px;
    width: 100%;
    margin: 40px auto 0;
    color: #4d4d4d;
}

.rilf__founder .aboutas p {
    text-align: left;
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 30px;
    position: relative;
}

.rilf__founder img {
    position: relative;
    z-index: 2;
}

.rilf__founder .name-title {
    margin-top: 90px;
}

.rilf__founder h2 {
    margin-left: 0;
    line-height: 82px;
    font-size: 90px;
    text-align: left;
    font-weight: 400;
    color: #4d4d4d;
}

.rilf__founder h2+h2 {
    margin-left: 50px;
}

.rilf__founder .name-title p {
    font-weight: 300;
    font-size: 26px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin-top: 40px;
}

.text-rh {
    text-align: right;
}

.caring_block {
    padding: 50px 0 35px;
}

.caring_block p {
    font-size: 18px;
    color: #373f41;
    text-align: justify;
    padding-right: 30px;
    padding-right: 25px;
}

.caring_block h3 {
    font-size: 45px;
    font-weight: 300;
    line-height: 60px;
    color: #053c8f;
    margin-bottom: 30px;
}

.caring_block img {
    border-radius: 6px;
}

.csr_banner {
    position: relative;
}

.csr_banner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(5, 60, 143, 0.15) 50.84%, #053c8f 58%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.csr_banner .csr_text {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    width: 316px;
    color: #fff;
    text-align: center;
}

.csr_banner .csr_text h5 {
    font-size: 50px;
    font-weight: 300;
}

.csr_banner .csr_text h5 span {
    font-weight: 300;
    font-size: 21px;
    display: inline-block;
    margin-left: 8px;
}

.csr_banner .csr_text p {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 0;
    padding: 0 15px;
}

.csr_banner .text-block {
    margin-bottom: 20px;
    padding-bottom: 25px;
    position: relative;
}

.csr_banner .text-block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.csr_banner .text-block::after {
    position: absolute;
    bottom: -5px;
    right: 0;
    left: 0;
    margin: auto;
    content: "";
    width: 60px;
    height: 1px;
    background: rgba(202, 202, 202, 0.7);
    z-index: 3;
}

.csr_banner .text-block:last-child::after {
    content: none;
}

.rural_trans {
    background-color: #d2ab67;
    padding: 60px 0;
}

.rural_carousel {
    margin-top: 30px;
}

.rural_box {
    background-color: #fff;
    border-radius: 6px;
    padding: 50px 75px;
}

.rural_box .intro_text {
    font-size: 20px;
    text-align: justify;
    color: #373f41;
}

.rural_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fdf2df;
    border-radius: 6px;
    position: relative;
}

.rural_holder figure {
    width: 50%;
    margin-bottom: 0;
}

.rural_holder figure img {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.rural_content {
    width: 50%;
    padding: 20px 30px;
}

.rural_content h5 {
    font-weight: 500;
    font-size: 30px;
    color: #4d4d4d;
    letter-spacing: 0.01em;
    margin-bottom: 30px;
}

.rural_content h6 {
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 0;
}

.rural_content h6 span {
    font-size: 18px;
}

.rural_block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 20px;
}

.asterisk {
    font-size: 12px;
    color: #373f41;
    position: absolute;
    bottom: 15px;
    left: 50%;
    padding-left: 30px;
}

.rural_block p {
    padding-right: 20px;
}

.rural_carousel .slick-prev,
.rural_carousel .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 42px;
    height: 42px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    background: url(/sites/default/files/images/sprite.png) -45px -28px;
    border: 1px solid #be9244;
    background-color: #be9244;
    border-radius: 50%;
    margin-top: -21px;
    z-index: 1;
}

.rural_carousel .slick-prev:hover,
.rural_carousel .slick-next:hover {
    background-color: #053c8f;
    border: 1px solid #053c8f;
}

.rural_carousel .slick-prev {
    left: -21px;
    background-position: -75px -28px;
}

.rural_carousel .slick-next {
    right: -21px;
    left: auto;
}

.rural_carousel .slick-prev.slick-disabled,
.rural_carousel .slick-next.slick-disabled {
    background: url(/sites/default/files/images/sprite.png);
    background-color: #fdf2df;
    border: 1px solid #fdf2df;
    cursor: text;
}

.rural_carousel .slick-prev.slick-disabled:hover,
.rural_carousel .slick-next.slick-disabled:hover {
    border: 1px solid #fdf2df;
}

.rural_carousel .slick-prev.slick-disabled {
    background-position: 6px -28px;
}

.rural_carousel .slick-next.slick-disabled {
    background-position: -20px -28px;
}

.inner_banner-block {
    position: relative;
}

.inner_banner-block::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(28, 28, 28, 0.65) 25%, rgba(28, 28, 28, 0) 72.47%);
}

.inner_banner-block .banner-holder {
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0;
    z-index: 9;
}

.inner_banner-block .banner-holder h1 {
    font-size: 85px;
    line-height: 90px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #fff;
    text-shadow: 51px 8px 50px rgba(0, 0, 0, 0.48);
}

.impact_block h1 {
    margin-bottom: 25px;
}

.impact_block p {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
}

.people_block {
    position: relative;
    margin-top: 50px;
}

.people_block::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 400px;
    background: #053c8f;
}

.people_block h2 {
    font-weight: 400;
    font-size: 65px;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 25px;
}

.people_block .container {
    position: relative;
}

.people_block figure img {
    border-radius: 4px;
    margin-bottom: 15px;
}

.people_block h3 {
    font-size: 45px;
    color: #053c8f;
    font-weight: 500;
    margin-bottom: 15px;
}

.people_block p {
    font-size: 18px;
    color: #373f41;
}

.workforce_block {
    background-color: #053c8f;
    padding: 35px 35px 55px;
    border-radius: 6px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
}

.workforce_block h4 {
    color: #fff;
    font-weight: 400;
    font-size: 45px;
}

.strength_block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    grid-column-gap: 10px;
}

.datacol {
    font-weight: 300;
    font-size: 50px;
    color: #fff;
    margin-top: 30px;
    position: relative;
}

.datacol span {
    display: block;
    font-size: 18px;
}

.datacol::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 1px;
    height: 50px;
    background: rgba(202, 202, 202, 0.7);
    z-index: 3;
}

.datacol:last-child::after {
    content: none;
}

.asterisk2 {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: 15px;
    right: 30px;
}

.wecare_block {
    background-color: #fdf2df;
    padding-top: 50px;
    padding-bottom: 50px;
}

.wecare_block h3 {
    color: #053c8f;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

.wecare_block figure {
    text-align: right;
}

.wecare_block figure img {
    border-radius: 4px;
}

.wecare_block h4 {
    font-weight: 300;
    font-size: 45px;
    color: #053c8f;
    margin-top: 20px;
    margin-bottom: 20px;
}

.great-workplaces p,
.covid19_block p,
.netzero_box p,
.prosperity_holder p {
    font-size: 18px;
    color: #373f41;
}

.great-workplaces .more-btn,
.covid19_block .more-btn,
.zerocarbon_text .more-btn {
    background-color: transparent;
    border: 1px solid #2c2c2c;
    color: #2c2c2c;
    margin-top: 0;
}

.great-workplaces .more-btn::before,
.covid19_block .more-btn::before,
.zerocarbon_text .more-btn::before {
    filter: brightness(0) invert(0);
}

.wecare_block p {
    font-size: 18px;
}

.great-workplaces .more-btn:hover,
.covid19_block .more-btn:hover,
.zerocarbon_text .more-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.great-workplaces .more-btn:hover::before,
.covid19_block .more-btn:hover::before,
.zerocarbon_text .more-btn:hover::before {
    filter: brightness(0) invert(1);
}

.yoy_block {
    padding-top: 60px;
    padding-bottom: 0;
}

.yoy_block h2 {
    font-weight: 400;
    font-size: 45px;
    color: #4d4d4d;
}

.yoybanner-block {
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 40px;
}

.yoybanner-block::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(5, 60, 143, 0) 42.89%, #053c8f 47.85%);
}

.yoybanner-block>div {
    flex: 0 0 50%;
}

.yoybanner img {
    width: 100%;
}

.yoytext .tv-block {
    width: 66%;
    margin: 0 auto;
}

.yoytext .ch_column {
    margin: 0 30px;
}

.yoytext .ch_column::after {
    top: 0;
    bottom: 0;
    margin: auto;
    right: -25px;
}

.yoytext .tv-block {
    align-items: flex-start;
}

.tv-block.space-mb {
    margin-bottom: 48px;
}

.covid19_block {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 60px;
}

.covid19_block h4 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    color: #4d4d4d;
}

.covid19_block ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

.planet_block {
    padding-top: 50px;
    padding-bottom: 10px;
}

.planet_block .profile__block {
    background-color: #d2ab67;
    align-items: flex-end;
}

.planet_block .profile__block h5 {
    border-bottom: 0;
}

.planet_block .profile__pic {
    flex: 0 0 45%;
    padding-right: 25px;
}

.planet_block .profile__bio {
    flex: 0 0 55%;
    padding: 50px 40px 30px 60px;
}

.planet_block .quote-block p {
    margin-right: 0;
    margin-bottom: 60px;
}

.planet_block .profile__block h3+h3 {
    margin-left: 100px;
}

.planet_count h6 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    color: #d2ab67;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    line-height: 26px;
}

.planet_count h6 span {
    display: block;
}

.planet_count .careerPlus .box {
    border-right: none;
    position: relative;
}

.planet_count .careerPlus .box {}

.planet_count .careerPlus .box::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -25px;
    content: "";
    width: 1px;
    height: 60px;
    background: rgba(202, 202, 202, 0.7);
}

.planet_count .careerPlus .box:last-child::after {
    content: none;
}

.planet_count .careerPlus .box p {
    padding: 0 90px;
}

.netzero_block {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 60px;
}

.netzero_box {
    background-color: #fff;
    border-radius: 6px;
    padding: 50px 50px 40px;
    display: flex;
}

.zerocarbon_img {
    width: 32%;
}

.zerocarbon_text {
    width: 68%;
}

.renewable_block .rural_carousel {
    margin-top: 60px;
    margin-bottom: 60px;
}

.renewable_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #053c8f;
    border-radius: 6px;
    position: relative;
}

.renewable_holder figure {
    width: 50%;
    margin-bottom: 0;
}

.renewable_holder figure img {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.renewable_content {
    width: 50%;
    padding: 0;
    color: #fff;
    text-align: center;
}

.renewable_content h4 {
    font-size: 50px;
    font-weight: 300;
}

.renewable_content h4 span {
    font-size: 21px;
}

.renewable_content p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
}

.renewable_content .inner_holder {
    max-width: 62%;
    margin: 0 auto;
}

.prosperity_block {
    background-color: #d2ab67;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.prosperity_block h2 {
    font-size: 65px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
}

.prosperity_holder {
    background-color: #fff;
    border-radius: 6px;
    padding: 50px;
}

.prosperity_holder h3 {
    font-size: 45px;
    color: #053c8f;
    font-weight: 500;
}

.prosperity_text {
    display: flex;
    flex-wrap: wrap;
}

.prosperity_text figure {
    width: 41%;
    margin-bottom: 30px;
}

.prosperity_text>div {
    width: 59%;
}

.stakeholder_block {}

.stakeholder_block h3 {
    font-weight: 400;
    font-size: 45px;
    color: #4d4d4d;
    margin-bottom: 40px;
}

.value_block {
    background-color: #fff9ef;
    padding: 20px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: 30px;
    min-height: 300px;
}

.stakeholder_block figure {
    margin-bottom: 0;
}

.stakeholder_block figure img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.value_block h4 {
    color: #26378d;
    font-size: 30px;
    font-weight: 500;
    white-space: nowrap;
}

.value_block h4 span {
    font-size: 18px;
}

.value_block h5 {
    font-weight: 500;
    font-size: 25px;
    color: #4d4d4d;
}

.value_block p {
    color: #373f41;
    font-size: 18px;
    line-height: 24px;
}

.impact_bluebox .flexbox {
    align-items: center;
}

.planet_count.impact_bluebox .careerPlus .box::after {
    right: 0;
}

.planet_count.impact_bluebox .careerPlus .box p {
    padding: 0 72px;
}

.banner_media .retail_txt {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    padding: 0 35px;
}

.banner_media .retail_txt p {
    padding: 0;
    text-align: justify;
}

.showroom_block {
    padding-top: 60px;
}

.ranked_block {
    margin-top: -85px;
}

.ranked_block .careerPlus {
    border-radius: 0;
    padding-top: 160px;
    margin-bottom: 0;
    position: initial;
}

.ranked_block .flexbox {
    align-items: center;
    flex-wrap: wrap;
}

.ranked_block .flexbox>div {
    flex: 0 0 auto;
    width: 33.333333%;
    padding: 15px 0;
}

.ranked_block .flexbox>div:nth-child(3n)::after {
    content: none;
}

.ranked_block .careerPlus .box.rankd:first-child::after {
    top: -60px;
}

.highlights_block {
    background-color: #d2ab67;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0;
    align-items: center;
}

.highlights_block .highlights_text li {
    color: #fff;
}

.highlights_text {
    width: 70%;
    margin: 0 auto;
}

.highlights_text h4 {
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.highlights_text h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 4px;
    background-color: #fff;
}

.highlights_text li {
    font-size: 18px;
    margin-bottom: 20px;
    background: none;
    padding-left: 0;
    text-align: justify;
}

.retail_highlights_block {
    background-color: #fdf2df;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0;
    align-items: center;
}

.retail_highlights_text {
    width: 74%;
    margin: 0 auto;
}

.retail_highlights_text h4 {
    font-weight: 300;
    font-size: 30px;
    color: #4d4d4d;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.retail_highlights_text h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 4px;
    background-color: #c09448;
}

.retail_highlights_text li {
    font-size: 18px;
    margin-bottom: 22px;
    background: transparent;
    padding-left: 0;
}

.diversified {
    padding-top: 60px;
    padding-bottom: 60px;
}

.diversified h4 {
    font-size: 28px;
    color: #4d4d4d;
    font-weight: 500;
}

.diversified p {
    font-size: 28px;
    color: #4d4d4d;
    margin-bottom: 35px;
    font-weight: 300;
}

.operate_block {
    background-color: #d2ab67;
    padding-top: 50px;
    padding-bottom: 50px;
}

.operate_block h2 {
    font-weight: 400;
    font-size: 65px;
    color: #fff;
    margin-bottom: 20px;
}

.category_block {
    background-color: #fff;
    padding: 50px 50px 20px;
    border-radius: 6px;
    margin-bottom: 50px;
}

.category_block h4,
.pharmacy_block h4 {
    font-size: 45px;
    color: #4d4d4d;
    font-weight: 400;
    margin-bottom: 15px;
}

.category_block h5 {
    font-size: 30px;
    font-weight: 500;
    color: #283b8e;
}

.category_block p,
.pharmacy_block p,
.harnessing_block p {
    font-size: 18px;
    color: #373f41;
}

.rj_store {
    background: linear-gradient(0deg, #053c8f, #053c8f), linear-gradient(90.23deg, #053c8f 56.04%, rgba(5, 60, 143, 0.6) 105.46%);
    border-radius: 5px 0 0 5px;
    padding: 14px 30px;
    margin-right: -32px;
    margin-bottom: 30px;
    margin-top: 40px;
}

.rj_store h3 {
    font-size: 50px;
    color: #d2ab67;
    font-weight: 400;
}

.rj_store p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
}

.rl_logos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 94px;
    align-items: center;
    margin-top: 35px;
}

.rl_logos2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    align-items: center;
    margin-top: 35px;
    text-align: center;
}

.rl_logos li,
.rl_logos2 li {
    margin-bottom: 30px;
}

.space-mb1 {
    margin-bottom: 50px;
}

.trend_box {
    padding: 20px;
}

.pharmacy_block {
    background-color: #fff;
    border-radius: 6px;
    padding: 30px;
    height: 100%;
    text-align: center;
}

.pharmacy_block figure {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    min-height: 325px;
}

.quick_block {
    padding-top: 60px;
    padding-bottom: 60px;
}

.quick_block h2,
.commerce_block h2 {
    font-size: 65px;
    color: #4d4d4d;
    font-weight: 400;
    margin-bottom: 25px;
}

.quick_block h6 {
    font-size: 30px;
    color: #053c8f;
    font-weight: 500;
    margin-bottom: 25px;
}

.quick_block h5 {
    font-size: 54px;
    color: #d2ab67;
    font-weight: 400;
    margin-bottom: 5px;
}

.quick_block h5 span {
    font-size: 21px;
}

.quick_block p {
    font-size: 26px;
    font-weight: 300;
}

.quick_block ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 50px;
    margin-bottom: 55px;
}

.towns_block {
    background-color: #053c8f;
    border-radius: 4px;
    padding: 22px;
    max-width: 80%;
    margin: 0 auto;
}

.towns_block p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
}

.ril_retail {
    background-color: #fdf2df;
    padding-top: 70px;
    padding-bottom: 70px;
}

.ril_retail p {
    font-size: 18px;
    color: #373f41;
}

.commerce_block {
    background-color: #fdf2df;
    padding-top: 50px;
    padding-bottom: 60px;
}

.commerce_block h5 {
    font-size: 30px;
    color: #053c8f;
    font-weight: 500;
    margin-bottom: 15px;
}

.commerce_block h2 {
    margin-bottom: 15px;
}

.commerce_block p {
    font-size: 18px;
    color: #373f41;
}

.kirana_store {
    background: linear-gradient(0deg, #053c8f, #053c8f), linear-gradient(90.23deg, #053c8f 56.04%, rgba(5, 60, 143, 0.6) 105.46%);
    border-radius: 0 5px 5px 0;
    padding: 14px 30px;
    margin-left: -50px;
    margin-bottom: 30px;
    margin-top: 40px;
}

.space-mb2 {
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 20px;
}

.space-mb2 img {
    position: relative;
}

.space-mb2 .blue-strip {
    margin-left: -43px;
    margin-top: 40px;
    border-radius: 0 5px 5px 0;
}

.space-mb2 .blue-strip p {
    color: #fff;
    line-height: 26px;
    padding: 0 30px;
}

.kirana_holder {
    display: flex;
}

.kirana_holder .leftSide {
    padding-left: 0;
    display: flex;
    flex-direction: column;
}

.kirana_holder .infoBox {
    padding: 40px 70px 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    flex: 1;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kirana_holder .infoBox h4 {
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    margin-bottom: 25px;
}

.kirana_holder .infoBox li {
    margin-bottom: 18px;
}

.kirana_holder .infoBox.bgcolor2 li {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.kirana_holder .leftSide,
.kirana_holder .rightSide {
    position: relative;
    flex: 1;
}

.kirana_holder .rightSide {
    z-index: 1;
}

.kirana_holder .rightSide img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    object-fit: cover;
}

.kirana_holder .bgcolor1 {
    background: #053e8f;
}

.kirana_holder .bgcolor2 {
    background: #d2ab67;
    margin-bottom: 0;
}

.kirana_holder .rightSide::after {
    position: absolute;
    content: "";
    top: 50%;
    left: -55px;
    margin-top: -50px;
    background: url(/sites/default/files/images/ril-logo-icon.png) no-repeat;
    width: 100px;
    height: 100px;
    z-index: 9;
}

p.delivering {
    text-transform: uppercase;
    font-size: 18px;
}

.planet_count.Mmbpd {
    margin-top: 60px;
}

.planet_count.Mmbpd .careerPlus {
    position: relative;
}

.planet_count.Mmbpd .careerPlus .asterisk2 {
    left: 30px;
    right: auto;
}

.planet_count.Mmbpd .careerPlus .box p {
    padding: 0 78px;
}

.planet_count.Mmbpd .careerPlus .box::after {
    right: 0;
}

.planet_count.Mmbpd .careerPlus .box {
    width: 33.33333333%;
    flex: 0 0 auto;
    padding: 15px 0;
}

.planet_count.Mmbpd .flexbox {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.harnessing_block {
    padding-top: 60px;
    padding-bottom: 60px;
}

.harnessing_block h4 {
    font-size: 30px;
    color: #4d4d4d;
    font-weight: 300;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.harnessing_block h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 4px;
    background-color: #c09448;
}

.businesses_block {
    background-color: #fdf2df;
    padding-top: 50px;
    padding-bottom: 30px;
}

.businesses_block h2 {
    font-weight: 400;
    font-size: 65px;
    color: #4d4d4d;
    margin-bottom: 25px;
}

.businesses_block p {
    font-weight: 300;
    font-size: 18px;
    color: #373f41;
}

.businesses_block .business__box a.explore-btn {
    font-size: 14px;
    padding: 8px 30px 8px 18px;
    display: block;
}

.businesses_block h4 {
    font-weight: 500;
    font-size: 30px;
    color: #d2ab67 !important;
    margin-bottom: 0;
}

.conduct_block {
    background-color: #053c8f;
    padding-top: 60px;
    padding-bottom: 60px;
}

.conduct_block .container {
    padding-left: 50px;
    padding-right: 50px;
}

.conduct_block h2 {
    font-weight: 400;
    font-size: 45px;
    color: #fff;
}

.conduct_block a {
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 24px;
    display: inline-block;
    border-radius: 24px;
    transition: all 0.2s;
}

.conduct_block a::after {
    content: "";
    width: 16px;
    height: 13px;
    display: inline-block;
    margin-left: 10px;
    background: url(/sites/default/files/images/arrow-btn.png) no-repeat center;
}

.conduct_block a:hover {
    background-color: #be9244;
    border: 1px solid #be9244;
}

.conduct_block .rh-text {
    text-align: right;
}

.thanks__block {
    padding: 60px 0 100px;
    background: #d2ab67;
    color: #fff;
    text-align: center;
}

.thanks__block h2 {
    font-size: 65px;
    font-weight: 400;
    margin-bottom: 20px;
}

.thanks__block p {
    font-size: 24px;
}

.para_block {
    text-align: justify;
    padding: 0 110px;
}

.polyester_main {
    background-color: #d2ab67;
    padding-top: 60px;
    padding-bottom: 60px;
}

.polyester_main h2,
.products_block h2,
.new_energy_block h2,
.relpet_block h2 {
    font-size: 65px;
    font-weight: 400;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.polyester_block {
    border-radius: 6px;
    background: #fff;
    padding: 35px 35px;
}

.polyester_block img {
    border-radius: 4px;
    max-width: 100%;
}

.intro-text p.light-bl-title {
    font-size: 18px;
    color: #053c8f;
    font-weight: 300;
}

.polyester_block p {
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    padding-right: 20px;
}

.polyester_block p strong {
    color: #053c8f;
    font-weight: 300;
}

.polyester_block a.explore-btn,
.tackle_block a.explore-btn,
.recron_block a.explore-btn {
    font-size: 15px;
    color: #5a5959;
    text-decoration: none;
    border: 1px solid #5a5959;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 40px 8px 20px;
    position: relative;
    transition: all 0.5s;
}

.polyester_block a.explore-btn::before,
.tackle_block a.explore-btn::before,
.recron_block a.explore-btn::before {
    background: url(/sites/default/files/images/weblink-arrow2.png);
    content: "";
    position: absolute;
    top: 13px;
    right: 16px;
    width: 17px;
    height: 15px;
    transition: all 0.2s;
}

.polyester_block a.explore-btn:hover,
.tackle_block a.explore-btn:hover,
.recron_block a.explore-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.polyester_block a.explore-btn:hover::before,
.tackle_block a.explore-btn:hover::before,
.recron_block a.explore-btn:hover::before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.third-link {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 40px 8px 20px;
    position: relative;
    transition: all 0.5s;
}

.third-link::before {
    background: url(/sites/default/files/images/third-icon2.png);
    content: "";
    position: absolute;
    top: 13px;
    right: 16px;
    width: 17px;
    height: 15px;
    transition: all 0.2s;
}

.third-link:hover {
    background: #fff;
    border: 1px solid #d2ab67;
    color: #d2ab67;
}

.third-link:hover::before {
    background: url(/sites/default/files/images/third-icon.png);
}

.more_btn {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 40px 8px 20px;
    position: relative;
    transition: all 0.5s;
}

.more_btn::before {
    background: url(/sites/default/files/images/arrow2.png);
    content: "";
    position: absolute;
    top: 12px;
    right: 18px;
    width: 14px;
    height: 13px;
    transition: all 0.2s;
}

.more_btn:hover {
    background: #fff;
    border: 1px solid #d2ab67;
    color: #d2ab67;
}

.more_btn:hover::before {
    background: url(/sites/default/files/images/arrow-gl.png);
}

.products_block {
    background-color: #053c8f;
    padding-top: 50px;
    padding-bottom: 50px;
}

.products_block h2 {
    color: #fff;
    margin-bottom: 0.8rem;
}

.products_block h3,
.filament_block h3,
.relpet_block h3 {
    font-size: 45px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}

.recron_block,
.purified_block {
    padding: 30px 35px 30px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 30px;
}

.rubber_block.relx-block .recron_block {
    margin-top: 10px;
}

.purified_block.rel-wood:first-child {
    margin-top: 0;
}

.recron_block h4,
.purified_block h4 {
    font-weight: 300;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
}

.recron_block p {
    font-size: 18px;
    color: #373f41;
}

.recron_block figure {
    margin-bottom: 0;
    text-align: right;
}

.recron_block figure img {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    max-width: 100%;
}

.recron_block img {
    border-radius: 4px;
}

.products_block .recron_block .col-md-8 p {
    text-align: justify;
}

.recron_block.relan_logo .col-md-9 h4 {
    padding-top: 20px;
}

.filament_block {
    background-color: #d2ab67;
    padding-top: 50px;
    padding-bottom: 50px;
}

.filament_block ul {
    margin-bottom: 5px;
}

.filament_block ul li {
    display: inline-block;
    width: 398px;
}

.relpet_block {
    background-color: #fdf2df;
    padding-top: 50px;
    padding-bottom: 50px;
}

.relpet_block h3 {
    color: #4d4d4d;
}

.relpet_block h5 {
    font-weight: 500;
    font-size: 21px;
    color: #053c8f;
    margin-bottom: 20px;
    padding-top: 10px;
}

.recron_block h4 sup {
    font-size: 0.6em;
}

.recron_block h6 {
    font-weight: 300;
    font-size: 21px;
    color: #053c8f;
    margin-bottom: 10px;
}

.relan {
    margin-top: 35px;
}

.relan p {
    padding-right: 30px;
}

.mtop2 {
    margin-top: 10px;
}

.help i {
    position: absolute;
    right: -11px;
    top: 0;
    background: url(/sites/default/files/images/i-help.png) no-repeat;
    width: 12px;
    height: 12px;
}

.tool {
    cursor: help;
    position: relative;
}

.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100;
}

.Mmbpd .careerPlus .box p.indexi span {
    display: inline-block;
}

.tool:hover::before,
.tool:focus::before {
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
}

.tool::after {
    background: #d2ab67;
    border-radius: 0.25em;
    bottom: 120%;
    color: #fff;
    content: attr(data-tip);
    margin-left: -13em;
    padding: 0.5em;
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
    transform: scale(0.6) translateY(50%);
    width: 26em;
    font-size: 13px;
    line-height: 16px;
}

.tool:hover::after,
.tool:focus::after {
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
}

.newenergy_txt p {
    padding: 0 30px;
}

.director_ril {
    padding-top: 50px;
    padding-bottom: 10px;
}

.director_ril .chairman_block {
    background-color: #053c8f;
    border-radius: 6px;
    position: relative;
    margin-bottom: 40px;
    padding-top: 30px;
    align-items: flex-end;
    display: flex;
    color: #fff;
    overflow: hidden;
}

.director_ril .chairman_block::before {
    position: absolute;
    content: "";
    top: 20px;
    right: -60px;
    width: 792px;
    height: 742px;
    background-image: url(/sites/default/files/images/sketch-wt-logo2.png);
}

.director_ril .chairman_block h5 {
    border-bottom: 0;
}

.director_ril .chairman-pic {
    flex: 0 0 48%;
    padding-right: 25px;
}

.director_ril .chairman-pic img {
    position: relative;
}

.director_ril .chairman-bio {
    flex: 0 0 52%;
    padding: 50px 40px 40px 60px;
}

.director_ril .chairman-bio h3 {
    font-weight: 400;
    font-size: 90px;
    line-height: 80px;
}

.director_ril .chairman_block h5 {
    font-family: "JioType";
    font-size: 26px;
    font-weight: 300;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    padding-bottom: 10px;
}

.director_ril .quote-block {
    margin-bottom: 50px;
}

.director_ril .quote-block p {
    margin-right: 0;
    margin-bottom: 10px;
    color: #fff;
}

.director_ril .chairman_block h3+h3 {
    margin-left: 100px;
    margin-bottom: 30px;
}

.director_ril h6 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    line-height: 26px;
}

.director_ril h6 span {
    display: block;
}

.director_ril .quote-block .quote_1,
.director_ril .quote-block .quote_2 {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
}

.grnenergy_block {
    padding-top: 10px;
}

.grnenergy_block h4 {
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 20px;
}

.grnenergy_block p,
.ecosystem_block p,
.council_block p,
.green_txtblock p {
    font-size: 18px;
}

.grnenergy_block figure {
    margin-bottom: 0;
}

.grnenergy_block figure img {
    border-radius: 6px;
}

.tackle_block {
    background-color: #d2ab67;
    border-radius: 6px;
    color: #fff;
    padding: 45px 90px;
    margin: 40px 0 50px;
}

.tackle_block h3 {
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 30px;
}

.tackle_block a.mail {
    color: #fff;
    background: url(/sites/default/files/images/mail-icon.png) 0 7px no-repeat;
    padding-left: 20px;
}

.tackle_block a.explore-btn {
    border: 1px solid #fff;
    color: #fff;
}

.tackle_block a.explore-btn::before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.vjs-poster,
.video-js {
    border-radius: 6px;
}

.ecosystem_block {
    position: relative;
    padding-bottom: 30px;
}

.ecosystem_block .jio-video {
    margin-bottom: 40px;
}

.ecosystem_block .jio-video video {
    border-radius: 6px;
}

.ecosystem_block .energy-video {
    margin-bottom: 40px;
}

.ecosystem_block .energy-video video {
    border-radius: 6px;
}

.energy-video .video-js {}

.jio_life .video-js .vjs-big-play-button {
    z-index: 89;
}

.jio_life .video-js .vjs-control-bar {
    z-index: 89;
}

.ecosystem_block h2 {
    font-size: 58px;
    color: #4d4d4d;
    font-weight: 400;
    line-height: 74px;
    margin-bottom: 30px;
}

.ecosystem_block::after {
    background-color: #fdf2df;
    position: absolute;
    top: 30%;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ecosystem_block li {
    margin-bottom: 10px;
}

.gap-rh {
    padding-right: 15px;
}

.gap-lf {
    padding-left: 15px;
}

.council_block {
    background-color: #053c8f;
    padding-top: 50px;
    padding-bottom: 60px;
}

.council_block h2,
.renewable_txt h2,
.rubber_block h2 {
    font-size: 65px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px;
}

.council_block p {
    color: #fff;
    font-size: 18px;
}

.council_team {
    background-color: #fff;
    padding: 40px 40px 10px;
    border-radius: 6px;
    margin-top: 20px;
}

.council_team h4 {
    font-weight: 300;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
}

.council_team ul {
    margin-bottom: 30px;
}

.team_profile,
.mx-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.green_ecosystem {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 60px;
}

.green_txtblock {
    background-color: #fff;
    padding: 50px;
    border-radius: 6px;
}

.green_txtblock h3 {
    font-weight: 400;
    font-size: 45px;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.acquisitions h3,
.global-partnerships h3 {
    font-weight: 300;
    font-size: 18px;
    color: #fff;
}

.council_block.global-partnerships {
    background-color: #d2ab67;
}

.council_block.acquisitions p,
.council_block.global-partnerships p,
.rubber_block p {
    color: #373f41;
    font-size: 18px;
}

.renewable_block {
    background-color: #fdf2df;
    padding-top: 60px;
    padding-bottom: 20px;
}

.renewable_block .tackle_block {
    background-color: #053c8f;
    font-size: 18px;
}

.renewable_txt h2,
.rubber_block h2 {
    color: #4d4d4d;
}

.renewable_txt p {
    font-size: 20px;
    color: #373f41;
}

.space-rl {
    margin-left: 60px;
    margin-right: 60px;
}

.rubber_block {
    background-color: #fdf2df;
    padding-top: 50px;
    padding-bottom: 60px;
}

.rubber_block p {
    text-align: justify;
}

.purified_block p {
    color: #373f41;
    font-size: 18px;
    text-align: justify;
}

.purified_block h5 {
    color: #053c8f;
    font-weight: 500;
    font-size: 21px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.purified_block a.mail,
.recron_block a.mail {
    color: #053c8f;
    background: url(/sites/default/files/images/mail-icon2.png) 0 7px no-repeat;
    padding-left: 20px;
    text-decoration: none;
}

.purified_block .custom-table {
    margin-bottom: 25px;
}

.energy_box .banner_media h3 {
    width: 100%;
}

.for-more {
    font-size: 18px;
    color: #373f41;
    margin-top: 20px;
}

.for-more a {
    color: #053c8f;
    text-decoration: none;
}

.for-more a:hover {
    color: #be9244;
}

.council_block.acquisitions {
    padding-top: 40px;
    background-color: #fdf2df;
}

.council_block.acquisitions p,
.council_block.global-partnerships p {
    text-align: justify;
}

.council_block.acquisitions h2,
.council_block.acquisitions h3 {
    color: #373f41;
}

.new_energy_block {
    background-color: #053c8f;
    padding-top: 60px;
    padding-bottom: 60px;
}

.white_bg {
    background-color: #fff !important;
}

.oilgas-box {
    padding: 45px 35px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 60px;
    min-height: 240px;
}

.oilgas-box h4 {
    font-weight: 300;
    font-size: 30px;
    line-height: 34px;
    color: #fff;
    margin: 0;
}

.oilgas-box.bgcolor1 {
    background-color: #053c8f;
}

.oilgas-box.bgcolor2 {
    background-color: #d2ab67;
}

.oilgas-box a.morebtn {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 40px 8px 20px;
    position: relative;
    transition: all 0.5s;
}

.oilgas-box a.morebtn::before {
    background: url(/sites/default/files/images/arrow2.png);
    content: "";
    position: absolute;
    top: 12px;
    right: 18px;
    width: 14px;
    height: 13px;
    transition: all 0.2s;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.oilgas-box .oilgas-content {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    padding-right: 15px;
}

.oilgas-box .oilgas-button {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
}

.oilgas-box .oilgas-content::before {
    content: "";
    width: 1px;
    height: 80px;
    background: #fff;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -25px;
}

.oilgas-box a.morebtn:hover {
    background-color: #be9244;
    border: 1px solid #be9244;
}

.subsidiary-list.career_search .img-wrapper::before {
    background: linear-gradient(179.26deg, rgba(0, 0, 0, 0.765) 27.65%, rgba(0, 0, 0, 0) 56.4%);
}

.subsidiary-list.career_search .subsidiary-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.subsidiary-list.career_search .subsidiary-content h2 {
    padding-right: 32px;
    max-width: 410px;
}

.fake-offers.colorbg {
    background-color: #d2ab67;
}

.ril_people .modal-body {
    padding: 35px 35px 25px;
    display: flex;
}

.ril_people .modal-body .profile_text {
    width: 72%;
}

.ril_people .modal-body .profile_text h3,
.rnd_project .modal-body h3 {
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
}

.ril_people .modal-body .profile_text h4 {
    font-weight: 400;
    font-size: 17px;
    color: #373f41;
    margin-bottom: 15px;
}

.ril_people .modal-body .profile_text p,
.rnd_project .modal-body p {
    font-size: 18px;
    color: #373f41;
}

.ril_people .btn-close,
.rnd_project .btn-close {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 2;
    background: url(/sites/default/files/images/btn-close.svg);
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 0;
    opacity: 1;
}

.ril_people .modal-body .profile_image {
    margin-right: 30px;
    width: 28%;
}

.ril_people .modal-body .profile_image img,
.rnd_project .modal-body img {
    border-radius: 5px;
}

.rd-project-box img.img-fluid {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rnd_project .modal-body {
    padding: 35px 35px 25px;
}

.rnd_project .modal-body .modal-holder {
    display: flex;
}

.rnd_project .modal-body .rnd_text {
    width: 72%;
}

.rnd_project .modal-body .rnd_image {
    margin-right: 23px;
    width: 28%;
}

.rnd_project .modal-body li {
    margin-bottom: 8px;
}

.digital_first {
    margin-top: 50px;
}

.digital_first h4 {
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
}

.digital_media {
    text-align: left;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 30px;
}

.digital_media h5 {
    color: #4d4d4d;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}

.digital_media p {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
    padding: 0;
    text-align: justify;
}

.tp-space {
    margin-top: 40px;
}

.lf-space {
    padding-left: 15px;
}

.digital_media .blue-strip p {
    font-size: 18px;
    color: #fff;
}

.digital_media .blue-strip h3 span {
    font-size: 21px;
    display: inline-block;
    padding-left: 5px;
}

.digital_media .blue-strip h3 {
    font-size: 50px;
    font-weight: 400;
    color: #d2ab67;
    margin-bottom: 5px;
    width: auto;
    position: inherit;
    transform: inherit;
    text-transform: none;
}

.digital_media .blue-strip {
    margin-bottom: 0;
}

.jio-studios {
    background-color: #053c8f;
}

.jio-studios .studios-block li a img {
    filter: brightness(0) saturate(100%) invert(57%) sepia(69%) saturate(361%) hue-rotate(360deg) brightness(92%) contrast(89%);
}

.jio-studios .studios-block li a img:hover {
    filter: brightness(0) saturate(100%) invert(12%) sepia(53%) saturate(5481%) hue-rotate(212deg) brightness(97%) contrast(96%);
}

.finance-report>li.current span>a {
    color: #fff;
}

.highlights_block2 .highlights_text.pr-3 {
    padding-right: 10px;
}

.highlights_block2 .highlights_text.pl-3 {
    padding-left: 10px;
}

.polyester_block p.pr-0 {
    padding-right: 0;
}

.refining_block h3 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 20px;
}

.highlights_block2 {
    background: #fdf2df;
    padding: 50px 0 25px;
}

.top-image .highlights_text {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 100%;
    text-align: center;
}

.top-image .highlights_text h4::after {
    left: 50%;
    transform: translateX(-50%) !important;
}

.top-image .highlights_text h4 {
    font-weight: 500;
}

.oil-chemical-block .recron_block p {
    line-height: 26px;
    text-align: justify;
    padding-right: 25px;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.digitalJioCommittedVideo.rm .digitalJioCommitted {
    padding: 60px 0;
    border-radius: 5px;
    z-index: inherit;
}

.oil-chemical-block .recron_block h4 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    color: #4d4d4d;
    margin-bottom: 15px;
}

.relpet_block.oil-chemical-block {
    padding-top: 25px;
}

.qoute_block iframe {
    width: 100%;
    min-height: 560px;
}

.chart_block iframe {
    width: 100%;
    min-height: 940px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.history_block iframe {
    width: 100%;
    min-height: 1060px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fdf2df;
}

.calculator_block iframe {
    width: 100%;
    min-height: 530px;
    padding-top: 30px;
    padding-bottom: 40px;
}

.jio-bp .highlights_text,
.polyester_block.refining_block .highlights_text {
    margin: 0;
    width: 92%;
}

.polyester_block.refining_block .highlights_text li {
    text-align: justify;
}

.mobility-block h2 {
    font-size: 45px;
    line-height: 55px;
}

.block-gb {
    background-color: #fdf2df;
}

.polyester_main.block-gb h2 {
    font-size: 45px;
    line-height: 42px;
    margin-bottom: 30px;
}

.award-block {
    background-color: #d2ab67;
}

.award-block .awards_item h2 {
    margin-bottom: 60px;
}

.block-address-detail .highlights_text h4 {
    font-weight: 300;
    font-size: 45px;
    line-height: 50px;
    margin: 0;
}

.block-address-detail .top-image .highlights_text {
    left: 0;
    transform: translateX(0) !important;
    text-align: left;
}

.block-address-detail .top-image .highlights_text h4::after {
    content: none;
}

.block-address-detail {
    background-color: #fdf2df;
    position: relative;
    z-index: 1;
}

.block-address-detail .icontacts-info address li {
    display: block;
    width: 100%;
}

.block-address-detail .icontacts-info {
    background-color: transparent;
    padding-top: 40px;
    padding-bottom: 0;
}

.blue-box-text h3 {
    color: #d2ab67;
}

.blue-box-text p.formerly {
    font-size: 18px;
    line-height: 24px;
}

.icontacts-info.blue-box-text li::before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.icontacts-info.cream-box-text p.formerly {
    font-size: 20px;
    line-height: 30px;
    color: #565656;
}

.icontacts-info.cream-box-text h5 {
    font-weight: 500;
    font-size: 18px;
}

.jio-logo-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    width: 101px;
    margin: auto;
}

.rjil_investor_block .column.left,
.rjil_investor_block .column.right {
    max-width: 30%;
    flex: 0 0 30%;
}

.rjil_investor_block .column.center {
    flex: 1;
    background: #fdf2df;
}

.rjil_investor_block .column.left,
.rjil_investor_block .column.right {
    background: #053e8f;
}

.rjil_investor_block p.formerly {
    font-size: 20px;
    line-height: 30px;
}

.rjil_investor_block h3 {
    font-family: "JioType";
    font-size: 25px;
    font-weight: 500;
    color: #d2ab67;
    margin-bottom: 15px;
}

.rjil_investor_block h5 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 18px;
    color: #053c8f;
    margin: 15px 0;
}

.office_address {
    margin-bottom: 0;
}

.office_address li {
    position: relative;
    padding-left: 22px;
    font-size: 18px;
    color: #373f41;
    font-weight: 300;
    margin-bottom: 12px;
    display: inline-block;
    width: 262px;
    vertical-align: top;
}

.office_address li:first-child {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.office_address li a {
    color: #053c8f;
}

.office_address li a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

.office_address li.pin:before,
.office_address li.call:before,
.office_address li.fax:before,
.office_address li.mail:before,
.office_address li.web:before {
    content: "";
    position: absolute;
    top: 0;
    width: 15px;
    height: 22px;
    left: 0;
    background-image: url(/sites/default/files/images/sprite.png);
    background-repeat: no-repeat;
}

.office_address li.pin:before {
    background-position: -2px 3px;
}

.office_address li.call:before {
    background-position: -26px 3px;
}

.office_address li.fax:before {
    background-position: -164px 3px;
}

.office_address li.mail:before {
    background-position: -50px 6px;
}

.office_address li.web:before {
    background-position: -192px 4px;
}

.column.left .office_address li::before,
.column.right .office_address li::before {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.rjil_investor_block .center h3 {
    color: #053c8f;
}

.rjil_investor_block .column {
    padding: 35px 40px 25px;
}

.financial-disc.startups {
    padding: 70px 0;
}

.financial-disc.startups p {
    font-size: 21px;
    line-height: 28px;
}

.jionext-block {
    padding-bottom: 30px;
}

.startup-box-text {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    padding: 60px 90px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.startup-box-text h2 {
    font-family: "Playfair Display";
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #ffffff;
    margin: 0;
}

.startup-box-text h2 span {
    display: block;
    font-size: 22px;
    line-height: 28px;
}

.subsidiary-main.RandD {
    padding-bottom: 50px;
}

.subsidiary-main.RandD h1.heading {
    font-size: 65px;
    margin-bottom: 20px;
}

.subsidiary-main.RandD p {
    font-size: 18px;
    line-height: 38px;
    position: relative;
}

.subsidiary-main.RandD p::after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(77, 77, 77, 0.5);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.right-cont h3 {
    font-family: "Playfair Display";
    font-weight: 400;
    font-size: 50px;
    line-height: 65px;
    letter-spacing: 0.01em;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #d2ab67;
    margin: 0;
    text-align: center;
}

.right-cont h3 span {
    display: block;
    font-size: 21px;
    line-height: 26px;
}

.partner-block .awards_item h2 {
    margin-bottom: 15px;
    font-size: 65px;
}

.partner-block .awards_item p {
    margin-bottom: 40px;
    font-size: 18px;
}

.goldenbg .whitebox_block figure {
    margin-bottom: 0;
}

.goldenbg .whitebox_block figure img {
    max-width: 100%;
    height: auto;
}

.partner-box {
    background: #ffffff;
    border-radius: 5px;
    padding: 15px 30px;
    text-align: center;
}

.partner-box h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 42px;
    letter-spacing: 0.01em;
    color: #053c8f;
    border-bottom: 1px solid #e6dddd;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.partner-box-logo>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105px;
    margin-bottom: 10px;
}

.partner-box-logo p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #000000;
    min-height: 44px;
}

.rd-project {
    background: #fdf2df;
}

.rd-project .awards_item h2 {
    color: #4d4d4d;
    text-align: left;
    margin-bottom: 0;
}

.rd-project-box {
    background: #fff;
    border-radius: 0 0 5px 5px;
    margin-top: 30px;
}

.rd-project-text {
    padding: 20px 14px;
    text-align: center;
    border-bottom: 3px solid #be9244;
    border-radius: 0 0 5px 5px;
}

.rd-project-text h3 {
    margin-bottom: 19px;
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
    color: #053c8f;
    min-height: 50px;
}

.rd-project-text .buttonBox a {
    font-size: 15px;
    padding: 10px 22px;
}

.our-efforts-block {
    background: #053c8f;
}

.our-efforts-block h4 {
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
    font-family: "JioType";
}

.rd-center {
    background: #ffffff;
    border-radius: 5px;
    padding: 40px;
}

.refining_block.textiles_block h3 {
    font-size: 30px;
    padding-right: 30px;
}

.refining_block.textiles_block h4 {
    font-size: 30px;
    font-weight: 300;
    color: #053c8f;
    font-family: "JioType";
    margin-bottom: 15px;
    border-top: 1px solid #d8d8d8;
    padding-top: 25px;
    margin-top: 25px;
}

.refining_block.textiles_block h4:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.polyester_main.products-block h1 {
    color: #fff;
    margin-bottom: 30px;
}

.polyester_block.textiles_block>p {
    font-size: 24px;
    line-height: 34px;
    color: #373f41;
}

.polyester_block.textiles_block img {
    margin-bottom: 1rem;
}

.qp-content h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 42px;
    color: #d2ab67;
    margin-bottom: 0;
}

.qp-content h3.text-blue {
    color: #053c8f;
}

.qp-content p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #373f41;
    text-align: left;
    min-height: 96px;
    padding: 0;
}

.products-block h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    text-transform: capitalize;
    color: #4d4d4d;
    position: relative;
}

.products-block h2::after {
    content: "";
    width: 50px;
    height: 4px;
    display: block;
    background: #c09448;
    border-radius: 50px;
    margin-top: 15px;
}

.qualitative .polyester_block p {
    font-size: 18px;
    line-height: 24px;
    color: #373f41;
    padding-right: 0;
}

.qualitative .polyester_block {
    padding: 35px 35px 50px;
}

.polyester_block .textiles-text>p:not(:last-child) {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
}

.refining_block.oil_gas_block h3 {
    line-height: 30px;
}

.video_tbd {
    background-color: #fff;
    z-index: 1;
}

.video_tbd p {
    font-size: 18px;
    font-weight: 300;
    color: #373f41;
    line-height: 28px;
    text-align: justify;
    padding-right: 25px;
}

.jio-video .video-js {
    height: 300px;
    width: 100%;
    border-radius: 6px;
}

.jio-video .video-js video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_tbd::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fdf2df;
    display: block;
    z-index: -1;
}

.video_tbd-box {
    max-width: 1200px;
    margin: auto;
}

.video_tbd-box-img {
    height: 630px;
    padding: 40px;
    background: #053c8f;
    border-radius: 5px;
    margin-bottom: 60px;
}

.video_tbd-box-img .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video_tbd-box-img::after {
    content: "";
    width: 639px;
    height: 596px;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background: url(/sites/default/files/images/video-logo.png) no-repeat center;
}

.video_tbd-box-text h2 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 83.1806px;
    line-height: 80px;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0;
    position: absolute;
    bottom: 40px;
}

.video_tbd-box-text h2 span {
    display: block;
    padding-left: 60px;
}

.video_tbd-box-text h3 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 63px;
    text-align: center;
    color: #ffffff;
    margin: 0;
    position: absolute;
    right: 40px;
}

.video_tbd-box>p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin: 0;
}

.greener_gas_economy {
    background: #d2ab67;
}

.greener_gas_economy .PlatfromArea {
    align-items: center;
}

.greener_gas_economy.jioPlatfrom h2 {
    margin-bottom: 20px;
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #4d4d4d;
}

.greener_gas_economy .jioPlatfromBox p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
    text-align: justify;
}

.greener_gas_economy .PlatfromContent {
    padding: 64px 40px;
}

.design-development {
    background: #fff;
    padding: 0;
}

.design-development p {
    color: #4d4d4d;
    font-weight: 300;
    font-size: 21px;
    line-height: 30px;
}

.p-tb {
    padding-top: 60px;
    padding-bottom: 60px;
}

.design-development.p-tb p {
    padding-left: 20px;
}

.design-development-para {
    color: #4d4d4d;
    font-weight: 300;
    font-size: 21px;
    line-height: 32px;
    margin: 60px 50px;
}

.design-development .PlatfromContent p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #4d4d4d;
}

.design-development .PlatfromContent p.border-para {
    font-size: 21px;
    line-height: 30px;
}

.design-development .PlatfromContent p.border-para::after {
    content: "";
    width: 50px;
    height: 4px;
    display: block;
    background: #c09448;
    border-radius: 50px;
    margin-top: 12px;
}

.design-development .PlatfromContent ul {
    display: block;
}

.design-development .programme-content ul>li {
    font-size: 18px;
    line-height: 30px;
    color: #373f41;
    display: block;
    width: 100%;
}

.design-development .programme-content ul>li:not(:last-child) {
    margin-bottom: 10px;
}

.design-development .jioPlatfromBox {
    border-radius: 0px;
}

.design-development .PlatfromContent {
    padding: 0 30px 0 50px;
}

.rubber_block.relx-block h2 {
    font-size: 55px;
    line-height: 60px;
}

.rubber_block.relx-block h2 sup {
    font-size: 15px;
    line-height: 22px;
    top: -27px;
    left: -8px;
}

.relx-block .explore-btn.ml-3 {
    margin-left: 3px;
}

.rubber_block.relx-block p {
    text-align: justify;
    line-height: 28px;
}

.phoneCall {
    background: url(/sites/default/files/images/phone_call-icon.png) 0 7px no-repeat;
    padding: 4px 0 2px 18px;
    color: #053c8f;
}

.sapceBoth {
    font-size: 24px;
    font-weight: 400;
    margin: 0 5px;
    position: relative;
    top: 3px;
}

.tabSection {
    background: #fdf2df;
    padding: 40px;
}

.tabbing {
    display: flex;
    flex-direction: column;
}

.tabbing .topTabList,
.bottomTabList,
.reonTabList {
    margin-bottom: 6px;
}

.tabbing .topTab {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.tabbing .tabBox,
.tabbing .commanTabBox,
.tabbing .bottomtabBox,
.reontabBox {
    display: none;
}

.tabBox.active,
.bottomtabBox.active,
.reontabBox.active {
    display: block;
}

.tabbing .topTab li {
    position: relative;
    margin-right: 9px;
}

.tabbing .topTab li a {
    color: #a6a4a4;
    font-weight: 500;
    padding: 16px 22px;
    background: #fff;
    border-radius: 4px 4px 0px 0px;
    display: block;
    white-space: nowrap;
}

.tabbing .topTab li.active a {
    background: #d2ab67;
    color: #fff;
}

.tabbing .topTab li.active:after {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    background: #d2ab67;
}

.commanTabList {
    display: grid;
    background: #fff;
    margin-bottom: 2px;
    grid-template-columns: repeat(7, 1fr);
}

#MSDSandShelfLife4 ul.commanTabList {
    grid-template-columns: repeat(2, 1fr);
}

#SummaryGradeSheet5 ul.commanTabList,
#SummaryGradeSheet34 ul.commanTabList,
#SummaryGradeSheet22 ul.commanTabList {
    grid-template-columns: repeat(2, 1fr);
}

#MSDSAndShelfLife ul.commanTabList {
    grid-template-columns: repeat(4, 1fr);
}

.commanTabBox .custom-table {
    margin-bottom: 15px;
}

.commanTabList li {}

.commanTabList li a {
    padding: 16px 33px;
    display: block;
    font-size: 16px;
    color: #373f41;
}

.commanTabList li a:hover {
    color: #be9244;
}

.polymerOffice h3 {
    font-family: "JioType";
    font-size: 21px;
    color: #d2ab67;
    line-height: 24px;
    margin-bottom: 15px;
}

.polymerOffice h6 {
    font-family: "JioType";
    color: #053c8f;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 10px;
}

.polymerOffice p.location {
    background: url(/sites/default/files/images/carbon_location.png) no-repeat;
    padding-left: 24px;
    background-position: 0 3px;
}

.polymerOffice p.location span {
    display: block;
}

.polymerOffice .polymerAddress {
    margin-top: 12px;
}

.polymerOffice .polymerAddress h4 {
    font-family: "JioType";
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.polymerOffice p {
    font-size: 18px;
    margin-bottom: 10px;
}

.polymerOffice p a {
    color: #053c8f !important;
    text-decoration: none !important;
    margin-right: 8px;
}

.colSpace {
    margin-bottom: 50px;
}

.bothAddress {
    display: flex;
    justify-content: space-between;
}

.purified_block .row {
    justify-content: center;
    align-items: center;
}

.purified_block .flexImg {
    display: flex;
    justify-content: center;
}

.purified_block .flexImg img {
    max-width: 100%;
}

.polyester_block.padd0 {
    padding: 0;
    margin-bottom: 0;
}

.DatasheetsSec {
    background: #053c8f;
    padding: 90px 0;
}

.DatasheetsSec .dataFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.DatasheetsSec h2 {
    font-size: 45px;
    color: #fff;
    line-height: 55px;
}

.DatasheetsSec h2 span {
    display: block;
}

.DatasheetsSec .viewBtn {
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
    padding: 10px 60px 10px 25px;
    border-radius: 30px;
    background: url(/sites/default/files/images/white-arrow.png) no-repeat;
    background-position: 74% center;
    display: inline-block;
}

.DatasheetsSec .viewBtn:hover {
    border-color: #d2ab67;
    background: #d2ab67 url(/sites/default/files/images/white-arrow.png) no-repeat;
    background-position: 74% center;
}

section.subsidiary-main.fr h1 .vertical-top {
    vertical-align: bottom;
    display: inline-block;
    margin-right: 10px;
}

.investor-rel .icontacts-info {
    background-color: transparent;
    padding: 0;
}

.investor-rel .kirana_holder .infoBox h4 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 45px;
    margin-bottom: 20px;
}

.investor-rel .kirana_holder .infoBox h5 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 20px;
}

.investor-rel .icontacts-info h3 {
    margin-bottom: 15px;
}

.investor-rel .infoBox li {
    background: transparent;
    display: block;
}

.investor-rel .blue-box-text p.formerly {
    margin-bottom: 20px;
}

.text-blue {
    color: #053c8f !important;
}

.investor-rel .kirana_holder .bgcolor2 {
    background: #fdf2df;
}

.investor-rel .kirana_holder .infoBox.bgcolor2 li,
.icontacts-info.bg-cream li::before {
    filter: none;
    -webkit-filter: none;
}

.reg-office {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
}

.investor-rel {
    padding: 10px 0;
}

.newsletter-wrapper {
    background-color: #d2ab67;
    height: auto;
    padding: 100px 0;
}

.newsletter-wrapper .search-box {
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}

.newsletter-wrapper .search-box .form-control {
    flex: 0 0 calc(100% - 155px);
    max-width: calc(100% - 155px);
    height: 57px;
}

.newsletter-wrapper .search-box .buttonBox {
    max-width: 141px;
    flex: 0 0 141px;
    white-space: nowrap;
}

.newsletter-wrapper .search-box .buttonBox>a {
    font-size: 18px;
    padding: 12px 35px;
}

.newsletter-wrapper h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 54px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 25px;
}

.investor-rel .kirana_holder .rightSide img {
    border-radius: 0px;
}

.investor-rel .kirana_holder .infoBox {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.sustainable-block {
    background: linear-gradient(180deg, #f9fced 0%, #fdf2df 100%);
    padding: 60px 0;
}

.sustainable-block h2 {
    font-size: 65px;
    color: #373f41;
    margin-bottom: 20px;
}

.sustainable-block .sus-subtitle {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 38px;
    color: #053c8f;
    margin-bottom: 0;
}

.sustainable-block .profile__block {
    background: #ffffff;
    box-shadow: 0px 13px 16px rgba(164, 162, 162, 0.25);
    border-radius: 4px;
}

.sustainable-block .quote-block p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    color: #373f41;
}

.sustainable-block .quote_1,
.sustainable-block .quote_2 {
    filter: none;
    -webkit-filter: none;
    background-size: 39px 24px;
    width: 39px;
    height: 24px;
}

.sustainable-block .profile__block h3 {
    font-size: 90px;
    color: #4d4d4d;
}

.sustainable-block .profile__block h5 {
    font-size: 26px;
    letter-spacing: 0.01em;
    color: #373f41;
}

.sustainable-block .quote-block {
    max-width: 372px;
    width: 100%;
}

.sustainable-block .profile__bio {
    padding: 50px 40px 50px 70px;
    flex: 0 0 50%;
}

.sustainable-block .profile__pic {
    flex: 0 0 48%;
}

.sustainable-block .profile__block:before {
    width: 578px;
    height: 545px;
    right: 30px;
    top: 30px;
    background-image: url(/sites/default/files/images/sus-logo.png);
}

.leaf {
    position: absolute;
    top: 0;
    left: 0;
}

.leaf-1 {
    top: 10%;
}

.leaf-2 {
    top: 9%;
    left: auto;
    right: -20px;
}

.leaf-3 {
    top: auto;
    bottom: 5%;
    left: -40px;
}

.leaf-4 {
    top: auto;
    bottom: -70px;
    left: auto;
    right: -10px;
}

.sus-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sustainble-bg {
    max-width: 700px;
    width: 100%;
    background: #053c8f;
    box-shadow: 5px 5px 4px rgba(114, 114, 114, 0.25);
    padding: 35px 30px;
}

.sust_background {
    background-image: url(/sites/default/files/images/solar-plant.jpg);
    background-repeat: no-repeat;
    height: 680px;
    background-position: center;
    background-size: cover;
}

.sust_background:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(209, 209, 209, 0.25), rgba(209, 209, 209, 0.25));
}

.sustainble-bg p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #ffffff;
}

.sust-wrapper {
    background-color: #fdf2df;
    padding: 70px 0;
}

.sust-box {
    border-radius: 0px 0px 4px 4px;
}

.sust-brown-box {
    background: #d2ab67;
}

.sust-blue-box {
    background: #053c8f;
}

.sust-box-text {
    padding: 15px;
}

.sust-box-text h2 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 29px;
    line-height: 44px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin-bottom: 8px;
}

.sust-box-text p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin: 0;
    min-height: 96px;
}

.sust-box-text .buttonBox a,
.sust-box-text .custom_wrap a {
    padding: 9px 23px;
    font-size: 14px;
}

.alert-block .privacy-policy p b {
    font-weight: 500;
}

.alert-block .privacy-policy h5 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #373f41;
    margin-bottom: 1rem;
}

.commanTabList li.active a {
    color: #053c8f;
    font-weight: 500;
}

.renewable_content h4 sup {
    font-weight: 300;
    font-size: 25px;
    line-height: 31px;
    bottom: 0;
    top: auto;
    left: -10px;
}

.verticla-middle {
    vertical-align: 0px;
    margin-right: -10px;
}

.covid19_block_text h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0.01em;
    color: #053c8f;
}

.covid19_block_text h3 sup {
    font-size: 21px;
    line-height: 24px;
    top: auto;
    left: -10px;
}

.covid19_block_text p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin: 0;
}

.careerPlus .asterisk2 {
    right: auto;
    left: 20px;
}

.covid19_block_text {
    padding-left: 20px;
}

.renewable_content p span {
    margin-bottom: 20px;
    display: inline-block;
    line-height: 0;
}

.planet_count .careerPlus .box p span {
    margin-bottom: 5px;
}

.our-efforts-block .highlights_text li {
    background: transparent;
    padding-left: 0;
}

.goldenbg {
    background-color: #d2ab67;
}

h2.sec-title {
    font-size: 65px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 40px;
}

figure.kurukshetra-logo img {
    border: 2px solid #eee;
    border-radius: 6px;
}

.ptb-50 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pad-around {
    padding: 30px 50px 0;
}

.whitebox_block {
    background-color: #fff;
}

.whitebox_block h4 {
    font-weight: 300;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
}

.whitebox_block p {
    font-size: 18px;
    color: #373f41;
}

.pad-lr {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 15px;
}

.bluebox_block {
    background: #053c8f;
    border-radius: 5px;
    padding: 40px;
}

.pad-lrb {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 40px;
}

.pb-6 {
    padding-bottom: 60px;
}

.goldenbg .whitebox_block.pad-lr {
    padding-top: 30px;
}

.aboutGenNext.block-innovator>div {
    flex: 0 0 100%;
    max-width: 100%;
}

.block-innovator .bg-cs-blue {
    background: #d2ab67;
}

.block-innovator .aboutGenNext-img {
    padding-top: 30px;
    display: flex;
    justify-content: flex-end;
}

.block-innovator .aboutGenNext-content {
    top: 0px;
    left: 20px;
    right: auto;
    width: 51%;
    color: #fff;
    padding: 50px 30px;
    justify-content: flex-end;
    align-items: center;
}

.block-innovator .aboutGenNext-content h2 {
    padding-left: 50px;
    font-size: 90px;
    line-height: 94px;
    color: #fff;
    margin: 0;
}

.block-innovator .aboutGenNext-content h5 {
    padding-left: 60px;
}

.block-innovator .aboutGenNext-content h2 span {
    padding-left: 70px;
}

.block-innovator .quote_1,
.block-innovator .quote_2 {
    width: 35px;
    height: 22px;
}

.block-innovator .aboutGenNext-profile::before {
    top: 9%;
    left: 0;
    width: 583px;
    height: 582px;
    filter: none;
    background: url("/sites/default/files/images/dr-raghunath-mashelkar-bg.png") 0% 0% / cover no-repeat;
    display: none
}

.ril-innovation {
    background: #053c8f;
    padding: 90px 0;
}

section.subsidiary-main.ril-innovation h1 {
    max-width: 100%;
}

.innovation-Prog {
    background: #d2ab67;
}

.innovation-Prog .recron_block {
    padding: 0;
    margin: 0;
}

.innovation-Prog .recron_block figure img {
    border: none;
    border-radius: 6px 6px 0px 0px;
}

.innovation-Prog .recron_block_content {
    padding: 30px 15px;
}

.innovation-Prog .recron_block_content p {
    min-height: 226px;
    color: #373f41;
    margin: 0;
}

.innovation-Prog .recron_block_content p a {
    font-family: "JioType";
    font-weight: 300;
    font-size: 14px;
    text-decoration-line: underline;
    text-transform: lowercase;
    color: #373f41;
}

.innovation-Prog .innovation-Prog-2 .recron_block {
    padding: 40px;
}

.ideas {
    background: #053c8f;
    border-radius: 5px;
    padding: 40px;
    margin-top: 40px;
}

.ideas-box.br-none::after {
    content: "";
    width: 1px;
    height: 50px;
    background: #cacaca;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
}

.ideas-box h3 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
}

.ideas-box p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    margin: 0;
}

.mission-kurushetra {
    background: #fdf2df;
    border-radius: 4px;
    padding: 20px 17px;
    margin-top: 25px;
}

.mission-kurushetra p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    color: #373f41;
    margin: 0 0 10px;
    padding-top: 10px;
}

.mission-kurushetra h3 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    color: #4d4d4d;
    margin: 0;
}

.mission-kurushetra .quote_1,
.mission-kurushetra .quote_2 {
    width: 23px;
    height: 14px;
    background-size: cover;
    opacity: 0.7;
    position: relative;
}

.mission-kurushetra .quote_1 {
    margin-left: 0;
    margin-right: 5px;
    top: -3px;
}

.mission-kurushetra .quote_2 {
    margin-left: 5px;
    bottom: -3px;
}

figure.h-220 {
    height: 218px;
}

.mb-5cs {
    margin-bottom: 35px;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.gc-innovation {
    background: #053c8f;
}

.gc-innovation .PlatfromContent h2 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #4d4d4d;
    margin-bottom: 15px;
}

.gc-innovation .PlatfromContent p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #373f41;
}

.gc-innovation .PlatfromContent p:last-child {
    margin-bottom: 0;
}

.gc-innovation .PlatfromContent {
    padding: 20px 50px;
}

.zero_net {
    background: url(/sites/default/files/images/zero-net-bg.jpg) no-repeat center;
    background-size: cover;
}

.zero_net .polyester_block h3 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    color: #053c8f;
    margin: 10px 0 20px;
}

.zero_net .polyester_block p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
    padding-right: 0;
}

.zero_net .polyester_block h4 {
    font-family: "JioType";
    font-weight: 300;
    font-size: 21px;
    color: #053c8f;
    margin-bottom: 1rem;
    text-align: left;
}

.zero_net .polyester_block {
    padding: 45px 45px 25px 45px;
}

.f-right {
    float: right;
}

.f-right img {
    margin-left: 35px;
}

.zero_net .leaf-1 {
    width: 39px;
    left: 3%;
}

.zero_net .leaf-2 {
    right: 3%;
    width: 73px;
}

.zero_net .leaf-3 {
    left: 40px;
    width: 76px;
}

.zero_net .leaf-4 {
    bottom: 10%;
    right: 5%;
    width: 40px;
}

.leading-india {
    background-color: #fdf2df;
}

.leading-india .rural_carousel {
    margin-bottom: 30px;
}

.leading-india .more-btn {
    background-color: transparent;
    border: 1px solid #2c2c2c;
    color: #2c2c2c;
    margin-top: 0;
}

.leading-india .more-btn::before {
    filter: brightness(0) invert(0);
}

.leading-india .more-btn:hover {
    background: #d2ab67;
    border: 1px solid #d2ab67;
    color: #fff;
}

.leading-india .more-btn:hover::before {
    filter: brightness(0) invert(1);
}

.leading-india p {
    font-weight: 300;
    font-size: 18px;
    color: #373f41;
}

.leading-india h2 {
    font-family: "Playfair Display";
    font-weight: 400;
    font-size: 65px;
    color: #4d4d4d;
}

.leading-india .rural_holder {
    background-color: #fff;
}

.leading-india .rural_holder {
    width: 100%;
    max-width: 1080px;
    margin: auto;
}

.leading-india .rural_holder figure {
    width: 44%;
}

.leading-india .rural_content {
    width: 56%;
    padding: 20px 40px;
}

.leading-india .rural_carousel .slick-prev {
    left: 82px;
}

.leading-india .rural_carousel .slick-next {
    right: 82px;
}

.leading-india .rural_carousel .slick-prev,
.leading-india .rural_carousel .slick-next {
    background: #be9244 url(/sites/default/files/images/arrow-right.png) no-repeat center;
}

.leading-india .rural_carousel .slick-prev:hover,
.leading-india .rural_carousel .slick-next:hover {
    background-color: #053c8f;
    border: 1px solid #053c8f;
}

.leading-india .rural_carousel .slick-prev {
    transform: rotate(180deg);
}

.leading-india .rural_carousel .slick-prev.slick-disabled,
.leading-india .rural_carousel .slick-next.slick-disabled {
    background: #fdf2df url(/sites/default/files/images/arrow-left.png) no-repeat center;
    transform: rotate(0deg);
    cursor: text;
}

.leading-india .rural_carousel .slick-prev.slick-disabled:hover,
.leading-india .rural_carousel .slick-next.slick-disabled:hover {
    border: 1px solid #fdf2df;
}

.leading-india .rural_carousel .slick-next.slick-disabled {
    transform: rotate(180deg);
}

.leading-india .rural_content h5 {
    margin-bottom: 20px;
    font-weight: 300;
    color: #053c8f;
}

.leading-india .rural_content p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin-bottom: 1rem;
}

.leading-india .blue-box {
    border-radius: 0px;
}

.leading-india .rural_content .blue-box p {
    margin-bottom: 0px;
}

.decarbonisation {
    background: #F9FCED;
}

.decarbonisation .polyester_block {
    background: transparent;
    padding: 0px 90px;
}

.decarbonisation .polyester_block h3 {
    font-size: 30px;
    margin-bottom: 45px;
    text-transform: none;
}

.decarbonisation .alert_list li {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
    padding-left: 15px;
    background: none;
}

.decarbonisation .leaf-1 {
    width: 59px;
    left: 2%;
    top: 20%;
}

.decarbonisation .leaf-2 {
    right: -3%;
    width: 165px;
}

.decarbonisation .leaf-3 {
    left: 0;
    width: 92px;
    bottom: -60px;
}

.decarbonisation .leaf-4 {
    bottom: -45px;
    right: 0;
    width: 60px;
}

.decarbonisation-2 {
    background: #d2ab67;
}

.decarbonisation-2 .rural_holder figure,
.decarbonisation-2 .rural_content {
    width: 50%;
}

.decarbonisation-2 .rural_holder {
    max-width: 100%;
}

.decarbonisation-2 .rural_content h5 {
    margin-bottom: 20px;
    font-family: "JioType";
    font-weight: 500;
    font-size: 45px;
    line-height: 50px;
    color: #4d4d4d;
}

.decarbonisation-2 .rural_content p {
    margin-bottom: 20px;
}

.green-enery {
    background: #053c8f;
}

.head-text {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.head-text h4 {
    font-weight: 400;
    font-size: 30px;
    color: #be9244;
}

.head-text .number-count {
    margin-bottom: 0.5rem;
}

.green-enery-title h2 {
    font-size: 56px;
    line-height: 62px;
    margin-bottom: 30px;
}

.green-enery-title p {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    color: #ffffff;
}

.number-count {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 65px;
    letter-spacing: 0.01em;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #be9244;
    margin-bottom: 1rem;
}

.number-count span {
    font-size: 21px;
    line-height: 26px;
}

.green-enery .rural_holder {
    padding: 50px;
}

.green-enery .rural_holder figure {
    width: 45%;
}

.green-enery .rural_content {
    width: 55%;
    padding: 0 30px 0 0;
}

.green-enery .rural_content p .buttonBox a {
    padding: 6px 18px;
    font-size: 14px;
    margin-left: 3px;
}

.zero_net .alert_list.pl-3 {
    padding-left: 15px;
}

.rilf__founder .row {
    align-items: end;
}

.rf-partnership {
    background: #fdf2df;
}

.ril-foundation .number-count span {
    display: inline-block;
    margin-left: 5px;
}

.ril-foundation .number-count small {
    font-size: 50px;
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: 5px;
}

.rf-partnership .awards_item h2 {
    font-size: 65px;
    color: #373f41;
}

.rf-partnership .awards_item p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin-bottom: 0px;
}

.rf-partnership .rd-project-text {
    border-bottom: none;
    padding: 20px 20px;
}

.rf-partnership .rd-project-text p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #373f41;
    margin: 0;
    min-height: 119px;
}

.pd-90 {
    padding: 0 120px;
}

.ril-foundation .partnerships-block {
    border-radius: 0px 4px 4px 0px;
}

.ril-foundation .mid-container img {
    border-radius: 4px 0 0 4px;
}

.ril-foundation .mid-container {
    grid-gap: 0px;
    border: none;
}

.rural-transform .foundation-block h2 {
    font-size: 45px;
}

.rural-transform .foundation-block p {
    font-size: 18px;
    line-height: 24px;
}

.blue-strip-br .blue-strip h3 {
    font-size: 50px;
    font-feature-settings: "pnum" on, "lnum" on;
}

.blue-strip-br .blue-strip p {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 5px;
}

.blue-strip-br .blue-strip>div {
    position: relative;
}

.blue-strip-br .blue-strip>div:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 50px;
    background: #cacaca;
    position: absolute;
    top: 50%;
    right: -65px;
    margin-top: -25px;
}

.blue-strip-br .blue-strip.mid-divider>div:not(:last-child)::after {
    right: -128%;
}

.slider-new .rural_carousel .slick-prev,
.slider-new .rural_carousel .slick-next {
    background: #be9244 url(/sites/default/files/images/arrow-right.png) no-repeat center;
}

.slider-new .rural_carousel .slick-prev:hover,
.slider-new .rural_carousel .slick-next:hover {
    background-color: #053c8f;
    border: 1px solid #053c8f;
}

.slider-new .rural_carousel .slick-prev {
    transform: rotate(180deg);
}

.slider-new .rural_carousel .slick-prev.slick-disabled,
.slider-new .rural_carousel .slick-next.slick-disabled {
    border: 1px solid #373f41;
    background: #fdf2df url(/sites/default/files/images/arrow-left.png) no-repeat center;
    transform: rotate(0deg);
    cursor: text;
}

.slider-new .rural_carousel .slick-prev.slick-disabled:hover,
.slider-new .rural_carousel .slick-next.slick-disabled :hover {
    border: 1px solid #373f41;
}

.slider-new .rural_carousel .slick-next.slick-disabled {
    transform: rotate(180deg);
}

.ct .foundation-text p,
.ct .first-para {
    font-size: 18px;
    line-height: 24px;
}

.pink-box {
    background: #fdf2df;
    border-radius: 4px;
    padding: 30px;
}

.pink-box-text p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #373f41;
    margin: 0;
}

.art-culture .culture_block h2 {
    font-size: 45px;
}

.art-culture .culture_block p {
    font-size: 18px;
    line-height: 24px;
}

.buttonBox-m a {
    padding: 8px 18px;
}

.rnd_project2 .modal-dialog {
    max-width: 1000px;
}

.rnd_project2 .modal-body .rnd_image {
    width: auto;
}

.rnd_project2.right .modal-body .rnd_image {
    margin-right: 0;
    margin-left: 23px;
}

.rnd_project2 .modal-body .float-left {
    float: left;
    margin: 0 20px 4px 0px;
}

.rnd_project2.right .modal-body .float-left {
    float: right;
    margin: 0 0 4px 20px;
}

.rnd_project2 .modal-body .rnd_text {
    width: 100%;
}

.rnd_project2 .modal-body p {
    line-height: 24px;
}

.foundation-block h4.fontjio2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 10px;
}

.h-block p {
    font-family: "JioType";
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #373f41;
}

.ril-2 .foundation-text p {
    font-size: 18px;
    line-height: 26px;
    color: #373f41;
}

.ril-2 .block-1 {
    height: 354px;
    margin-top: 54px;
}

.ril-2 .block-3 {
    height: 342px;
}

.search-wrapper.report-wise .row.mb-4.pb-4 {
    padding-bottom: 0 !important;
}

.bottom-30 {
    bottom: 30px !important;
}

.border-gold::after {
    background: #d2ab67 !important;
    border-radius: 30px;
}

.kirana-block {
    position: relative;
}

.kirana-block::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    background: url(/sites/default/files/images/ril-logo-icon.png) no-repeat;
    width: 100px;
    height: 100px;
    z-index: 9;
    transform: translate(-50%, -50%);
}

.kirana-block .infoBox {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 70px;
}

.kirana-block .infoBox h4 {
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 35px;
}

.kirana-block .infoBox ul>li {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 15px;
}

.kirana-block .infoBox ul>li:last-child {
    margin-bottom: 0;
}

.kirana-block .infoBox.bgcolor1 {
    background: #053e8f;
    border-radius: 0px 4px 4px 0px;
}

.kirana-block .infoBox.bgcolor2 {
    background: #d2ab67;
    border-radius: 4px 0px 0px 4px;
}

.kirana-block .infoBox.bgcolor2 ul>li {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.kirana-block .infoBox {
    padding: 0 10px 0 60px;
}

.subsidiary-main.RandD p {
    line-height: 28px;
}

.careerPlus {
    padding: 60px 0;
    position: relative;
}

.esterisk {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: 15px;
    right: 30px;
}

.right-cont h3 small {
    display: block;
    font-size: 18px;
    line-height: 1;
}

.ob-para {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    color: #ffffff;
    padding: 0 20px;
    margin-bottom: 35px;
}

.text-justify {
    text-align: justify;
}

.text-justify2 {
    text-align: justify !important;
}

.stock-qoute.relpet_block h5 {
    font-size: 35px;
    margin: 0;
}

.six-column .table-row>div {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}

.stock-qoute .recron_block {
    padding: 50px;
}

.last-update {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    color: #4d4d4d;
    text-align: left;
    display: inline-block;
}

.stockChart2 {
    background: #fff;
}

.stockChart2 h2 {
    font-size: 65px;
    color: #4d4d4d;
}

.stockChart2 .selectYear .form-check-input[type="radio"]:checked:after {
    border-color: #373f41;
    background-color: #373f41;
}

.stockChart2 .stockTab.ui-tabs .ui-tabs-nav li a {
    border-top: 1px solid #d3d3d3;
    border-bottom: none;
    color: #a6a4a4;
}

.stockChart2 .selectYear {
    margin-top: 10px;
}

.stockChart2 .selectYear label {
    color: #a6a4a4;
}

.stockChart2 .buttonBox a {
    border: 1px solid #343230;
    font-size: 18px;
    color: #343230;
    padding: 12px 35px;
}

.stock-qoute .lookUp form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -10px;
}

.stock-qoute .lookUp form>div {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
    padding: 0 10px;
}

.stock-qoute .lookUp form>div h6 {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #373f41;
    margin: 0;
}

.stock-qoute .lookUp form>div select,
.stock-qoute .lookUp form>div .form-control {
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    height: 50px;
    width: 100%;
    padding: 0 15px;
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    color: #5f5656;
    appearance: none;
    position: relative;
}

.stock-qoute .lookUp form>div.sel {
    position: relative;
}

.stock-qoute .lookUp form>div.sel::after {
    content: "";
    width: 8px;
    height: 4px;
    background: url(/sites/default/files/images/select-arrow.png) no-repeat center;
    background-size: cover;
    display: block;
    position: absolute;
    top: 23px;
    right: 30px;
}

.stock-qoute button {
    border: 1.416px solid #373f41;
    border-radius: 64.9px;
    padding: 12px 46px;
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 18.5705px;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-transform: lowercase;
    color: #373f41;
    background-color: #fdf2df;
}

.heading-t .stockSecTitle {
    font-size: 65px;
    margin-bottom: 40px;
    color: #4d4d4d;
}

.investmentCalculator2 .investmentCalculatorBg {
    background: #fff;
    border-radius: 4px;
    padding: 80px 60px;
}

.stock-qoute .lookUp form>div.radio-btn {
    font-family: "JioType";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #373f41;
}

.stock-qoute .lookUp form>div.radio-btn {
    max-width: 25%;
    flex: 0 0 25%;
}

.investmentCalculator2.stock-qoute button {
    background-color: #fff;
}

.seven-column .table-row>div {
    flex: 0 0 14.28%;
    max-width: 14.28%;
}

.custom-table.seven-column .table-row .table-column>a {
    font-size: 16px;
    padding: 10px 20px;
}

.custom-table.seven-column .table-row.table-header .table-column {
    padding: 14px 20px;
    font-size: 13px;
    text-align: left;
}

.table-3 .fontjio {
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 36px;
    text-transform: capitalize;
    color: #053c8f;
    margin: 0;
    text-align: left;
}

.seven-column.three-column .table-row>div {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.investmentCalculator2:after {
    position: absolute;
    content: "";
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    right: 0;
    width: 830px;
    height: 804px;
    background: url(/sites/default/files/images/speech-bg.png) no-repeat center right;
    z-index: 1;
    background-size: cover;
}

.greener_gas_economy .PlatfromArea:not(.bottomSide) {
    background: #fdf2df;
}

.digitalJioCommittedVideo.rm .help i {
    right: -2px;
    top: -5px;
}

.strength_block2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-column-gap: 0;
}

.strength_block2>div {
    flex: 0 0 30%;
    max-width: 30%;
    margin-top: 45px;
}

.strength_block2 .datacol p {
    font-size: 18px;
}

.strength_block2 .datacol .d-inline-cs {
    display: inline-block;
    margin-left: 5px;
    font-size: 21px;
}

.strength_block2 .datacol.no-bor::after {
    content: none;
}

.rilHvrEft .boardMemeberBox .box .boxContent p {
    position: relative;
}

.rilHvrEft .boardMemeberBox .box .boxContent p:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 50px;
    height: 1px;
    background: #be9244;
    content: "";
    transform: translate(-50%, 0);
}

.rilHvrEft .boardMemeberBox .box .boxContent span:after {
    content: none;
}

.rilHvrEft .boardMemeberBox .box .boxContent {
    overflow: hidden;
    height: 70px;
    padding-top: 10px;
    transition: all 0.3s;
    border-radius: 4px;
}

.rilHvrEft .boardMemeberBox .box:hover .boxContent {
    height: 100px;
}

.rilHvrEft .boardMemeberBox .box .boxContent span {
    position: relative;
    top: 100px;
    transition: all 0.3s;
}

.rilHvrEft .boardMemeberBox .box:hover span {
    top: 0;
}

#block-reliance-local-tasks.block-local-tasks-block {
    max-width: 560px;
    width: 100%;
    margin: 40px auto 20px;
    padding: 0;
}

#block-reliance-local-tasks.block-local-tasks-block ul {
    display: flex;
}

#block-reliance-local-tasks.block-local-tasks-block li {
    margin-left: 25px;
}

#block-reliance-local-tasks.block-local-tasks-block li:first-child {
    margin-left: 0;
}

#block-reliance-local-tasks.block-local-tasks-block li a {
    display: inline-block;
    border: 1px solid #5f5656;
    border-radius: 0.25rem;
    padding: 7px 14px;
    color: #333;
}

#block-reliance-local-tasks.block-local-tasks-block li a.is-active {
    background: #be9244;
    color: #fff;
    border: 1px solid #fff;
}

.user-login-form,
.user-pass,
.user-register-form {
    max-width: 560px;
    padding: 10px 25px;
    width: 100%;
    color: #333;
    overflow: hidden;
    border: 1px solid #d2ab67;
    background: #fdf2df;
    font-family: "JioType";
    margin: 0 auto 40px;
}

.user-login-form input,
.user-pass input,
.user-register-form input {
    width: 100%;
    padding: 6px 12px;
    display: inline-block;
    margin-bottom: 5px;
}

.user-register-form input.form-checkbox {
    width: auto;
}

.user-login-form .form-submit,
.user-pass .form-submit,
.user-register-form .form-submit {
    max-width: 120px;
    background: #be9244;
    color: #fff;
    font-family: "JioType";
    border: 1px solid #d2ab67;
    border-radius: 0.25rem;
    padding: 0.4rem 0.75rem;
    font-weight: 400;
}

.user-register-form .form-submit {
    max-width: 180px;
}

.user-login-form label,
.user-pass label,
.user-register-form label {
    margin-bottom: 5px;
}

.user-login-form .form-item,
.user-login-form .form-actions,
.user-register-form .form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}

.subsidiary-content .apply_btn {
    white-space: nowrap;
}

.sustainable-block .quote_1 {
    background-image: url(/sites/default/files/images/quote-left.png);
}

.sustainable-block .quote_2 {
    background-image: url(/sites/default/files/images/quote-right.png);
    right: -8px;
}

.grievance-block>div>p {
    font-size: 18px;
    margin-bottom: 40px;
}

.diversity-text {
    margin-bottom: 40px;
}

@media (min-width:1200px) {
    .navbar-expand-lg .navbar-nav .nav-link.active::before {
        right: 0%;
    }
    .inner-header.board-header .navbar-light .navbar-nav .nav-link:focus,
    .inner-header.board-header .navbar-light .navbar-nav .nav-link:hover {
        color: #000 !important;
        text-decoration: none;
    }
    .quote {
        margin: 0 28px;
    }
}

@media (min-width:1281px) {
    .year1966.year1980,
    .year2005#yr2002-05 {
        background: none !important;
        padding-bottom: 65px;
    }
    .year2009Bg {
        background: none !important;
    }
}

@media (min-width:1366px) {
    .container {
        max-width: 1320px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:1680px) {
    .historyBottomSide {
        margin-top: 235px;
    }
    .year2014 .historyBottomSide {
        margin-top: 320px;
    }
    #yr2020 .yaerRightSideImg {
        width: 100%;
    }
    #yr2004.year2004 {
        padding-bottom: 90px;
    }
    .year2006 .yearLeftSide {
        margin-bottom: 40px;
    }
    .year2009Bg {
        padding: 0 0 140px 0;
    }
    .year2004#yr2010 {
        padding-bottom: 180px;
    }
    .year2016-bg {
        padding-bottom: 140px;
    }
    .againstDetail ul li {
        font-size: 18px;
        line-height: 24px;
    }
    .againstDetail ul {
        padding: 30px 34px 10px;
    }
    #yr2020-21 .year2009.bothYear h4 {
        font-size: 50px;
        line-height: normal;
        padding: 0;
        margin: 0;
    }
    .factory {
        margin-top: 35px;
    }
    #yr2006.year2004 {
        padding-bottom: 210px;
    }
    .againstDetail {
        width: 900px;
        max-width: 100%;
    }
    #yr2004 .yearLeftSide {
        margin-bottom: 0;
    }
}

@media (max-width:1400px) {
    .historyYear {
        font-size: 120px;
        line-height: 14px;
        color: #d2ab67;
        display: block;
        text-align: center;
        position: relative;
        margin-bottom: 80px;
    }
    .journey2020 .detail ul {
        margin: 0 12px;
        padding: 15px 15px 10px;
    }
    .journey2020 .detail ul li {
        margin-bottom: 4px;
        padding-bottom: 0;
    }
    .journey2020 .detail ul li h6 {
        font-size: 18px;
        margin: 0;
    }
    .journey2020 .detail ul li p {
        font-size: 20px;
        line-height: 27px;
    }
    #yr2010 .historyTwoSide video {
        width: 50%;
    }
    .yearLeftSide {
        padding-top: 45px;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 58px;
    }
    .journey2020 .flexSide {
        padding: 0 150px;
    }
    .digitalJioCommittedBox.bottomSlide .columanBox:after {
        right: 0px;
    }
    .global-energy .slick-next {
        right: 55px;
    }
    .global-energy .slick-prev {
        left: 55px;
    }
    .tabfixed {
        position: fixed;
        top: 56%;
        transform: translate(0, -50%);
    }
    .historyButton li {
        font-size: 13px;
        line-height: 14px;
        margin-bottom: 1px;
    }
    .historyButton li a:after {
        width: 8px;
        height: 20px;
        top: 6px;
        background-size: contain;
    }
    .historyButton li a {
        padding: 10px 10px 10px 24px;
    }
    .Rilyr1957 li.Rilyear1957 a:after,
    .Rilyr1977 li.Rilyear1977 a:after,
    .Rilyr1980 li.Rilyear1980 a:after,
    .Rilyr2000 li.Rilyear2000 a:after,
    .Rilyr2002 li.Rilyear2002 a:after,
    .Rilyr2004 li.Rilyear2004 a:after,
    .Rilyr2006 li.Rilyear2006 a:after,
    .Rilyr2009 li.Rilyear2009 a:after,
    .Rilyr2010 li.Rilyear2010 a:after,
    .Rilyr2016 li.Rilyear2016 a:after,
    .Rilyr2020 li.Rilyear2020 a:after,
    .Rilyr2020-21 li.Rilyear2020-21 a:after,
    .Rilyr2021 li.Rilyear2021 a:after,
    .Rilyr2023 li.Rilyear2023 a:after {
        background-size: contain !important;
    }
    .historyButton li a:hover:after,
    .historyButton li.active a:after {
        background-size: contain !important;
    }
    .investor-page.historyPage h1 {
        font-size: 75px;
        line-height: 86px;
    }
}

@media (min-width:1441px) {
    .tv-block.space-mb {
        margin-bottom: 20px;
    }
}

@media (max-width:1440px) {
    .video-slider video {
        object-fit: cover;
        height: 700px;
    }
    .shareholdersBox .content {
        padding: 50px 60px 30px 50px;
    }
    .yoytext .tv-block {
        width: 98%;
    }
    .tv-block.space-mb {
        margin-bottom: 10px;
    }
    .ch_column h5 {
        font-size: 44px;
    }
    .ch_column h6 {
        font-size: 20px;
    }
    .highlights_text {
        width: 88%;
    }
    .highlights_text h4 {
        margin-bottom: 25px;
    }
    .highlights_text li {
        margin-bottom: 15px;
    }
    .jio-banner,
    .video-banner {
        height: 600px;
    }
    .video-wrapper2 {
        bottom: 20px;
    }
    .aboutGenNext-content h5 span {
        display: block;
    }
}

@media only screen and (min-width:1366px) and (max-width:1400px) {
    .quote {
        margin: 0 28px;
    }
    .RILhistory .container {
        max-width: 1100px;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 54px;
    }
    .RILhistory .year2004#yr2006 .yearLeftSide h6 {
        width: 441px;
    }
    .RILhistory .year2004#yr2020 .yearLeftSide h6 {
        width: 660px;
        margin-bottom: 30px;
    }
    .RILhistory #yr2020 .historyTwoSide .yearLeftSide {
        padding-top: 135px;
    }
    .journey2020 .aboutch__block p::before {
        right: 10px;
    }
    .journey2020 .aboutch__block p::after {
        left: -35px;
    }
    .journey2020 .detail ul li p {
        font-size: 18px;
        line-height: 23px;
    }
    .journey2020 .detail ul li h6 {
        font-size: 19px;
        margin: 0;
    }
    .historyYear {
        font-size: 120px;
        line-height: 120px;
        margin-bottom: 40px;
    }
    .journey2020 .historyYear {
        margin-bottom: 50px;
    }
    .RILhistory .historyYear.mrg-top2 {
        margin-top: 0;
    }
    .RILhistory #yr2002-05 .dashed-border,
    .RILhistory #yr2016-17 .dashed-border {
        margin-bottom: 20px;
    }
    .year2002 .historyYear {
        margin-bottom: 50px;
    }
    .RILhistory h5 {
        padding-left: 0;
    }
    .journey2020 .detail ul {
        padding: 15px 15px 10px;
    }
    .RILhistory .wealth-creation-text h5 {
        padding-left: 10px;
    }
    .quote::before {
        left: 35px;
    }
    .year2004#yr2010 {
        padding-bottom: 180px;
    }
    .bothYear h4 {
        font-size: 56px;
        line-height: 60px;
    }
    .wealth-creation-text h4 {
        font-size: 54px;
    }
    .wealth-creation-text p {
        padding-right: 40px;
    }
    .global-energy .slick-next {
        right: -15px;
    }
    .global-energy .slick-prev {
        left: -15px;
    }
    .RILhistory .year2004#yr2004 p {
        margin-top: 0;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 42px;
        line-height: 80px;
        letter-spacing: 1px;
    }
    .year2002 .globalBox .detail p,
    .year2020-22 .globalBox .detail p {
        font-size: 19px;
    }
    .RILhistory .year2004 .yearLeftSide h6 {
        width: 441px;
    }
    .quote::before {
        left: -40px;
    }
    .founder__chairman h2 {
        font-size: 88px;
        line-height: 88px;
    }
    .quote::after {
        right: 100px;
    }
}

@media (max-width:1366px) {
    #picture,
    .business-block {
        min-height: 700px;
    }
    .events-main-block .past-events-box,
    .past-events-box .video-wrap-2,
    .past-events-box .presentations_video {
        max-width: 940px;
        margin: 0 auto;
    }
    .video-slider video {
        height: 630px;
    }
    .col-cs-6 .aboutGenNext-content p {
        font-size: 20px;
        line-height: 26px;
    }
    .aboutGenNext-content {
        padding: 40px 30px;
    }
    .dividend_block {
        padding: 60px 0;
    }
    .unclaimed-block {
        padding: 60px 0;
    }
    ul.unclaimed-item {
        margin-bottom: 40px;
    }
    .iepf-block {
        padding: 50px 0 20px;
    }
    .iepf-box {
        padding: 40px;
    }
    .rilpopup .modal-xl {
        max-width: 900px;
    }
    .jio_life {
        max-width: 1100px;
        margin: 0 auto;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        margin-top: -200px;
    }
    .block-1 {
        height: 400px;
        margin-top: 60px;
    }
    .block-3 {
        height: 386px;
    }
    .block-4 {
        height: 198px;
    }
    .block-2 {
        height: 130px;
    }
    .block-career .section-title {
        font-size: 75px;
        margin-bottom: 40px;
    }
    .career-left-btm {
        margin-top: 92px;
    }
    .RILFound .RILFlexArea .contentBox img {
        margin-bottom: 30px;
    }
    .RILFound .RILFlexArea .contentBox a.more-btn {
        margin-top: 10px;
    }
    .RILFound .RILFlexArea .contentBox {
        padding: 32px;
    }
    .jio-banner {
        height: 700px;
    }
    .year2020-21.bothYear p span {
        display: inline;
    }
    .investorBanner h1,
    .jio-banner h1,
    .video-banner h1 {
        font-size: 86px;
        line-height: 96px;
    }
    .investorBanner p,
    .jio-banner p,
    .video-banner p,
    .inner_banner-block p {
        font-size: 42px;
    }
    .business-block h2 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .business-block p {
        font-size: 17px;
        line-height: 24px;
    }
    .business-block .more-btn {
        margin-top: 5px;
    }
    .business-block h2 {
        font-size: 73px;
        line-height: 74px;
    }
    .business-block ul#tabs-nav li {
        height: 70px;
        line-height: 70px;
    }
    .business-block ul#tabs-nav li:hover,
    .business-block ul#tabs-nav li.active {
        font-size: 22px;
    }
    .business-block .tabs-block {
        margin-left: 52px;
    }
    .business-block p {
        max-width: 460px;
    }
    .sustainability-block h3 {
        font-size: 75px;
        line-height: 80px;
        margin-bottom: 35px;
    }
    .sustainability-block p {
        margin-bottom: 20px;
    }
    ul.story {
        margin: 0 0 40px;
    }
    .sensex-box h3 {
        font-size: 26px;
        line-height: 30px;
    }
    .year2002 .globalBox .box,
    .year2020-22 .globalBox .box {
        align-items: flex-start;
    }
    .year2002 .globalBox .detail h5,
    .year2020-22 .globalBox .detail h5 {
        margin-bottom: 25px;
    }
}

@media (max-width:1280px) {
    .rrvl .kirana_holder .rightSide::after {
        top: 52.5%;
    }
    .rrl .kirana_holder .rightSide::after {
        top: 55%;
    }
    .businesses_block.petro h4 {
        font-size: 28px;
    }
    .rubber_block.relx-block p {
        text-align: left;
    }
    .aboutGenNext-content h2.left-padd span {
        padding-right: 100px;
    }
    .search-wrapper.newsletter-wrapper {
        height: auto;
    }
    .RilBoardSec .committeesBox br {
        display: none;
    }
    .boardCont {
        align-items: center;
    }
    .boardMemeberBox .box {
        margin-top: 25px;
        flex: 0 0 25%;
        width: 25%;
    }
    .boardCont h2:after {
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
    }
    .leading-india .rural_carousel .slick-prev {
        left: 0px;
    }
    .leading-india .rural_carousel .slick-next {
        right: 0px;
    }
    .decarbonisation .polyester_block {
        padding: 0px;
    }
    .decarbonisation .leaf-3 img {
        width: 80px;
    }
    .decarbonisation .leaf-3 {
        left: -80px;
        width: auto;
    }
    .decarbonisation .leaf-1 {
        width: 59px;
        left: -54px;
        top: 18%;
    }
    h2.sec-title,
    .partner-block .awards_item h2,
    h1.heading,
    .polyester_main h2,
    .products_block h2,
    .new_energy_block h2,
    .green-enery-title h2,
    .leading-india h2,
    .subsidiary-main.RandD h1.heading,
    .relpet_block h2 {
        font-size: 55px;
    }
    .council_block h2,
    .renewable_txt h2,
    .rubber_block h2 {
        font-size: 55px;
    }
    .product-brands h2 {
        font-size: 35px;
    }
    .banner_media h3 {
        font-size: 40px;
    }
    .portfolio_ h4 {
        font-size: 40px;
    }
    .search-box button::before {
        left: -14px;
    }
    .founder__chairman h2 {
        font-size: 90px;
        line-height: 90px;
    }
    .quote::before {
        left: -20px;
    }
    .quote::after {
        right: 120px;
    }
    .RILhistory .year2004#yr2006 .yearLeftSide h6 {
        width: 560px;
    }
    .business-block p {
        max-width: 550px;
    }
    .RILhistory .year1977#yr1977 .dashed-border {
        margin-bottom: 25px;
    }
    .journey2020 .aboutch__block p:before {
        right: 150px;
    }
    .journey2020 .aboutch__block p:after {
        left: -60px;
    }
    .about-founder__block .aboutAs p:before {
        right: 140px;
    }
    .aboutAs p {
        font-size: 26px;
    }
    .about-founder__block .aboutAs {
        padding: 100px 100px 0 0px;
    }
    .about-founder__block h2.nameTag {
        font-size: 105px;
        line-height: 85px;
    }
    .global-energy .slick-next {
        right: 0;
    }
    .global-energy .slick-prev {
        left: 0;
    }
    .bothYear h4 {
        font-size: 70px;
    }
    .RILFound .RILFlexArea .contentBox {
        padding: 22px;
    }
    .RILFound .RILFlexArea .contentBox p {
        font-size: 20px;
        padding-right: 0;
    }
    .retail-para br {
        display: none;
    }
    .welcome-block {
        padding-top: 60px;
    }
    .welcome-block h2 {
        font-size: 65px;
        margin-bottom: 25px;
    }
    h3.efect3,
    .about-title {
        font-size: 48px;
        line-height: 54px;
        margin-bottom: 40px;
    }
    .business​__block h2,
    .forward-block h3,
    .values-behaviours h2 {
        font-size: 65px;
    }
    .made-in-india​_block h2 {
        font-size: 80px;
    }
    .value-box {
        min-height: 440px;
    }
    .values-behaviours {
        padding: 10px 0 40px;
    }
    .bg-img {
        width: 542px;
        height: 542px;
    }
    .testimonial-cont h6 {
        font-size: 26px;
    }
    .awards {
        padding: 70px 0;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav [class*="owl-"] {
        left: -18px;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav .owl-next {
        left: inherit;
        right: -18px;
    }
    .awars-box-content p {
        font-size: 22px;
    }
    .sensex-box h3 {
        font-size: 26px;
    }
    .block-investor .section-title {
        margin-bottom: 80px;
    }
    .business-block .tabs-block {
        margin-left: 20px;
    }
    .business-block h2 {
        font-size: 70px;
    }
    .menu-trigger {
        margin-left: 20px;
    }
    .navbar-expand-lg .navbar-nav .nav-item {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .search-wrapper-cs .input-holder {
        right: -3px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 830px;
        right: 0;
    }
    .video-content li a {
        font-size: 18px;
        padding: 10px 20px;
    }
    .video-content h1,
    .sustainability-block h3,
    .block.block-news .section-title,
    .agm_text .section-title,
    .block-investor .section-title {
        font-size: 70px;
        line-height: 80px;
    }
    .search-wrapper {
        height: 220px;
    }
    .business-block ul#tabs-nav li:hover,
    .business-block ul#tabs-nav li.active {
        font-size: 22px;
    }
    .csmb {
        margin-bottom: 60px;
    }
    .memorable p {
        margin-bottom: 140px;
    }
    .speeches {
        padding: 80px 0;
    }
    .memorable h2.investerSecTitle {
        font-size: 60px;
        line-height: 60px;
    }
    .section-title {
        font-size: 65px;
    }
    .block-career .section-title {
        font-size: 70px;
        margin-bottom: 40px;
    }
    .investorBanner h1,
    .jio-banner h1,
    .video-banner h1,
    .inner_banner-block .banner-holder h1 {
        font-size: 80px;
        line-height: 90px;
    }
    .investorBanner p,
    .jio-banner p,
    .video-banner p,
    .inner_banner-block p {
        font-size: 40px;
    }
    .financial-disc h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .name-heading {
        font-size: 40px;
        line-height: 40px;
    }
    .ch-img h2.nameTag {
        font-size: 90px;
        line-height: 94px;
        margin-left: 0;
        margin-right: 0;
        position: absolute;
    }
    .dir-title {
        font-size: 55px;
        line-height: 50px;
    }
    h2.investerSecTitle {
        font-size: 60px;
        line-height: 65px;
    }
    .investorRelations {
        padding: 60px 0;
    }
    .investorRelations .investorBox h3 {
        font-size: 32px;
    }
    .reportDetails .flexCenter {
        padding: 20px;
    }
    .reportDetails .content h3 {
        font-size: 21px;
    }
    .shareholdersBox .content {
        padding: 50px 30px 30px 25px;
    }
    .shareholdersBox .content ul li:not(:last-child) {
        margin-right: 15px;
    }
    .corpBox .hearBox h2 span {
        display: inline;
    }
    .investerResource {
        padding: 50px 0;
    }
    .resourceButton {
        margin-top: 25px;
    }
    .subsidiariesTitle a {
        padding: 12px 25px 12px 25px;
    }
    .subsidiariesBox .content a {
        padding: 12px 25px 12px 25px;
        font-size: 15px;
    }
    .subsidiariesBox .content p.fontSm {
        font-size: 19px;
    }
    .chairmanBox {
        width: 100%;
    }
    .corpBox.rightSide {
        padding: 12px;
        height: 332px;
    }
    .corpBox {
        padding: 36px;
    }
    .block-views-blockcorporate-announcements-for-overview-block-1 .pdfBox {
        min-height: 100px;
    }
    .resourceButton a {
        padding: 12px 30px;
        border-radius: 30px;
    }
    .aboutAs {
        padding: 180px 50px 0 0px;
    }
    h2.nameTag {
        margin-left: -120px;
    }
    h2.tag {
        margin-left: -50px;
    }
    .RILAwardBox {
        height: 140px;
    }
    .RILAwardBox img {
        width: 70px;
    }
    .digitalJio,
    .digitalJioCommitted,
    .jioAdvantages,
    .jioPlatfrom {
        padding: 80px 0;
    }
    .digitalJioContainer {
        padding: 0 70px;
    }
    .digitalJioSecTitle {
        font-size: 45px;
        line-height: 60px;
    }
    .digitalJioCommittedBox .columanBox {
        position: relative;
        width: 33%;
    }
    .digitalJioCommittedBox .columanBox:after {
        right: 0;
    }
    .displayJioOffer {
        padding: 80px 0 0;
    }
    .jioNewOffer .jioOfferBox img {
        margin-top: -120px;
        width: 180px;
    }
    .jioNewOffer .jioOfferBox h3 {
        font-size: 25px;
    }
    .jioNewOffer .jioOfferBox {
        min-height: auto;
    }
    .jioAdvantagesBox {
        padding: 35px 15px 35px 20px;
    }
    .jioAdvantagesBox p {
        font-size: 18px;
        line-height: 26px;
    }
    .jioPlatfrom h6 {
        font-size: 25px;
        line-height: 40px;
        padding: 0 70px;
        margin-bottom: 60px;
    }
    .PlatfromContent,
    .PlatfromArea.bottomSide .PlatfromContent {
        padding: 20px 20px;
    }
    .PlatfromContent ul li img {
        width: 45px;
    }
    .PlatfromContent ul li {
        font-size: 15px;
        line-height: 17px;
    }
    .PlatfromContent h3 {
        font-size: 35px;
        line-height: 45px;
    }
    .jioPlatfromBox:after {
        top: 47%;
    }
    .connectivityborder {
        width: 650px;
    }
    .connectivitySpace {
        padding: 0 100px;
    }
    .connectivityinner p {
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
    }
    .connectivityinner {
        width: 230px;
        height: 230px;
    }
    .connectivityFront {
        width: 250px;
        height: 250px;
    }
    .year2004 .yaerRightSideImg img {
        width: 50%;
    }
    .hisBgImg {
        display: none;
    }
    .jioDigital .digitalJio h6 {
        width: 100px;
        height: 100px;
        margin-bottom: 15px;
    }
    .jioDigital .digitalJio h6 img {
        width: 70px;
    }
    .digitalJioCommittedBox.bottomSlide {
        padding: 0;
    }
    .RIlGlobalPartner p.subTitle {
        font-size: 30px;
        line-height: 38px;
    }
    .RIlGlobalPartner .partnerBox .box img {
        width: auto;
        max-width: 100%;
    }
    .RIlGlobalPartner .partnerBox .box p {
        font-size: 18px;
        line-height: 28px;
    }
    .platformIcon {
        width: 70px;
    }
    .jioFuture .boxImg img {
        width: auto;
        max-width: 100%;
    }
    .jioFuture .box,
    .jioFuture .boxImg {
        flex: 1;
    }
    .jioFuture .box {
        padding: 15px;
    }
    .jioFuture li {
        font-size: 17px;
        line-height: 22px;
        padding-bottom: 23px;
        margin-bottom: 21px;
    }
    .maril h2 {
        font-size: 90px;
        line-height: 86px;
    }
}

@media only screen and (min-width:1280px) and (max-width:1365px) {
    .search-wrapper.report-wise.invstrs .finance-report>li>span {
        padding: 13px 14.5px;
    }
    .year1966.year1980 h3 {
        padding-top: 20px;
    }
    .RILhistory .container {
        max-width: 1000px;
    }
    .wealth-creation-text h4 {
        font-size: 48px;
    }
    .wealth-creation-text h5 {
        font-size: 64px;
    }
    .wealth-creation-text p {
        padding-right: 20px;
    }
    .bothYear h4 {
        font-size: 52px;
    }
    .year2002 .globalBox .detail p,
    .year2020-22 .globalBox .detail p {
        font-size: 18px;
        line-height: 24px;
    }
    .RILhistory .year2004 h5 {
        font-size: 33px;
    }
    .RILhistory .year2004#yr2004 p {
        padding-left: 10px;
        margin-top: 16px;
    }
    .RILhistory .year2004#yr2004 .yearLeftSide h6 {
        padding: 0px 0px 0 50px;
    }
    .RILhistory .year2004 p {
        font-size: 20px;
        line-height: 30px;
    }
    .RILhistory #yr2004.year2004 h5 {
        padding-left: 10px;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 54px;
        line-height: 84px;
    }
    .quote {
        margin: 0 28px;
    }
    .founder__chairman h2 {
        font-size: 80px;
        line-height: 80px;
    }
    .RILhistory .year2006 h6 {
        font-size: 60px;
        letter-spacing: 1px;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 43px;
        line-height: 80px;
    }
    .RILhistory .year2004 p {
        margin-top: 30px;
    }
    .RILhistory .year2004 .yearLeftSide h6 {
        width: 450px;
    }
    .year2004#yr2010 {
        padding-bottom: 140px;
    }
    .year2002 .globalBox .detail,
    .year2020-22 .globalBox .detail {
        padding: 0 15px;
    }
    #yr2020 ul li {
        padding: 0 30px;
    }
    .global-energy .slick-next {
        right: -15px;
    }
    .global-energy .slick-prev {
        left: -15px;
    }
    .RILhistory .year2004#yr2006 .yearLeftSide h6 {
        width: 450px;
    }
    .journey2020 .detail ul li p {
        font-size: 16px;
        line-height: 20px;
    }
    .yearLeftSide {
        padding-top: 120px;
    }
    .RILhistory .year2004#yr2020 .yearLeftSide h6 {
        width: 620px;
    }
    .journey2020 .aboutch__block p::before {
        right: 180px;
    }
    .journey2020 .aboutch__block {
        padding: 0 140px;
    }
    footer .subscribe .block-simplenews-subscription-block {
        width: 80%;
    }
    .journey2020 .detail ul {
        padding: 15px 15px 2px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1366px) {}

@media (max-width:1365px) {
    .jio-gennext-text {
        padding-left: 0;
    }
    .jio-gennext-text p {
        font-size: 22px;
        line-height: 28px;
    }
    .jio-gennext-text h2 {
        font-size: 80px;
        line-height: 84px;
    }
    .jio-gennext-text h5 {
        font-size: 24px;
    }
    .jio-gennext_owner {
        padding-top: 20px;
    }
    .transfer-shares .custom-para br {
        display: none;
    }
    .block-innovator .aboutGenNext-content {}
    .bio-content .form-actions.js-form-wrapper.form-wrapper {
        display: none;
    }
    .press-block .views-exposed-form .js-form-item.form-item select {
        width: 60% !important;
    }
    .video-slider video {
        height: auto;
    }
    .jio-banner,
    .video-banner {
        height: auto;
    }
    .tackle_block a.explore-btn,
    .grnenergy_block .tackle_block a.third-link {
        margin-top: 10px;
    }
    .business-text>div {
        max-width: 200px;
    }
    .business​__block h4 {
        font-size: 28px;
    }
    .we_care img {
        max-width: 640px;
    }
    .careers__text>div {
        max-width: 202px;
    }
    .careers__text>div+div {
        max-width: 125px;
    }
    .sust-box-text h2 {
        font-size: 25px;
        letter-spacing: normal;
        line-height: 35px;
    }
    .sust-box-text p {
        min-height: 110px;
    }
    .unclaimed-box .total_amt input {
        max-width: 100px;
    }
    .unclaimed-box .total_amt {
        padding-left: 20px;
    }
    .blue-strip-br .blue-strip.mid-divider>div:not(:last-child)::after {
        right: -105%;
    }
    .greener_gas_economy .jioPlatfromBox p {
        line-height: 24px;
    }
    .commerce_block p,
    .commerce_block .space-mb2 .blue-strip p {
        line-height: 22px;
    }
    .commerce_block .space-mb2 .blue-strip {
        margin-top: 15px;
        margin-left: -24px;
        padding: 10px;
        margin-bottom: 10px;
    }
    .commerce_block .blue-strip h3 {
        font-size: 45px;
    }
    .video-title h4 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .video-title_block {
        left: 30px;
        width: 285px;
    }
    .health-block .foundation-block p br {
        display: none;
    }
    .commanTabList {
        grid-template-columns: repeat(6, 1fr);
    }
    .locations,
    .safety_block {
        padding-left: 50px;
        padding-right: 50px;
    }
    .filter_container .year-selector select,
    .filter_container .enter-id .form-control {
        width: 340px;
    }
    .sustainability-block video {
        width: 100%;
        height: 100%;
    }
    .tv-channels .note-txt {
        bottom: -45px;
    }
    .insights-txt h4 {
        min-height: 100px;
    }
    .insights-details h1 {
        font-size: 50px;
        line-height: 55px;
    }
    .insights-details .right-txt p:first-child {
        font-size: 24px;
        line-height: 30px;
    }
    .resource_list .reportDetails .content h3 {
        min-height: 50px;
        text-align: center;
    }
    .block-2 {
        height: 114px;
    }
    .career-left-btm {
        margin-top: 20px;
    }
    .images-gallery {
        margin-top: 10px;
    }
    ul.unclaimed-item>li {
        margin-right: 24px;
    }
    .management-block .mgmnt-content h2 {
        font-size: 30px;
    }
    .eb2b-bg .mgmnt-content h2 {
        font-size: 48px;
        line-height: 48px;
    }
    .suppliers .mgmnt-content h2 {
        font-size: 28px;
    }
    .cus-title {
        margin-bottom: 30px;
        font-size: 40px;
    }
    .suppliers .mgmnt-box .mgmnt-content::after {
        display: none;
    }
    .management-block .mgmnt-box .mgmnt-content::after {
        right: 25px;
    }
    .management-block .mgmnt-box.mgmnt-box2 .mgmnt-content::after {
        right: 0;
    }
    .management-block .mgmnt-box {
        padding: 70px 25px;
    }
    .management-block .mgmnt-box .mgmnt-button {
        flex: 0 0 36%;
        max-width: 36%;
    }
    .we-care-content h2 {
        font-size: 35px;
    }
    .reportDetails .flexCenter {
        padding: 20px;
    }
    .reportDetails .content h3 {
        font-size: 21px;
    }
    .subsidiariesBox .content p {
        font-size: 24px;
    }
    .rjil_investor_block .row>div {
        width: 100%;
    }
    .press-txt h4 {
        font-size: 18px;
        line-height: 24px;
        min-height: 95px;
    }
    .publish {
        font-size: 15px;
    }
    .release_block .publish {
        font-size: 18px;
    }
    .insights-box figure {
        height: auto;
    }
    .news-bottom .news-text p {
        min-height: 105px;
    }
    .investor-rel .kirana_holder .infoBox h4 {
        font-size: 40px;
    }
    .investor-rel .kirana_holder .infoBox h5 {
        font-size: 25px;
        line-height: 28px;
    }
    .row.eb2b2.suppliers>div {
        width: 50%;
    }
    .mgmnt-box .mgmnt-content {
        flex: 0 0 60%;
        max-width: 60%;
    }
    .customers_block .mgmnt-box .mgmnt-content,
    ._eB2B .mgmnt-box .mgmnt-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .PlatfromContent,
    .PlatfromArea.bottomSide .PlatfromContent {
        padding: 25px;
    }
    .gc-innovation .PlatfromContent {
        padding: 25px 25px;
    }
    .gc-innovation .PlatfromContent p {
        font-size: 16px;
        line-height: 24px;
    }
    .value_block {
        min-height: 303px;
    }
    .netzero_box,
    .prosperity_text {
        margin: 0 -10px;
    }
    .netzero_box>div,
    .prosperity_text>div,
    .prosperity_text>figure {
        padding: 0 10px;
    }
    .covid19_block_text h3 {
        font-size: 42px;
    }
    .partnerships-block {
        padding: 10px 25px;
    }
    .pink-box {
        padding: 15px;
    }
    .ril-2 .block-1 {
        height: 300px;
    }
    .ril-2 .block-3 {
        height: 290px;
    }
    .pd-90 {
        padding: 0;
    }
    .foundation-block h4.fontjio2 br,
    .rural-transform .foundation-block p br,
    .h-block p br {
        display: none;
    }
    .rural-transform .foundation-block .blue-strip p br {
        display: block;
    }
    .awards_holder {
        grid-template-columns: repeat(3, 1fr);
    }
    .awards_logo>img {
        width: 100%;
    }
    .awars-box-content p {
        font-size: 18px;
        line-height: 24px;
    }
    .forward-block .value-box {
        min-height: 500px;
    }
    .block-1 {
        height: 330px;
    }
    .block-3 {
        height: 330px;
    }
    .l-d .custom-para br {
        display: none;
    }
    .greener_gas_economy .PlatfromArea:not(.bottomSide) {
        align-items: self-start;
    }
    .greener_gas_economy .PlatfromContent {
        padding: 25px;
        padding-bottom: 0;
    }
    .video_tbd .row {
        align-items: center;
    }
    .aboutch__block_block .row {
        align-items: end;
    }
    .profile__block:before {
        top: auto;
        bottom: 0;
        background-size: cover;
    }
    .col-cs-6 .aboutGenNext-content p br {
        display: none;
    }
    .subsidiary-content {
        bottom: 0;
        padding: 15px;
    }
    .innovation-Prog .recron_block_content {
        min-height: 415px;
    }
    .mission-kurushetra {
        min-height: 280px;
    }
    .innovation-Prog .recron_block_content {
        padding: 25px 15px;
    }
    .rd-project-text h3 {
        font-size: 17px;
        line-height: 22px;
    }
    .finance-report>li {
        font-size: 13px;
        flex: 0 0 16.66666%;
        max-width: 16.666666%;
    }
    .search-wrapper.report-wise .finance-report>li {
        flex: 0 0 auto;
        max-width: inherit;
    }
    .media-block .finance-report>li {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .kirana_block+.report-wise .finance-report>li {
        flex: 0 0 auto;
        max-width: none;
    }
    .block-innovator .aboutGenNext-content h2 {
        font-size: 72px;
        line-height: 74px;
    }
}

@media (max-width:1199px) {
    #picture,
    .business-block {
        min-height: 600px;
    }
    #picture {
        transition: none;
    }
    #picture.three {
        background-position: right top;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: static !important;
    }
    .press-block .views-exposed-form .js-form-item.form-item select {
        width: 64% !important;
    }
    .jio-gennext-text h2 {
        font-size: 65px;
        line-height: 70px;
    }
    .jio-gennext-text h2 span {
        padding-left: 45px;
    }
    .jio-gennext-text p {
        font-size: 20px;
        line-height: 26px;
    }
    .jio-gennext_owner {
        padding-top: 10px;
    }
    .jio-gennext-text h5 {
        padding-top: 0;
        font-size: 22px;
    }
    .block-innovator .aboutGenNext-content {
        left: 0;
    }
    .dropdown-menu .submenu-block,
    .submenu-block-eb2b {
        position: relative;
    }
    .main-heading::after,
    .main-heading2::after {
        width: 100%;
        background-color: #e3e1e1;
    }
    .dropdown-menu .submenu-block .main-heading {
        padding-bottom: 10px;
    }
    .submenu-block-eb2b .main-heading2::after {
        top: 76px;
        width: 86%;
    }
    .submenu-block-eb2b ul.mtb-25 li a {
        padding-top: 0 !important
    }
    .stock_prise {
        display: block !important;
        padding: 0;
        margin-left: 0.5rem;
        padding-bottom: 20px;
    }
    .search-wrapper .bio-content .bef-exposed-form {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .main-heading::after,
    .main-heading2::after {
        top: 70px;
    }
    .main-heading2::after {
        top: 86px;
    }
    .submenu-block-eb2b ul.mtb-25 {
        margin-bottom: 0 !important;
    }
    .event-details h1 {
        font-size: 45px;
        margin-bottom: 20px;
    }
    .four-zero-four h1 {
        font-size: 140px;
        line-height: 140px;
    }
    .four-zero-four h2 {
        font-size: 40px;
    }
    .four-zero-four p {
        font-size: 20px;
    }
    .subscribe_box .submitmsg [aria-label="Status message"] {
        position: absolute;
        top: 0;
        z-index: 102;
    }
    .subscribe_box .submitmsg [aria-label="Error message"] {
        position: absolute;
        top: 0;
        z-index: 102;
    }
    .noscroll {
        overflow: hidden;
    }
    .leading-india .rural_carousel .slick-next {
        right: -20px;
    }
    .leading-india .rural_carousel .slick-prev {
        left: -20px;
    }
    .aboutch__block-sec2.aboutch__block:before {
        right: -300px;
    }
    .diversity-block .profile__block::before {
        right: -60px;
        width: 500px;
        height: 470px;
    }
    .bx-content p small {
        font-size: 17px;
    }
    .bx-content p {
        font-size: 17px;
    }
    .bx-content .volume {
        font-size: 17px;
    }
    .sensex-box .text-center img {
        width: 100px;
    }
    .planet_block .profile__block::before {
        width: 500px;
        height: 470px;
    }
    .businesses_block.petro .business-text>div {
        max-width: 270px;
    }
    .qp-content h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .polyester_main.block-gb h2 {
        line-height: 54px;
        text-align: left !important;
    }
    .oil-chemical-block .recron_block h4 br {
        display: none;
    }
    .three-column .table-row>div:nth-child(1) {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .three-column .table-row>div:nth-child(2) {
        flex: 0 0 66%;
        max-width: 66%;
    }
    .past-events-box .publish-date>div:nth-child(1) {
        max-width: 73%;
        min-height: 46px;
    }
    .past-events-box .publish-date .past-events-txt h4 {
        font-size: 19px;
    }
    .past-events-box .past-events-txt h4 {
        font-size: 19px;
    }
    .value-holder figure img {
        width: 100%;
    }
    .caring_block p {
        padding-right: 0;
    }
    .caring_block img {
        width: 100%;
    }
    .welcome-box h2 br {
        display: none;
    }
    .welcome-box h2 {
        font-size: 38px;
        line-height: 42px;
    }
    .we_care img {
        max-width: 600px;
    }
    .video-title h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .video-title_block {
        left: 25px;
        width: 250px;
        margin-bottom: 15px;
    }
    .rural_trans .rural_carousel .rural_content {
        padding: 5px 20px 20px;
    }
    .rural_trans .rural_carousel .rural_content h5 {
        margin-bottom: 15px;
    }
    .rural_trans .rural_carousel .rural_block p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .rural_trans .rural_box {
        padding: 50px 50px;
    }
    .rural_trans .asterisk {
        padding-left: 20px;
        bottom: 5px;
    }
    .ril-innovation .right-cont p {
        padding-right: 0;
    }
    .innovation-Prog .recron_block_content h4 {
        font-size: 22px;
    }
    .para_block {
        padding: 0 50px;
    }
    .PlatfromArea {
        flex-direction: column;
    }
    .PlatfromContent,
    .PlatfromContentImg {
        width: 100%;
    }
    .jioPlatfromBox .platformIcon {
        top: 49%;
    }
    .PlatfromContent,
    .PlatfromArea.bottomSide .PlatfromContent {
        padding: 30px;
    }
    .PlatfromContent ul li img {
        width: 55px;
    }
    .PlatfromContent ul li {
        font-size: 17px;
    }
    .PlatfromArea .PlatfromContent {
        order: 2;
    }
    .PlatfromArea.bottomSide li {
        margin-bottom: 5px;
    }
    .PlatfromContent h3 {
        margin-bottom: 12px;
    }
    .digital-lifeline {
        margin-bottom: 30px;
    }
    .jioPlatfrom {
        padding: 60px 0;
    }
    .greener_gas_economy .PlatfromArea .PlatfromContentImg {
        width: 100%;
    }
    .greener_gas_economy .PlatfromArea {
        display: block;
    }
    .greener_gas_economy .PlatfromArea .PlatfromContent {
        width: 100%;
    }
    .PlatfromContent,
    .PlatfromArea.bottomSide .PlatfromContent {
        padding: 25px !important;
    }
    .commanTabList {
        grid-template-columns: repeat(5, 1fr);
    }
    #MSDSAndShelfLife ul.commanTabList {
        grid-template-columns: repeat(3, 1fr);
    }
    .tabbing .topTab li a {
        padding: 12px 14px;
    }
    .commerce_block .space-mb2 .blue-strip.rngs {
        flex-wrap: nowrap;
        padding: 0;
    }
    .commerce_block .space-mb2 .blue-strip {
        padding: 0;
    }
    .ranked_block .careerPlus {
        padding-top: 120px;
        padding-bottom: 30px;
    }
    .category_block {
        padding: 30px 30px 20px;
        margin-bottom: 30px;
    }
    .space-mb1 {
        margin-bottom: 30px;
    }
    .category_block {
        padding: 40px 40px 20px;
        margin-bottom: 40px;
    }
    .category_block h4,
    .pharmacy_block h4 {
        font-size: 40px;
    }
    .category_block h5 {
        font-size: 26px;
    }
    .trend_box {
        padding: 0;
    }
    .banner_media h3 {
        font-size: 30px;
    }
    .business​__block.business-block2 .business-text>div {
        max-width: 220px;
    }
    .subsidiary-list.career_search .subsidiary-content h2 {
        padding-right: 0;
        font-size: 32px;
        min-height: auto;
        line-height: 38px;
    }
    .webcast-bottom .past-events-box li.video {
        text-align: center;
    }
    .unclaimed-box .views-exposed-form .js-form-item.form-item {
        width: 40%;
    }
    .unclaimed-box .three-column .table-row>div:nth-child(3) {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .unclaimed-box .three-column .table-row>div:nth-child(2) {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .blue-strip-br .blue-strip.mid-divider>div:not(:last-child)::after {
        right: 0;
    }
    .media-block .finance-report>li {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .video-events-txt h4 {
        font-size: 18px;
        line-height: 24px;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 50px;
    }
    .strength_block2>div {
        margin-top: 30px;
    }
    .careerTeam .hoverBx {
        width: 90%;
        padding: 15px;
    }
    .careerTeam .hoverBx h3 {
        font-size: 17px;
    }
    .careers__box h4 {
        font-size: 20px;
    }
    .careers__text>div {
        max-width: 140px;
    }
    .careers__box a.explore-btn {
        font-size: 14px;
    }
    .meetCareerBlock .whiteBg {
        padding: 50px 50px 0;
    }
    .aboutch__block_block.aboutch__block::before {
        top: auto;
        width: 570px;
        height: 533px;
        bottom: 0;
    }
    .mammothSec h4 {
        font-size: 52px;
    }
    .aboutch__block-sec2 .aboutAs.invent .quote_text {
        font-size: 23px;
        padding-left: 40px;
    }
    .resource_list .reportDetails .content h3 {
        min-height: 43px;
        margin-bottom: 15px;
    }
    .compliance-reports.report-wise {
        padding: 25px;
    }
    .compliance-reports .bio-tab>li,
    .compliance-reports .finance-report>li {
        width: auto;
    }
    .compliance-reports .bio-tab>li span {
        padding: 13px 27px;
    }
    .journey2020 .netZero .rilLogoAfter {
        top: 44%;
    }
    .tv-channels .note-txt {
        bottom: 15px;
        padding-left: 0;
    }
    .filter_container .year-selector select,
    .filter_container .enter-id .form-control {
        width: 280px;
    }
    .unclaimed-box h3 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .division_text {
        width: 290px;
        margin-left: 15px;
    }
    .locations,
    .safety_block {
        padding-left: 25px;
        padding-right: 25px;
    }
    .division_text p,
    .safety_block p {
        font-size: 16px;
        line-height: 22px;
    }
    .safety_block p {
        margin-bottom: 0;
    }
    .locations_block h5 {
        font-size: 19px;
    }
    .locations_block h3 {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 32px;
    }
    .locations_block h2 {
        padding-bottom: 10px;
        padding-top: 20px;
    }
    .financial-disc p {
        font-size: 18px;
    }
    .locations_container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    ul.unclaimed-item>li {
        margin-right: 2%;
        max-width: 31.33%;
    }
    ul.unclaimed-item>li br {
        display: none;
    }
    .unclaimed-box {
        padding: 40px;
    }
    .form-container .webform-submission-form .js-form-type-select,
    .form-container .webform-submission-form .webform-select-other,
    .form-container .webform-submission-form .js-form-type-textfield,
    .form-container .webform-submission-form .js-form-type-email {
        width: 49%;
    }
    .product-brands .alert-block {
        padding: 18px;
        margin-bottom: 30px;
    }
    .grievance-block.product-brands {
        padding-bottom: 0;
    }
    .product_datasheets {
        padding-top: 45px;
        margin-top: 25px;
    }
    .scheme_block {
        margin-top: 25px;
    }
    ._eB2B.management-block .mgmnt-box {
        text-align: left;
    }
    .cus-title {
        margin-bottom: 20px;
    }
    .suppliers .mgmnt-box .mgmnt-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .suppliers .mgmnt-box .mgmnt-button {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .suppliers .mgmnt-box {
        flex-wrap: wrap;
        align-content: center;
    }
    .suppliers .mgmnt-box.bg-brown .mgmnt-content {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .suppliers .mgmnt-box {
        text-align: center;
    }
    .suppliers .mgmnt-box {
        padding: 15px;
        height: 212px;
    }
    .suppliers .mgmnt-box.bg-brown .mgmnt-content h2 {
        margin-bottom: 10px;
    }
    .suppliers .mgmnt-content h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .block-news {
        padding: 50px 0 60px;
    }
    .bl-text p br {
        display: none;
    }
    .corpBox {
        padding: 25px;
    }
    .corpBox.boxp p {
        margin-right: 118px;
    }
    .investorFinancial {
        margin-top: 30px;
        padding: 40px 0 20px;
    }
    .subsidiariesinvester {
        padding: 40px 0 20px;
    }
    .InvesterShareholders {
        padding: 40px 0;
    }
    .investorRelations {
        padding: 40px 0;
        margin-top: 25px;
    }
    .investerResource {
        padding: 40px 0;
    }
    .shareholdersBox .content ul li {
        padding: 40px 0;
    }
    .we-care-content h2 {
        font-size: 30px;
        padding-left: 20px;
        line-height: 38px;
        margin-bottom: 20px;
    }
    .we-care-bg h3,
    .we-care-bg p span,
    .we-care-bg p {
        font-size: 32px;
    }
    .we-care-bg {
        padding: 15px 20px;
        max-width: 480px;
    }
    .management-block {
        padding: 50px 0;
    }
    .management-block .mgmnt-box.bg-blue .mgmnt-content::after,
    .management-block .mgmnt-box.bg-brown .mgmnt-content::after {
        display: none;
    }
    .management-block .mgmnt-box {
        display: block;
        text-align: center;
    }
    .management-block .mgmnt-box .mgmnt-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .management-block .mgmnt-box .mgmnt-button {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .management-block .mgmnt-content h2 {
        margin-bottom: 25px;
    }
    .mgmnt-box .mgmnt-content::after {
        width: 90%;
        height: 1px;
        bottom: -12px;
        left: 0;
        right: 0;
        top: auto;
        margin: auto;
    }
    .management-block .mgmnt-box .mgmnt-content::after {
        right: 0;
    }
    .management-block .mgmnt-box {
        padding: 45px 25px;
    }
    .strategy-text h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .strategy-text h2 br {
        display: none;
    }
    .strategy-block {
        padding: 70px 0;
    }
    .subsidiary-main .col-12 p:last-child {
        margin-bottom: 0;
    }
    .business​__block .row .col-lg-4 {
        width: 50%;
    }
    .business-image img {
        width: 100%;
    }
    .insights-details .past-events-box {
        margin-bottom: 0;
    }
    .first-block {
        margin-top: 30px;
        align-items: start;
    }
    .spacetop {
        margin-top: 20px;
    }
    .transfer-shares .custom-para {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .know-depository h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .table-heading {
        margin-bottom: 15px;
        line-height: 30px;
    }
    .rjil_investor_block .column.left,
    .rjil_investor_block .column.right {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .block-address-detail .highlights_text h4 {
        font-size: 40px;
        line-height: 45px;
    }
    .operate_block .row .col-lg-10 {
        width: 100%;
    }
    .press-listing .row>.col-md-4 {
        width: 50%;
    }
    .press-txt h4 {
        min-height: auto;
    }
    .press-box img {
        width: 100%;
        height: auto;
    }
    .press-listing .press-txt h4 {
        min-height: 74px;
    }
    .insights_block,
    .rc-block {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .rc-block {
        background-size: cover;
    }
    .rc-block .reportDetails {
        margin-bottom: 0;
    }
    .insights_block h2,
    .rc-block h2,
    .insights-details h1 {
        font-size: 55px;
        line-height: 60px;
    }
    .insights-details h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .first-block .right-txt {
        padding-left: 25px;
    }
    .insights-details .right-txt p:first-child {
        font-size: 22px;
        line-height: 26px;
    }
    .insights-details h5 {
        font-size: 20px;
    }
    .insights_block .insights-txt h4 {
        font-size: 18px;
        line-height: 24px;
        min-height: 90px;
    }
    .insights_block .insights-txt h5 {
        font-size: 15px;
        line-height: 24px;
    }
    .insights_block .insights-txt {
        padding: 15px 0;
    }
    .view_btn {
        margin: 20px 0 0 0;
    }
    .kirana_holder .rightSide::after {
        top: 53%;
    }
    .newsletter-wrapper h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .kirana_holder .infoBox {
        padding: 30px;
    }
    .ob-shape img {
        width: 100%;
    }
    .search-wrapper-cs.mob_search {
        z-index: 9;
        top: -13px;
    }
    header.sticky .search-wrapper-cs {
        top: -21px;
    }
    .search-wrapper-cs .input-holder {
        height: 56px;
    }
    .navbar ul.list-unstyled.text-end {
        display: block;
    }
    .search-wrapper-cs.active .input-holder .search-icon {
        top: 3px;
    }
    .search-wrapper-cs.active .close {
        top: 15px;
        right: 15px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 978px;
    }
    header.sticky .search-wrapper-cs.active .input-holder .search-icon {
        top: 3px;
    }
    ul.list-unstyled.text-end {
        text-align: left !important;
    }
    .navbar-expand-lg .navbar-nav ul.list-unstyled.text-end li {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    ul.list-unstyled.text-end li a {
        color: #fff;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        display: block;
    }
    .submenu-eb2b {
        display: block;
    }
    .submenu-eb2b .submenu-item ul {
        padding-right: 0;
        padding-top: 5px;
    }
    .rilmoblogo {
        margin-top: -5px;
    }
    .navbar-expand-lg .navbar-nav .submenu-eb2b .submenu-item ul li,
    .navbar-expand-lg .navbar-nav ul.list-unstyled.text-end li li {
        margin-left: 0;
        margin-right: 0;
    }
    .submenu-item h4+ul,
    .submenu-item .navmenu_title+ul {
        margin-top: -12px;
    }
    .submenu-eb2b .submenu-item ul li a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .submenu-block h3,
    .submenu-block-eb2b h3,
    .submenu-block-eb2b h3 a {
        font-size: 20px;
    }
    .submenu-block-eb2b {
        padding: 20px 20px 5px 20px;
    }
    .submenu-block-eb2b .submenu-item h4 a,
    .submenu-block-eb2b .submenu-item .navmenu_title a {
        padding: 0 !important;
    }
    .insights-box figure {
        height: auto;
    }
    .insights-main-txt {
        padding-top: 0 !important;
    }
    .press-block .views-exposed-form .js-form-item.form-item .form-text {
        left: 0 !important;
    }
    .form-container {
        padding: 30px 0;
    }
    .prentation-by h3 {
        font-size: 25px;
    }
    .event-title .meeting {
        font-size: 40px;
        line-height: 46px;
    }
    .event-title .years {
        font-size: 80px;
        width: 138px;
    }
    .past-events-box .video-wrap p {
        font-size: 21px;
    }
    .past-events-box .event-title_block {
        max-width: 502px;
        margin-bottom: 25px;
    }
    .webcast-bottom {
        padding: 30px;
    }
    .prentation-by {
        padding-left: 0;
    }
    .webcast-bottom .glance-boxes #html5-videos>li>a>img {
        width: 100%;
        height: auto;
    }
    .webcast-bottom .row>div {
        width: 100%;
    }
    .webcast-bottom .row:not(.mb-4)>div.col-lg-6:first-child {
        margin-bottom: 30px;
    }
    section.subsidiary-main.fr h1 {
        margin-bottom: 30px;
    }
    .search-wrapper .webcast-wrap .views-exposed-form .js-form-item.form-item {
        width: 50%;
    }
    .navbar-collapse .search-wrapper-cs {
        display: none;
    }
    .cus-subtitle {
        font-size: 30px;
    }
    .eb2b-bg .mgmnt-content h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .gap-rh {
        padding-right: 0;
    }
    .council_block {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .grnenergy_block h4,
    .table-heading {
        font-size: 25px;
    }
    .director_ril .quote-block {
        max-width: 560px;
    }
    .director_ril .chairman_block::before {
        width: 492px;
        height: 442px;
        background-size: cover;
        top: auto;
    }
    .director_ril .chairman-bio h3 {
        font-size: 55px;
        line-height: 50px;
    }
    .director_ril .chairman_block h3+h3 {
        margin-left: 60px;
        margin-bottom: 20px;
    }
    .director_ril .chairman_block h5 {
        font-size: 19px;
    }
    .council_block {
        padding-bottom: 50px;
    }
    .ecosystem_block .row>div,
    .new_energy_block .polyester_block .row>div {
        width: 100%;
    }
    .gap-lf {
        padding-left: 0;
    }
    .director_ril .chairman_block>div {
        flex: 0 0 100%;
    }
    .director_ril .chairman-bio,
    .tackle_block,
    .council_team {
        padding: 30px;
    }
    .director_ril .chairman-bio {
        padding: 30px 55px;
    }
    .team_profile,
    .mx-30,
    .space-rl {
        margin-left: 0;
        margin-right: 0;
    }
    .tackle_block h3,
    .council_team h4,
    .recron_block h4,
    .purified_block h4 {
        font-size: 25px;
    }
    .acquisitions .recron_block>.row>.col-md-4,
    .global-partnerships .recron_block>.row>.col-md-4 {
        margin-bottom: 20px;
    }
    .grnenergy_block .row.g-5>div {
        width: 100%;
        margin: 30px 0 0;
    }
    .director_ril .chairman-pic {
        padding-right: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 418px;
    }
    .media_block,
    .new_energy_block,
    .report-wise {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .newenergy_txt p {
        padding: 0;
    }
    .RIlGlobalPartner .partnerBox {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .RIlGlobalPartner .partnerBox .box {
        flex: 0 0 auto;
        width: 49%;
        margin: 0 0 18px;
    }
    .jioDigital .digitalJio,
    .RIlGlobalPartner {
        padding: 50px 0;
    }
    .RIlGlobalPartner .digitalJioSecTitle {
        margin-bottom: 25px;
    }
    .digitalJioCommittedVideo,
    .renewable_block {
        padding-top: 50px;
    }
    .renewable_block .tackle_block {
        margin: 0 0 30px !important;
    }
    .jioDigital .digitalJio h5 {
        font-size: 35px;
    }
    .jioDigital .digitalJio .whiteBg {
        padding: 25px 0 30px;
    }
    .business-text {
        bottom: 15px;
    }
    .businesses_block .row.mt-4>div {
        width: 50%;
    }
    .business__box a.explore-btn:before {
        top: 13px;
        right: 12px;
    }
    .award-block .row.mb-9>div {
        width: 33.333333%;
    }
    .planet_count .careerPlus .box:nth-child(3n)::after {
        content: "";
    }
    .planet_count .careerPlus .box:nth-child(2n)::after {
        content: none;
    }
    .flexbox>div {
        flex: 0 0 50% !important;
        max-width: 50%;
    }
    .stakeholder_block .row {
        justify-content: center;
    }
    .planet_count .careerPlus .box::after {
        right: 0;
    }
    .stakeholder_block .row>.col-md-4 {
        width: 50%;
    }
    .stakeholder_block figure img,
    .businesses_block .row.mt-4>div .business-image img {
        width: 100%;
    }
    .planet_count .careerPlus .box {
        flex: 0 0 50%;
    }
    .yoytext .ch_column {
        padding: 10px 0;
    }
    .workforce_block .strength_block .datacol:nth-child(2n)::after {
        content: none !important;
    }
    .covid19_block_text {
        padding-left: 0;
    }
    .foundation-block h2,
    .culture_block h2,
    .jio-studios h2,
    .rural-transform .foundation-block h2,
    .art-culture .culture_block h2 {
        font-size: 40px;
    }
    .art-culture .row.g-2>div {
        width: 100%;
    }
    .ril-foundation {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .rf-partnership .rd-project-text p {
        min-height: auto;
    }
    .rf-partnership .awards_item p br {
        display: none;
    }
    .ril-foundation .number-count small {
        font-size: 45px;
    }
    .ril-foundation .number-count span {
        vertical-align: middle;
        font-size: 18px;
        line-height: 23px;
    }
    .foundation-block {
        padding: 30px;
    }
    .health-block .rural_carousel .pink-box-text p {
        line-height: 22px;
        font-size: 16px;
    }
    .partnerships-block {
        padding: 15px 25px;
    }
    .health-block .rural_carousel .row.g-1>div:not(:last-child),
    .health-block .row.g-1>div:not(:last-child),
    .art-culture .row.g-2>div:not(:last-child) {
        margin-bottom: 15px;
    }
    .rngs {
        justify-content: center;
        flex-wrap: wrap;
    }
    .digital_first .blue-strip.rngs {
        justify-content: space-around;
    }
    .blue-strip-br .blue-strip>div {
        width: 50%;
        padding: 15px 0;
    }
    .blue-strip-br .blue-strip>div:not(:last-child)::after {
        right: 0;
    }
    .blue-strip-br .blue-strip>div:nth-child(2)::after {
        content: none;
    }
    .mid-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .ril-2 .block-3 {
        height: 394px;
    }
    .ril-2 .block-1 {
        height: 410px;
    }
    .ril-2 .block-4 {
        height: 264px;
    }
    .ril-foundation.ril-2 .images-gallery {
        max-width: 658px;
        width: 100%;
        margin: 50px auto 0;
    }
    .ril-foundation.ril-2 .foundation-block .row>div {
        width: 100%;
    }
    .foundation-block h4.fontjio2 {
        font-size: 25px;
        line-height: 30px;
    }
    .boxSpace {
        margin-bottom: 30px;
    }
    .glance-gallery>ul>li a .glance-gallery-poster>img,
    .start_btn>img {
        width: 60px;
    }
    .third-quarter-box h3 small {
        font-size: 21px;
        line-height: 28px;
    }
    .third-quarter-box {
        margin-top: 45px;
    }
    .third-quarter-box p {
        font-size: 18px;
    }
    .awards,
    .third-quarter {
        padding: 50px 0;
    }
    .third-quarter .row.justify-content-center>div {
        width: 50%;
    }
    .credit-rating .awards-wrap .awards-container {
        grid-gap: 25px;
    }
    .credit-content h2 {
        font-size: 25px;
        letter-spacing: 0;
    }
    .credit-img {
        width: 120px;
        height: 80px;
        right: 15px;
    }
    .third-quarter-box {
        margin-top: 60px;
    }
    .third-quarter-box h3 img {
        width: 30px;
        vertical-align: -4px;
    }
    .block-glance .past-events-box.glance .video-wrap {
        height: 550px;
    }
    .block-glance .glance-boxes {
        background: #053c8f;
    }
    .office_block {
        width: 416px;
    }
    .business-text>div+div {
        max-width: 125px;
        flex: 0 0 125px;
    }
    .forward-block .value-box {
        min-height: 430px;
    }
    .paddingSpace {
        padding: 0;
    }
    .awards .awards-wrapper .row.paddingSpace>.col-md-4,
    .forward-block .row .col-md-6.col-lg-4 {
        width: 50%;
    }
    .final_notices {
        padding: 40px 0;
    }
    .final_notices.space-btm {
        padding-bottom: 40px;
    }
    .csr_banner::before {
        background: linear-gradient(270deg, rgba(5, 60, 143, 0.15) 50.84%, #053c8f 56.83%);
    }
    .rilf__founder {
        margin-top: 25px;
    }
    .digital_media .row:nth-child(2)>div:first-child {
        order: 1;
    }
    .design-development.p-tb p {
        padding-left: 0;
    }
    .products_block .recron_block figure,
    .rubber_block .recron_block figure {
        margin-bottom: 20px;
    }
    .products_block.mobility-block .recron_block figure {
        margin-bottom: 0;
    }
    .jioPlatfrom.design-development .row>div figure img {
        width: 100%;
        margin-bottom: 20px;
    }
    .bothAddress .box:first-child,
    .colSpace {
        margin-bottom: 30px;
    }
    .bothAddress {
        display: block;
    }
    .tabbing .topTab {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }
    .digitalJioCommittedBox .columanBox h5 {
        font-size: 45px;
    }
    .jioPlatfrom.design-development .row>div,
    .digital_media .row>div,
    .digital_media .row>div>img,
    .awars-box-img>img {
        width: 100%;
    }
    .mobility-block .row>div:last-child {
        margin-bottom: 20px;
    }
    .relpet_block .recron_block>.row>div:last-child {
        order: 1;
    }
    .recron_block.relan_logo>.row>div:last-child {
        order: 2;
    }
    .relpet_block.oil-chemical-block .recron_block img {
        margin-bottom: 20px !important;
        margin-top: 0;
    }
    .quick_block {
        padding-bottom: 0;
    }
    .l-d .main-title {
        line-height: 70px;
    }
    .diversity-block,
    .grievance-block {
        padding-top: 50px;
    }
    .highlights_block {
        grid-template-columns: repeat(1, 1fr);
        padding: 60px 30px;
    }
    .harnessing_block .row>div,
    .harnessing_block .row>div>img,
    .highlights_block>div,
    .highlights_block .highlights_img img,
    .kirana-block>.row>div,
    .commerce_block .col-lg-11 {
        width: 100%;
    }
    .kirana-block .infoBox.bgcolor1,
    .kirana-block .infoBox.bgcolor2 {
        padding: 30px;
        border-radius: 0px;
    }
    .kirana-block>.row:first-child>div:first-child {
        order: 1;
    }
    .kirana-block .infoBox ul>li {
        display: inline-block;
        margin-right: 15px;
    }
    .kirana-block .infoBox h4 {
        margin-bottom: 25px;
    }
    .commerce_block p.px-5 {
        padding: 0 !important;
    }
    .space-mb2 {
        margin-left: 0;
        margin-right: 0;
    }
    .planet_count.Mmbpd .careerPlus .box p {
        padding: 0 30px;
    }
    .awards__reco+.container .strength_block .datacol:nth-child(2n)::after {
        content: none !important;
    }
    .career-left {
        margin-top: 0;
    }
    .block-career {
        padding-bottom: 40px;
    }
    .career-text {
        padding-right: 0;
    }
    .inner_banner-block .banner-holder h1,
    .video-banner h1 {
        font-size: 65px;
        line-height: 70px;
    }
    .awards__reco+.container {
        padding-top: 40px;
    }
    .channels_bg>div {
        flex: 0 0 100%;
    }
    .channels_bg {
        display: block;
    }
    .channels_bg::before {
        content: none;
    }
    .channels_bg>div:not(.tv-pic) {
        background: #053c8f;
        padding: 30px 30px 65px;
        border-radius: 6px 6px 0 0;
    }
    .media_block {
        position: relative;
    }
    .media_block .note {
        position: absolute;
        top: 38%;
    }
    .polyester_block.refining_block.oil_gas_block .mb-3 {
        margin-bottom: 1rem !important;
    }
    .recron_block,
    .purified_block {
        padding: 30px;
    }
    .rilmoblogo img {
        filter: brightness(0) invert(1);
    }
    .polyester_main .textiles_block .row>div,
    .polyester_main .textiles_block .row>div>img,
    .channels_bg>div.tv-pic figure img {
        width: 100%;
    }
    .aboutGenNext .quote_text .quote_2,
    .aboutGenNext .bg-cs-blue .quote_text .quote_2 {
        bottom: -15px;
    }
    .inner_banner-block .banner-holder h1 br {
        display: none;
    }
    .strength_block2>div {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .workforce_block .datacol:not(:last-child)::after {
        content: "" !important;
    }
    .workforce-strength .workforce_block .datacol:nth-child(2n):after {
        content: none !important;
    }
    .aboutch__block-sec2 .row,
    .diversity-block .profile__block {
        align-items: end;
    }
    .subsidiary-main .heading-title h1 {
        max-width: 100%;
    }
    .planet_block .profile__block {
        overflow: hidden;
    }
    .prosperity_text figure,
    .prosperity_text figure img,
    .prosperity_text>div,
    .zerocarbon_img,
    .zerocarbon_img img,
    .zerocarbon_text,
    .polyester_main .polyester_block .row .col-md-6,
    .polyester_main .polyester_block .row .col-md-6>img {
        width: 100%;
    }
    .zerocarbon_img {
        margin-bottom: 15px;
    }
    .netzero_box {
        flex-wrap: wrap;
    }
    .yoybanner-block::before {
        content: none;
    }
    .covid19_block>div>div>div,
    .yoybanner-block>div {
        flex: 0 0 100%;
        width: 100%;
    }
    .yoybanner-block {
        display: block;
    }
    .yoybanner-block>div.yoytext {
        background: #053c8f;
        padding: 30px 0;
    }
    .covid19_block>div>div>div figure img {
        width: 100%;
    }
    .wecare_block h3 br {
        display: none;
    }
    .workforce_block {
        margin-top: 20px;
    }
    .strength_block {
        grid-template-columns: repeat(2, 1fr);
    }
    .strength_block .datacol:nth-child(2)::after {
        content: none;
    }
    .aboutGenNext-content,
    .bg-cs-brown .aboutGenNext-content {
        align-content: inherit;
    }
    .aboutGenNext-content h2 {
        font-size: 50px;
        line-height: 54px;
        letter-spacing: normal;
    }
    .bg-cs-brown .aboutGenNext-content h2 {
        margin-top: 0;
    }
    .innovation-Prog .recron_block_content {
        min-height: 430px;
    }
    .mission-kurushetra p {
        font-size: 16px;
        line-height: 22px;
        padding-top: 0;
    }
    .mission-kurushetra {
        padding: 15px;
        min-height: 238px;
    }
    .blue-box {
        padding: 20px;
    }
    .leading-india .rural_content h5 {
        margin-bottom: 15px;
    }
    .leading-india .rural_content h5 br {
        display: none;
    }
    .leading-india .rural_content {
        padding: 20px 25px;
    }
    .leading-india .rural_content p {
        line-height: 24px;
    }
    .block-innovator .aboutGenNext-img img {
        width: 400px;
    }
    .block-innovator .aboutGenNext-profile::before {
        width: 430px;
        height: 430px;
    }
    .ptb-60 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .rd-project-text .buttonBox a {
        padding: 8px 20px;
    }
    .rd-project-text h3 {
        margin-bottom: 15px;
        min-height: 72px;
        font-size: 15px;
        line-height: 22px;
    }
    .subsidiary-main.RandD h1.heading,
    .rd-project .awards_item h2,
    .partner-block .awards_item h2 {
        font-size: 55px;
    }
    .jio-bp .highlights_text,
    .polyester_block.refining_block .highlights_text {
        width: 98%;
    }
    .two-column .table-row>div:nth-child(1) {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .two-column .table-row>div:nth-child(2) {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .rnd_project .modal-body .modal-holder {
        display: block;
    }
    .rnd_project .modal-body .rnd_text {
        width: 100%;
    }
    .rnd_project .modal-body .rnd_image {
        margin-right: 0;
        width: 100%;
        margin-bottom: 1rem;
    }
    .rnd_project .modal-body {
        padding: 25px 25px 10px;
    }
    .subsidiary-main h1 {
        margin-top: 30px;
    }
    .subsidiary-main.RandD {
        padding-bottom: 30px;
    }
    .polyester_block {
        padding: 30px;
    }
    .green-enery .rural_holder figure {
        padding: 20px 0 0;
    }
    .decarbonisation .polyester_block .align-items-center {
        align-items: self-start !important;
    }
    .offices {
        max-width: 100%;
    }
    .decarbonisation-2 .rural_holder figure,
    .decarbonisation-2 .rural_content {
        width: 100%;
    }
    .rural_holder figure img {
        border-radius: 6px;
    }
    .decarbonisation-2 .rural_holder figure img {
        height: 500px;
        object-fit: cover;
    }
    .sust-box-text p {
        min-height: 120px;
        font-size: 16px;
    }
    .sust-box-text h2 {
        font-size: 20px;
        line-height: 28px;
    }
    .financial-disc.startups h2 span {
        font-size: 92px;
        line-height: 70px;
    }
    .financial-disc.startups h2 {
        font-size: 51px;
        line-height: 52px;
    }
    .aboutGenNext-content p br,
    .start-ups-section .awards-wrapper p br,
    .video-events-txt h4 br {
        display: none;
    }
    .finance-report>li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .search-wrapper.report-wise .finance-report>li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .search-wrapper.report-wise.retail-investors .finance-report>li {
        flex: auto;
        max-width: none;
    }
    .programme-content h2 {
        line-height: 34px;
    }
    .third-quarter h2,
    .third-quarter-box h3,
    .ecosystem_block h2 {
        font-size: 55px;
        line-height: 60px;
    }
    .menu-content1,
    .menu-content2,
    .menu-content3,
    .menu-content4 {
        display: none !important;
    }
    .inner-header.board-header {
        margin-bottom: 0;
    }
    .md-left-blue {
        padding: 30px;
    }
    .submenu-item h5 {
        margin-bottom: 0;
        margin-top: 15px;
    }
    .menu-content.current {
        display: none !important;
    }
    .sustainability-block figure img,
    .social-block video {
        width: 100%;
    }
    .submenu-item h5 {
        font-size: 15px;
    }
    .rightspace {
        margin-right: 0;
    }
    .search-wrapper {
        height: 160px;
    }
    .images-gallery {
        margin-top: 60px;
    }
    .trns-none video {
        transform: scale(1);
    }
    .digitalJioCommittedBox.bottomSlide .columanBox::after {
        right: 0;
    }
    .founder__chairman h2 {
        font-size: 70px;
        line-height: 70px;
    }
    .home-header.sticky .navbar-expand-lg .navbar-collapse.show .nav-link {
        color: #fff !important;
    }
    .home-header .navbar-toggler .navbar-toggler-icon {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .home-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon,
    .home-header.sticky .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon,
    .home-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon.iconf {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .news-text {
        padding-right: 0;
    }
    .block-1 {
        height: 285px;
        margin-top: 40px;
    }
    .block-3 {
        height: 280px;
    }
    .block-2 {
        height: 96px;
    }
    .block-4 {
        height: 166px;
    }
    .career-left-btm {
        margin-top: 45px;
    }
    .home-header.sticky .dropdown-toggle::after {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .home-header.sticky .navbar-toggler .navbar-toggler-icon {
        filter: brightness(1) invert(0);
        -webkit-filter: brightness(1) invert(0);
    }
    .video-slider {
        height: auto;
    }
    .video-overlay video {
        object-fit: cover;
    }
    .jio-banner .video-overlay video {
        height: 100%;
    }
    .video-banner .video-overlay video {
        height: 100%;
    }
    .journey2020 .aboutch__block p:before {
        right: 0;
    }
    .journey2020 .aboutch__block p:after {
        left: -40px;
    }
    .document-pdf .cb-wrap p {
        font-size: 18px;
        line-height: 24px;
    }
    .block-investor {
        padding-top: 60px;
    }
    .video-box video {
        transform: scale(4);
    }
    .awars-box-content {
        padding: 18px;
    }
    .awars-box-content p {
        font-size: 18px;
        line-height: 24px;
    }
    .chairman-msg .csmb2 h2,
    .awards h2.investerSecTitle,
    .thanks__block h2 {
        font-size: 50px;
    }
    .thanks__block h2 {
        margin-bottom: 10px;
    }
    .thanks__block p {
        font-size: 22px;
    }
    .bg-img {
        width: 454px;
        height: 454px;
    }
    .testimonial-cont h6 {
        font-size: 20px;
    }
    .test_content {
        padding: 0 55px;
    }
    .test_content p {
        font-size: 16px;
        line-height: 22px;
    }
    .bicon::before {
        bottom: -15px;
    }
    .value-box {
        min-height: 540px;
    }
    .good-box h3 {
        font-size: 36px;
    }
    .made-in-india​_block h2 {
        font-size: 65px;
    }
    .made-in-india​_block h4 {
        font-size: 40px;
    }
    .made-in-india​_block h3 {
        font-size: 30px;
    }
    .made-in-india​_block h3 span {
        font-size: 20px;
    }
    h3.efect3,
    .about-title {
        font-size: 45px;
        line-height: 50px;
    }
    .business​__block h4 {
        font-size: 26px;
    }
    .business-text>div {
        max-width: 194px;
    }
    .business-text {
        padding: 0 10px;
    }
    .good-box {
        padding: 25px;
    }
    .awards h2.investerSecTitle {
        margin-bottom: 40px;
    }
    .value-box h4 {
        font-size: 26px;
    }
    .tagline {
        font-size: 28px;
        line-height: 30px;
    }
    .business-block ul#tabs-nav li:hover,
    .business-block ul#tabs-nav li.active {
        font-size: 20px;
    }
    .business-block h2 {
        font-size: 65px;
    }
    .sustainability-block h3 {
        font-size: 58px;
        line-height: 62px;
    }
    ul.story li {
        font-size: 18px;
    }
    .section-title {
        font-size: 65px;
    }
    .news-text p {
        font-size: 26px;
        line-height: 34px;
    }
    .sensex-box h3 {
        font-size: 22px;
    }
    .sensex-wrap {
        padding: 10px;
    }
    .video-block {
        height: auto;
    }
    .video-slider .slick-slide .video-overlay video {
        transform: scale(4);
    }
    .acc-content p br {
        display: none;
    }
    .menu-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .mob-search img {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .navbar-expand-lg .navbar-nav .nav-link:focus {
        outline: 0;
        border: none;
        box-shadow: none;
    }
    .mob-menu {
        display: block !important;
    }
    .about-founder__block h2.nameTag {
        bottom: 30px;
    }
    .about-founder__block h2.tag {
        bottom: -65px;
        left: 28%;
    }
    .about-founder__block .aboutAs {
        padding: 120px 60px 0 0px;
    }
    .founder-slider .item img {
        height: auto;
    }
    ul.sensex {
        margin-top: 20px;
    }
    ul.sensex li {
        margin-bottom: 8px;
    }
    ul.sensex li a,
    ul.sensex li {
        color: #fff;
    }
    .founders-image {
        bottom: 50px;
        width: 320px;
    }
    .memb-text h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .memb-text p {
        font-size: 14px;
        line-height: 20px;
    }
    .memorable-wrap.mw-right .memb-text {
        padding-left: 122px;
    }
    .mw-right .memb-text h3 br {
        display: none;
    }
    .speech-content h4 {
        font-size: 18px;
    }
    .about-founder__block .aboutAs p {
        font-size: 28px;
        line-height: 40px;
    }
    .memorable p {
        margin-bottom: 80px;
    }
    .investorRelations .investorBox h3 {
        font-size: 30px;
    }
    .investorRelations .investorBox span {
        font-size: 22px;
    }
    .investorRelations .investorBox p {
        font-size: 26px;
    }
    .reportDetails .flexCenter {
        padding: 15px;
    }
    .reportDetails .content h3 {
        font-size: 18px;
    }
    .subsidiariesBox .content p {
        font-size: 24px;
    }
    .subsidiariesBox .content a {
        font-size: 16px;
    }
    .subsidiariesBox .content {
        padding: 90px 15px 30px;
    }
    .subsidiariesBox .content a {
        padding: 10px 16px;
    }
    .subsidiariesBox .content a {
        font-size: 12px;
    }
    .subsidiariesBox .content p.fontSm {
        font-size: 16px;
        line-height: 22px;
    }
    .shareholdersBox .content ul li {
        font-size: 18px;
    }
    .shareholdersBox .content ul li {
        max-width: 160px;
        flex: 0 0 160px;
    }
    .corpBox.rightSide .hearBox h2 {
        font-size: 24px;
    }
    .corpBox.midBox .hearBox h2 {
        font-size: 24px;
    }
    .corpBox .hearBox h2 {
        font-size: 32px;
    }
    .corpBox.rightSide {
        padding: 15px 15px;
        height: 352px;
    }
    .corpBox.midBox {
        min-height: 166px;
    }
    .dir-title {
        font-size: 50px;
    }
    .navbar-expand-lg .navbar-nav {
        flex-wrap: wrap;
    }
    .top-menu {
        display: none;
    }
    .navbar,
    .home-header .navbar {
        border-top: none;
    }
    .document-box.bor-right::after {
        right: 60px;
    }
    footer .subscribe .block-simplenews-subscription-block {
        width: 100%;
    }
    .video-slider>div,
    .video-slider>div>div,
    .video-slider>div>div>div {}
    .video-overlay {
        height: 100%;
    }
    .awards-wrap .awards-container .awars-box-img img {
        height: auto;
    }
    main {
        overflow: hidden;
    }
    .navbar-collapse {
        align-items: flex-start;
    }
    .inner-header.sticky .navbar-light .navbar-nav .nav-link,
    .inner-header.sticky .navbar-light .navbar-text,
    .inner-header.sticky .top-menu li a,
    .inner-header.sticky .navbar-light .navbar-nav .nav-link:hover {
        color: #fff !important;
    }
    .founder {
        height: 260px;
        margin-bottom: 10px;
        display: none;
    }
    .navbar-expand-lg .navbar-nav .nav-item {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .navbar-expand-lg .navbar-nav>li:first-child {
        margin-left: 0.5rem;
    }
    .submenu-block h3 {
        font-size: 20px;
    }
    .submenu-item h4,
    .submenu-item .navmenu_title {
        font-size: 17px;
        margin-bottom: 1rem;
        max-width: 100%;
    }
    .submenu-block {
        padding: 20px 0 5px 0;
    }
    #Retailcls {
        padding: 0;
    }
    .inner-header .navbar {
        border-top: none;
    }
    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-text {
        color: #fff;
    }
    .dropdown-toggle::after {
        right: 0;
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .sticky.inner-header.about-header .dropdown-toggle::after {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .navbar>.navbar-text.serach {
        display: block;
        position: absolute;
        right: 80px;
        top: 15px;
        margin: 0;
    }
    .menu-trigger {
        display: none;
    }
    .block-career .section-title {
        margin-bottom: 30px;
        font-size: 65px;
    }
    .navbar-expand-lg .navbar-collapse {
        position: fixed;
        right: -345px;
        top: 0;
        bottom: 0;
        width: 345px;
        height: 100%;
        min-height: 100vh;
        z-index: 90;
        background-color: #26378d;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        padding: 60px 15px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        display: block;
        padding-top: 20px;
    }
    .navbar-expand-lg .navbar-collapse.show {
        right: 0;
        display: block !important;
    }
    .menu_scroll {
        overflow-y: scroll;
        height: 100%;
        padding-bottom: 45px;
    }
    header {
        padding: 15px 0 10px;
    }
    .custom-toggler.navbar-toggler {
        border-color: #d2ab67;
        position: absolute;
        top: 10px;
        right: 20px;
        display: block;
        z-index: 99;
        border: none;
    }
    .navbar-expand-lg .navbar-nav {
        display: block;
        width: 100%;
    }
    ul.navbar-nav>li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .video-content h1 {
        font-size: 60px;
        line-height: 70px;
        padding-bottom: 15px;
        margin-bottom: 25px;
        margin-top: 0;
    }
    .sustainability-block h3,
    .block.block-news .section-title,
    .agm_text .section-title,
    .block-investor .section-title {
        font-size: 60px;
        line-height: 70px;
    }
    .business-block .tabs-block {
        margin-left: 0;
    }
    span.navbar-text {
        display: none;
    }
    .submenu-holder {
        display: block;
    }
    .navbar-toggler .navbar-toggler-icon {
        background-image: url(/sites/default/files/images/mob-menu.png);
        background-size: 18px 19px;
    }
    .inner-header.board-header .navbar-toggler .navbar-toggler-icon.iconf {
        filter: inherit;
        -webkit-filter: inherit;
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon,
    .inner-header.board-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon.iconf {
        background-image: url(/sites/default/files/images/close.svg);
        filter: brightness(0) invert(1);
    }
    .inner-header.board-header .navbar-light .navbar-nav .nav-link,
    .inner-header.board-header .navbar-light .navbar-text {
        color: #fff;
    }
    .inner-header.board-header .dropdown-toggle::after {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .position-nav-static {
        position: relative !important;
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #fff;
    }
    .boardCommitteesSec {
        padding: 50px 0;
    }
    .RilBoardSec {
        padding: 50px 0 10px;
    }
    .boardCont h2 {
        font-size: 50px;
        line-height: 60px;
        margin-right: 70px;
    }
    .boardCont h2:after {
        right: -35px;
    }
    .boardCont p {
        font-size: 18px;
        line-height: 28px;
    }
    .aboutCommittee p,
    .aboutCommittee li {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 28px;
    }
    .aboutCommittee h5 {
        font-size: 22px;
        margin: 0 0 30px 0;
    }
    .aboutCommittee h5:after {
        bottom: -15px;
    }
    .aboutch__block {
        padding: 0;
    }
    .aboutch__block_block {
        padding: 50px 0 0;
    }
    .aboutch__block img {
        width: 480px;
    }
    .aboutAs p {
        font-size: 20px;
        line-height: 28px;
    }
    .aboutAs {
        padding: 160px 20px 0 0px;
    }
    .aboutAs p:after {
        top: -25px;
        left: -50px;
    }
    .aboutch__block h2.nameTag {
        font-size: 100px;
        line-height: 100px;
    }
    .aboutch__block h2.nameTag {
        bottom: 180px;
    }
    .chairman__title {
        margin-top: 40px;
    }
    .aboutch__block h2.tag {
        left: 28%;
        bottom: 80px;
    }
    .about-founder__block h2.nameTag {
        font-size: 90px;
        line-height: 70px;
    }
    .about-founder__block h2.tag {
        left: 25%;
    }
    .chairman-msg-box {
        margin-top: -70px;
    }
    .chairman-msg .csmb2 .col-md-3 {
        width: 33%;
    }
    .RILAwardBox img {
        width: auto;
    }
    .RILAwardBox {
        height: 170px;
    }
    #yr1957 .RILlogoSec img {
        width: 150px;
    }
    .historySecTitle {
        font-size: 45px;
    }
    .forty-five h2 {
        font-size: 50px;
        line-height: 104px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .quote {
        font-size: 25px;
        line-height: 41px;
        margin: 0 130px;
    }
    .quote:before {
        left: -20px;
    }
    .quote::after {
        right: 110px;
    }
    .quote br {
        display: none;
    }
    .founder__chairman {
        padding-bottom: 50px;
    }
    .founder__chairman h5 {
        font-size: 22px;
        line-height: 30px;
    }
    .mammothSec h6 {
        margin: 80px 0 0 0;
    }
    .mammothSec h5 {
        line-height: 80px;
    }
    .mammothSlider .boxStyle .rightSide {
        padding: 0 30px;
    }
    .mammothSlider .boxStyle .rightSide h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .mammothSlider .boxStyle .rightSide p {
        font-size: 18px;
        line-height: 24px;
    }
    .apirationSec {
        padding-bottom: 110px;
    }
    .historyYear {
        font-size: 140px;
        line-height: 114px;
        margin-bottom: 60px;
    }
    .wealth-creation-text h4 {
        font-size: 35px;
        padding-left: 20px;
    }
    .wealth-creation-text h5 {
        font-size: 52px;
        line-height: 80px;
    }
    .wealth-creation-text p {
        font-size: 18px;
        line-height: 28px;
    }
    .crtifict-box img {
        width: 100%;
    }
    .year1966 h5 {
        font-size: 28px;
    }
    .year1966.year1980 h4 {
        font-size: 50px;
    }
    .slick-slide .factory img {
        height: auto;
    }
    .factory-text {
        padding: 20px;
    }
    .factory-text h6 {
        font-size: 40px;
    }
    .factory-text p {
        font-size: 18px;
        line-height: 28px;
    }
    .global-energy .slick-next {
        right: -30px;
    }
    .global-energy .slick-prev {
        left: -20px;
    }
    .year2002 .historyYear {
        margin-bottom: 50px;
        margin-top: 20px;
    }
    .bothYear h4 {
        line-height: 25px;
        font-size: 38px;
    }
    .year2002 .globalBox .detail,
    .year2020-22 .globalBox .detail {
        padding: 0 15px;
    }
    .year2002 .globalBox .detail h5,
    .year2020-22 .globalBox .detail h5 {
        padding-left: 0;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .year2002 .globalBox .detail p,
    .year2020-22 .globalBox .detail p {
        font-size: 16px;
        line-height: 22px;
    }
    .RILhistory .year2004 h5 {
        font-size: 26px;
    }
    .RILhistory h5 span {
        font-size: 50px;
        line-height: 60px;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 50px;
        line-height: 80px;
    }
    .RILhistory .year2004 p {
        font-size: 18px;
        line-height: 26px;
        margin-top: 30px;
    }
    .yearLeftSide {
        padding-top: 30px;
    }
    .year2004 .yaerRightSideImg img {
        width: 540px;
        flex: none;
    }
    .year2004 {
        padding-bottom: 140px;
    }
    .year2006 .yearLeftSide {
        padding-left: 50px;
        margin-bottom: 0;
        padding-top: 30px;
    }
    .RILhistory h5 span {
        font-size: 35px;
    }
    #yr2006.year2004 .yearLeftSide h6 {
        letter-spacing: normal;
        width: 500px;
    }
    .bothYear p {
        padding: 0 140px;
        margin-top: 10px;
    }
    .year2009Bg {
        padding: 0 0 110px 0;
    }
    #yr2010 .yearLeftSide {
        padding-top: 55px;
    }
    .year2016-bg {
        padding-bottom: 130px;
    }
    #yr2020 .yaerRightSideImg {
        width: 100%;
    }
    #yr2020 ul li {
        padding: 0 20px;
        margin-bottom: 20px;
    }
    #yr2020 ul {
        margin: 30px 0 0 0;
    }
    .year2020-21.bothYear p {
        font-size: 20px;
        margin-top: 14px;
    }
    .againstDetail ul {
        background: #fff;
        border-radius: 10px;
        text-align: left;
        padding: 20px 24px 10px;
    }
    .againstDetail ul li {
        font-size: 18px;
        line-height: 22px;
    }
    .journey2020 .historyYear {
        margin-bottom: 50px;
    }
    .journey2020 .detail ul {
        margin: 0 12px;
        padding: 15px 14px 10px;
    }
    .journey2020 .detail ul li {
        margin-bottom: 10px;
    }
    .journey2020 .detail ul li h6 {
        font-size: 18px;
        margin: 0 0 5px 0;
    }
    .journey2020 .detail ul li p {
        font-size: 18px;
        line-height: 23px;
    }
    .journey2020 .aboutch__block p {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .journey2020 .aboutch__block {
        padding: 0 100px;
        margin-top: 110px;
    }
    #yr2004 .yearLeftSide {
        margin-bottom: 130px;
    }
    .journey2020 .flexSide {
        padding: 0 100px;
    }
    .jioDigital .digitalJio p {
        font-size: 20px;
        line-height: 30px;
        padding: 0 30px;
    }
    .jioDigital .digitalJio .jioBox p {
        font-size: 19px;
        line-height: 30px;
    }
    .jioBox.rightSpace {
        padding-right: 0;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        padding: 260px 0 70px;
    }
    .digitalJioCommittedBox.bottomSlide {
        margin-top: 50px;
    }
    .RIlGlobalPartner p.subTitle {
        font-size: 26px;
        line-height: 34px;
        padding: 0 140px;
    }
    .jioFuture li {
        font-size: 15px;
        line-height: 19px;
        padding-bottom: 13px;
        margin-bottom: 12px;
    }
    .RILFound .RILFlexArea .contentBox p {
        font-size: 18px;
        padding: 0;
        line-height: 23px;
    }
    .RILFound .RILFlexArea .contentBox {
        padding: 15px;
    }
    .RILFound {
        background: #fdf2df;
        padding: 70px 0;
    }
    .RILFound .RILFlexArea .contentBox img {
        margin-bottom: 20px;
        max-width: 260px;
    }
    .about-founder__block .aboutAs p::before {
        right: 0;
    }
    .maril h2 span {
        left: 50px;
    }
    .nav-link.show.dropdown-toggle::after {
        transform: rotate(180deg);
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .quote::after {
        right: -15px;
    }
    .RILhistory .container {
        max-width: 744px;
    }
    .factory {
        max-width: 100%;
    }
    .global-energy .slick-prev {
        left: -15px;
    }
    .global-energy .slick-next {
        right: -15px;
    }
    .RILhistory .year2004#yr2004 p {
        padding-right: 0;
        margin-top: 0;
        padding-left: 0;
    }
    .RILhistory #yr2004.year2004 h5 {
        margin-bottom: 10px;
        padding-left: 0;
    }
    .RILhistory .year2004#yr2004 .yearLeftSide h6 {
        width: 640px;
        padding: 0px 0px 0 40px;
    }
    .year2006 .yearLeftSide {
        padding-left: 0;
    }
    .RILhistory .year2004 p {
        padding-right: 0;
        margin-top: 16px;
    }
    .bothYear h4 {
        line-height: 50px;
    }
    .year2009.bothYear p {
        padding: 10px 30px 0 0;
    }
    .founder__chairman h2 {
        font-size: 60px;
        line-height: 60px;
    }
    .wealth-creation-text {
        padding-left: 0;
    }
    .wealth-creation-text p {
        padding-right: 20px;
    }
    .mammothSlider {
        padding: 0;
    }
    .wealth-creation-text h4 {
        padding-left: 0;
    }
    .year2002 .globalBox .detail p,
    .year2020-22 .globalBox .detail p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .year2002 .globalBox .detail,
    .year2020-22 .globalBox .detail {
        padding: 0 0 0 15px;
    }
    .RILhistory .year2004 p {
        font-size: 16px;
        line-height: 24px;
    }
    .historyYear {
        font-size: 130px;
        line-height: 104px;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 38px;
        line-height: 75px;
    }
    #yr2004.year2004 {
        padding-bottom: 0;
    }
    .year2004 .yaerRightSideImg img {
        width: 540px;
    }
    .RILhistory .year2004#yr2006 .yearLeftSide h6 {
        width: 406px;
    }
    .RILhistory .year2004 .yearLeftSide h6 {
        width: 406px;
    }
    #yr2006.year2004 {
        padding-bottom: 180px;
    }
    .year2009.bothYear h4 {
        font-size: 40px;
        margin-bottom: 0;
    }
    #yr2010 .historyTwoSide video {
        width: 47%;
        flex: none;
    }
    #yr2016-17.year2016-bg .globalBox img {
        width: 130px;
    }
    .year2002 .globalBox .detail h5,
    .journey2020 .globalBox .detail h5 {
        margin-bottom: 0px;
    }
    .journey2020 .globalBox img {
        width: 120px;
    }
    .RILhistory .year2004#yr2020 .yearLeftSide h6 {
        width: 480px;
        margin-bottom: 15px;
    }
    .journey2020 .aboutch__block p::before {
        right: 120px;
    }
    .year2009.bothYear .alCenter p {
        padding: 0 30px;
    }
    #yr2020 .historyYear {
        margin-bottom: 50px;
    }
    .year2002.year2002-bg {
        padding-bottom: 100px;
    }
    .year2004#yr2010 {
        padding-bottom: 160px;
    }
    .year2002 .globalBox .box,
    .year2020-22 .globalBox .box {
        margin: 0 10px;
    }
    .year2016-bg {
        padding-bottom: 80px;
    }
    .journey2020 .detail,
    .journey2020 .imgBox {
        flex: none;
        width: 100%;
    }
    .journey2020 .year2020-22 .detail {
        flex: auto;
    }
    .journey2020 .netZero {
        display: block;
    }
    .journey2020 .detail ul {
        margin: 0 0 20px;
    }
    .investorBanner h1,
    .jio-banner h1,
    .video-banner h1,
    .investor-page.historyPage h1,
    .inner_banner-block .banner-holder h1 {
        font-size: 60px;
        line-height: 65px;
        padding-right: 0;
    }
}

@media (max-width:1024px) {
    .we_care img {
        max-width: 560px;
    }
    .decarbonisation .leaf-1 {
        width: 59px;
        left: -40px;
        top: 18%;
    }
    .decarbonisation .leaf-3 {
        left: -50px;
        width: auto;
        bottom: -30px;
    }
    .rrvl .kirana_holder .rightSide::after {
        top: 55%;
    }
    .release_block h1 {
        font-size: 40px;
    }
    .planet_block .profile__block::before {
        width: 450px;
        height: 420px;
    }
    .businesses-back::before {
        background: rgba(0, 0, 0, 0.55);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .rilf__founder::before {
        top: 120px;
        right: -20px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 900px;
    }
    .television_ ul.news-logo {
        grid-template-columns: repeat(6, 1fr);
    }
    .kirana-block::after {
        top: 49%;
    }
    .product-brands .bl-image img {
        width: 160px;
    }
    .aboutch__block_block.aboutch__block::before {
        width: 520px;
        height: 500px;
    }
    .title {
        font-size: 28px;
    }
    .document-pdf .cb-wrap .pdf-icon {
        margin-right: 10px;
    }
    .apirationSec {
        padding-bottom: 70px;
    }
    .year1966 {
        padding-bottom: 70px;
    }
    .year2002.year2002-bg {
        padding-bottom: 70px
    }
    .year2005 {
        padding-bottom: 70px
    }
    #yr2004 .yearLeftSide {
        margin-bottom: 70px;
    }
    #yr2006.year2004 {
        padding-bottom: 140px;
    }
    .year2009Bg {
        padding: 0 0 70px 0;
    }
    .year2004#yr2010 {
        padding-bottom: 100px;
    }
    .year2016-bg {
        padding-bottom: 70px;
    }
    .year2022 {
        margin-top: 70px;
    }
    .year2020-22 {
        padding-bottom: 70px;
    }
    .journey2020 .aboutch__block {
        margin-top: 70px;
    }
    .aboutGenNext-content h2.left-padd span {
        padding-right: 0;
    }
    .bg-cs-brown .aboutGenNext-content h2 span,
    .bg-cs-brown .aboutGenNext-content h2 {
        padding-left: 0;
    }
    .aboutGenNext-content h5 {
        padding-left: 0;
    }
    .aboutGenNext-content p {
        margin-bottom: 0;
    }
    .block-innovator .aboutGenNext-content p {
        margin-bottom: 30px;
    }
    .aboutGenNext-content {
        padding: 40px 20px;
    }
    .aboutGenNext-profile::before {
        top: 37%;
    }
    .year2004 .yaerRightSideImg img {
        width: 486px;
    }
    .RILhistory .year2004#yr2006 .yearLeftSide h6 {
        width: 382px;
    }
    .RILhistory .year2004 .yearLeftSide h6 {
        width: 382px;
    }
    .rilf__founder .col-md-6 .aboutas .quote_1,
    .rilf__founder .col-md-6 .aboutas .quote_2 {
        position: initial;
    }
    .rilf__founder .col-md-6 .aboutas .quote_1 {
        margin: 0 0 10px 0;
    }
    .rilf__founder .col-md-6 .aboutas .quote_2 {
        margin: 0 0 -10px 0;
    }
    .relianceChairman2 .chairmanBox h2 {
        font-size: 24px;
    }
    .video-wrapper2 {
        bottom: 40px;
    }
    .yr-mtp {
        margin-left: 70px;
    }
    .investorBanner p,
    .jio-banner p,
    .video-banner p,
    .inner_banner-block p {
        font-size: 25px;
    }
    .ptb {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .financial-disc h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .name-heading {
        font-size: 35px;
        line-height: 35px;
    }
    .ch-img h2.nameTag {
        font-size: 70px;
        line-height: 75px;
    }
    .reatil-head {
        font-size: 40px;
        line-height: 40px;
    }
    .row-seperation {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .chairman-msg-box {
        margin-top: -75px;
        padding: 40px;
    }
    .dir-title {
        font-size: 45px;
    }
    .mediaicon {
        top: -108px;
    }
    .shareholdersBox .content ul li {
        max-width: 140px;
        flex: 0 0 140px;
    }
    .resourceButton a {
        padding: 13px 30px;
    }
    .buttonBox a {
        padding: 12px 30px;
    }
    .aboutFinancial .buttonBox a {
        padding: 14px 30px;
    }
    h2.investerSecTitle {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 30px;
    }
    .InvesterShareholders .titleBox h2 {
        margin-bottom: 30px;
    }
    .investorBoxBlue {
        margin-top: 15px;
    }
    .subsidiariesBox .content p {
        font-size: 22px;
    }
    .shareholdersBox .infoBox ul li a {
        font-size: 18px;
        line-height: 22px;
    }
    .shareholdersBox .infoBox ul li {
        margin-bottom: 5px;
    }
    .shareholdersBox .content h3 {
        font-size: 45px;
        margin-bottom: 40px;
    }
    .shareholdersBox .infoBox {
        padding: 40px;
    }
    .shareholdersBox .infoBox h5 {
        font-size: 26px;
    }
    .awards {
        padding: 50px 0;
    }
    .yr-mtp {
        margin-left: 0;
    }
    .about-founder__block h2.nameTag {
        font-size: 80px;
        line-height: 60px;
    }
    .about-founder__block h2.nameTag {
        left: 6%;
    }
    .about-founder__block h2.tag {
        left: 25%;
        bottom: 95px;
    }
    .maril h2 {
        font-size: 70px;
        line-height: 70px;
    }
}

@media (max-width:991px) {
    .subscribe_box .submitmsg [aria-label="Error message"] {
        top: 105px;
    }
    .main-heading::after {
        top: 50px;
    }
    .breadcrumb ul li {
        margin-right: 10px;
        padding-right: 10px;
        font-size: 15px;
    }
    .breadcrumb li::before {
        top: 5px;
        left: -15px;
    }
    .news-text {
        min-height: 151px;
    }
    .press-block .views-exposed-form .js-form-item.form-item select {
        background-size: 12px 12px;
        padding: 0.375rem 1.7rem 0.375rem 0.42rem;
    }
    .block-innovator .aboutGenNext-content p {
        margin-bottom: 15px;
    }
    .jio-gennext-text {
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
    }
    .jio-gennext_owner {
        padding-top: 25px;
    }
    .jio-gennext-text h2 span {
        padding-left: 0;
    }
    .jio-gennext-text h5 {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .jio-gennext {
        padding-top: 40px;
    }
    .corpBox.boxp p {
        min-height: inherit;
    }
    .venue_box-desk {
        display: none;
    }
    .board-block.result-bod {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .past-events-box .past-events-txt h4 {
        font-size: 18px;
    }
    .past-events-box .publish-date {
        display: block;
    }
    .past-events-box .publish-date>div:nth-child(1) {
        max-width: 100%;
        min-height: auto;
        margin-bottom: 5px;
    }
    .welcome-box h2 {
        font-size: 34px;
        line-height: 38px;
    }
    .we_care {
        padding-top: 30px;
    }
    .we_care img {
        max-width: 500px;
    }
    .event-details h2,
    .event-details h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .rubber_block.relx-block .recron_block {
        margin-top: 0;
    }
    .product-logo.c_logos {
        text-align: center;
    }
    .rural_trans .rural_box .intro_text {
        text-align: left;
    }
    .col-cs-6.bg-cs-blue .aboutGenNext-content {
        flex: 0 0 78%;
        max-width: 78%;
    }
    .four-zero-four h1 {
        font-size: 110px;
        line-height: 110px;
    }
    .four-zero-four h2 {
        font-size: 35px;
    }
    .four-zero-four p {
        font-size: 18px;
    }
    .four-zero-four {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .top-space {
        margin-top: 35px;
    }
    .event-details h1 {
        font-size: 35px;
        margin-bottom: 15px;
    }
    .event-details h4 {
        font-size: 20px;
    }
    .date-block {
        padding: 15px;
    }
    .date-block h6 span {
        padding-bottom: 10px;
        margin: 10px 0 10px 0;
    }
    .press-listing .press-txt h4 {
        min-height: 96px;
    }
    .bio-content .tab-content {
        padding: 20px;
    }
    .planet_block .profile__block .profile__bio .quote_1,
    .planet_block .profile__block .profile__bio .quote_2 {
        position: relative;
    }
    .planet_block .profile__block .profile__bio .quote-block p {
        font-size: 20px;
    }
    .planet_block .profile__block .profile__bio .quote_2 {
        margin-left: 10px;
    }
    .planet_block .profile__block::before {
        width: 350px;
        height: 310px;
    }
    .businesses_block.petro .business-text>div {
        max-width: 190px;
    }
    .businesses_block.petro h4 {
        font-size: 25px;
    }
    .subsidiariesBox .content p span {
        display: initial;
    }
    .management-block .mgmnt-box {
        padding: 35px 25px;
        margin-bottom: 15px;
    }
    .iepf-box.bg-pink {
        margin-top: 15px;
    }
    .value_block p {
        font-size: 17px;
        line-height: 22px;
    }
    .rural_trans .rural_holder {
        padding-bottom: 25px;
    }
    .rural_trans .rural_carousel .rural_content {
        padding: 25px 25px 10px;
    }
    .rural_trans .asterisk {
        bottom: 15px;
    }
    .rf-partnership .pd-90 .row>div {
        width: 100%;
    }
    .block-innovator .aboutGenNext-content h2 {
        padding-left: 50px;
        padding-top: 20px;
    }
    .goldenbg .whitebox_block.pad-lr {
        padding-top: 0;
    }
    .health-block .rural_carousel .row.g-1>div,
    .health-block .row.g-1>div {
        width: 100%;
    }
    .ril-foundation.ril-2 .images-gallery {
        margin: 10px auto 0;
    }
    .ril-2 .block-3 {
        margin-top: 0;
        height: 375px;
    }
    .ril-2 .block-1 {
        height: 397px;
        margin-bottom: 15px;
        margin-top: 62px;
    }
    .ril-2 .right-block {
        margin-left: 1%;
    }
    .ril-2 .left-block {
        margin-right: 1%;
    }
    .health-block .rural_carousel .pink-box-text p {
        line-height: 26px;
        font-size: 18px;
    }
    .blue-strip.rngs.mid-divider p {
        padding-left: 10px;
        padding-right: 10px;
    }
    .product-brands .bl-image img {
        width: 160px;
    }
    .video-js .vjs-big-play-button {
        font-size: 2.1em;
    }
    .commanTabList {
        grid-template-columns: repeat(3, 1fr);
    }
    #MSDSAndShelfLife ul.commanTabList {
        grid-template-columns: repeat(2, 1fr);
    }
    .pp-logo {
        margin: 10px 0;
    }
    ul.unclaimed-item>li>a {
        font-size: 18px;
        line-height: 22px;
    }
    .aboutch__block-sec2 .aboutAs.invent .quote_text {
        padding-left: 0;
    }
    .profile__bio.sponsor .quote-block {
        padding-right: 0;
        padding-left: 30px;
        margin-right: 0;
    }
    .business​__block.business-block2 .business-text>div {
        max-width: 190px;
    }
    .subsidiary-list.career_search .subsidiary-content h2 {
        font-size: 20px;
        min-height: auto;
        line-height: 26px;
    }
    .management-block .mgmnt-box.bg-blue .mgmnt-content h2,
    .management-block .mgmnt-box.bg-brown .mgmnt-content h2 {
        margin-bottom: 15px;
    }
    .fake-offers ul li {
        margin: 0 5px 15px;
    }
    .fake-offers ul li a {
        font-size: 15px;
        padding: 10px 20px;
    }
    .fake-offers h3 {
        margin-bottom: 20px;
    }
    .aboutch__block.aboutch__block_block img {
        width: 290px;
    }
    .careers_quote .quote_text {
        line-height: 30px;
        margin-bottom: 60px;
    }
    .careers_quote .quote_text br {}
    .unclaimed-box .total_amt span {
        margin-right: 3px;
    }
    .unclaimed-box .total_amt {
        padding-left: 0;
    }
    .unclaimed-box .total_amt input {
        max-width: 90px;
    }
    .client_details>div:nth-child(1) {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .news-media .press-txt h4 {
        min-height: 96px;
    }
    .unclaimed-box .views-exposed-form .js-form-item.form-item {
        width: 37%;
    }
    .iepf-box h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .iepf-box span,
    .unclaimed-box h3 {
        font-size: 24px;
    }
    .iepf-box span br {
        display: none;
    }
    .unclaimed-box {
        padding: 30px;
    }
    .media-block .finance-report>li {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
    .resource-video .glance-gallery li {
        margin-top: 15px;
    }
    .playericon img {
        width: 60px;
    }
    .views-exposed-form .js-form-item.form-item .form-text {
        width: 100%;
    }
    .bio-content .press-block .views-exposed-form .js-form-item.form-item select {
        width: 94% !important;
    }
    ._eB2B .eb2b-bg .mgmnt-content h2 span {
        display: block;
    }
    .press-txt {
        padding: 15px;
    }
    #tdSite span {
        padding-left: 0;
    }
    .map_tabs ul li:first-child,
    .map_tabs ul li:first-child a {
        width: 178px;
    }
    .career-left-btm {
        margin-top: 30px;
    }
    .block-investor .container .row .col-lg-3 {
        order: 1;
    }
    .block-investor .container .row .col-lg-9 {
        order: 2;
    }
    .about-energy span {
        display: block;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .about-energy .custom_btn {
        border-radius: 22px;
        padding: 8px 20px;
    }
    .environmental_block {
        padding-top: 40px;
        padding-bottom: 0;
    }
    .figureimg img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
    }
    .locations_block h2 {
        font-size: 38px;
    }
    .locations_block h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .locations_block h5 {
        font-size: 18px;
    }
    .map_tabs ul li a {
        width: 170px;
    }
    .map_tabs ul li {
        margin: 0 3px 8px;
    }
    .health-safety-block .alert-block {
        margin-bottom: 20px;
    }
    .ril_people.policy-modal .btn-close {
        right: 10px;
        top: 10px;
    }
    .main-title {
        margin-bottom: 25px;
    }
    .strategy-text h2 {
        font-size: 45px;
        margin-bottom: 15px;
    }
    .strategy-block {
        padding: 50px 0;
        text-align: center;
    }
    .management-block {
        padding: 30px 0;
    }
    .management-block .mgmnt-content h2 br {
        display: none;
    }
    .mgmnt-box .mgmnt-content::after {
        width: 30%;
    }
    .we-care-content h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .fs-block {
        padding: 30px;
    }
    .intro-text {
        margin-bottom: 20px;
    }
    .product-brands h2 {
        font-size: 30px;
        margin-bottom: 20px;
        line-height: 35px;
    }
    .product-brands .bl-text p {
        line-height: 22px;
        font-size: 16px;
    }
    .grievance-block.product-brands {
        padding-top: 30px;
        margin-top: 30px;
    }
    .block-investor .section-title {
        margin-bottom: 50px;
    }
    .we-care-bg p span sup {
        font-size: 20px;
    }
    .we-care-bg h3,
    .we-care-bg p span,
    .we-care-bg p {
        font-size: 22px;
        line-height: 30px;
    }
    .we-care-bg {
        max-width: 380px;
    }
    .cus-title {
        margin-bottom: 0;
    }
    ._eB2B .mgmnt-box {
        margin-top: 20px;
    }
    ._eB2B.management-block {
        padding-top: 0;
    }
    .noresult {
        padding-top: 15px;
    }
    .noresult h2 {
        font-size: 16px;
    }
    .filter.checkboxes_block form {
        display: block;
    }
    .search-wrapper .filter.checkboxes_block .form-checkboxes ul li {
        min-width: 108px;
    }
    .filter.checkboxes_block ul {
        height: 118px;
        overflow: hidden;
    }
    .insignts-deatil-text {
        margin-top: 1rem;
    }
    .first-block {
        display: block;
    }
    .views-element-container+.views-element-container .press-block h1.heading.mb-5 {
        display: none;
    }
    .insights-main-txt {
        padding-right: 15px;
        margin-bottom: 10px;
    }
    .insights-txt h5 {
        font-size: 18px;
    }
    .rjil_investor_block .column {
        padding: 30px;
    }
    .thanks__block p,
    .rjil_investor_block h3 {
        font-size: 20px;
    }
    .rjil_investor_block p.formerly {
        font-size: 17px;
        line-height: 24px;
    }
    .thanks__block h2 {
        font-size: 40px;
    }
    .thanks__block {
        padding: 60px 0 60px;
    }
    .press-txt h4 {
        min-height: 72px;
    }
    .insights_block .row {}
    .insights_block .row .col-md-4 {
        width: 50%;
    }
    .rc-block h2 {
        margin-bottom: 15px;
    }
    .rc-block.resource_list h2 {
        margin-bottom: 20px;
    }
    .rc-block .reportbox .row>div:first-child {
        margin-bottom: 25px;
    }
    .rc-block h2 span {
        display: inline-block;
        margin-left: 10px;
    }
    .mammothSlider .boxStyle {
        display: block;
    }
    .mammothSlider .boxStyle .leftSide,
    .mammothSlider .boxStyle .rightSide,
    .first-block .insights-profile,
    .first-block .right-txt {
        width: 100%;
    }
    .first-block .right-txt {
        padding-left: 0;
    }
    .insights-details p:last-child {
        margin-bottom: 0;
    }
    .mammothSlider .boxStyle .rightSide {
        border-radius: 4px;
    }
    .year2002 .globalBox .detail,
    .year2020-22 .globalBox .detail {
        margin: 0;
    }
    .newsletter-wrapper h2 {
        font-size: 25px;
        line-height: 24px;
    }
    .sustainability-block .tabcontent figure,
    .sustainability-block .tabcontent .social-block {}
    .sustainability-block .tabcontent figure img,
    .sustainability-block .tabcontent .social-block video {
        object-fit: cover;
        height: 100%;
    }
    .kirana_holder .rightSide::after {
        top: 58%;
    }
    .block.block-news .section-title {
        font-size: 55px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 640px;
    }
    .navbar-brand {
        margin-right: 0;
    }
    .finance-report>li>span {
        padding: 10px;
    }
    .compliance-reports .bio-tab>li span {}
    .insights-listing .row>div {
        width: 50%;
    }
    .insights-main-txt h4 {
        font-size: 20px;
        line-height: 24px;
        min-height: 60px;
    }
    .insights-main-txt h5 {
        font-size: 18px;
    }
    .insights-txt h4,
    .insights-main-txt h4,
    .insights-txt h5,
    .insights-main-txt h5,
    .insights-main-txt h6 {
        font-size: 17px;
        line-height: 22px;
    }
    .insights-txt h5 {
        margin-bottom: 0
    }
    .insights-txt h6 {
        padding-top: 0;
    }
    .insights-txt h6::before,
    .insights-main-txt h6::before {
        display: none;
    }
    .insights-main-txt h6 {
        padding-top: 0;
    }
    .insights-txt h4 {
        min-height: 86px;
        margin-bottom: 15px;
    }
    .insights-txt h4,
    .insights-main-txt h4 {
        padding-bottom: 15px;
    }
    .insights-txt {
        background-color: #fff;
        padding: 15px 0 15px;
    }
    .press-block {
        margin-top: 30px;
    }
    #block-reliance-content .insights-listing .row>a>div {
        width: 100%;
    }
    #block-reliance-content .insights-listing .row>a>div.col-md-4 {
        order: 2;
    }
    #block-reliance-content .insights-listing {
        margin-bottom: 30px;
    }
    .insights-box {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .subscriptions_block .button--primary {
        top: 2px;
    }
    .first-block>div>figure>img {
        width: 100%;
    }
    .right-txt {
        margin-left: 0;
    }
    .calculator_block iframe {
        min-height: 540px;
        padding-bottom: 0;
    }
    .event-title .years {
        font-size: 50px;
        width: 86px;
    }
    .event-title {
        margin-left: 25px;
    }
    .past-events-box .event-title_block {
        max-width: 414px;
    }
    .event-title .years sup {
        top: -22px;
        left: -12px;
        font-size: 24px;
    }
    .event-title .meeting,
    .event-title .meeting span {
        font-size: 28px;
        line-height: 34px;
    }
    .past-events-box .video-wrap p {
        font-size: 19px;
    }
    .events-main-block.pad .video-text {
        display: block;
    }
    .webcast-wrap .views-exposed-form {
        display: block;
    }
    .search-wrapper .webcast-wrap .views-exposed-form .js-form-item.form-item {
        width: 100%;
        text-align: left;
        padding: 0 15px;
        margin: 5px 0;
    }
    .webcast-bottom .glance-boxes {
        background-size: 320px;
    }
    .views-exposed-form .js-form-item.form-item select {
        width: 100%;
    }
    .ecosystem_block::after {
        top: 20%;
    }
    .suppliers .mgmnt-box {
        justify-content: center;
    }
    .row.eb2b2.suppliers>div {
        width: 100%;
    }
    .suppliers .mgmnt-box>div,
    .suppliers .mgmnt-box.bg-brown .mgmnt-content {
        flex: 0 0 0;
        white-space: nowrap;
    }
    .suppliers .mgmnt-box>div.mgmnt-button,
    .suppliers .mgmnt-box.bg-brown .mgmnt-content {
        margin-left: 0;
    }
    .suppliers .mgmnt-box.bg-brown2>div.mgmnt-button {
        margin-left: 0;
    }
    .mgmnt-box.mgmnt-box2 .mgmnt-content::after {
        right: -25px;
    }
    .suppliers .mgmnt-box.bg-brown .mgmnt-content::after {
        left: -25px;
    }
    .council_block.acquisitions .recron_block,
    .council_block.global-partnerships .recron_block,
    .customers_block .row>div {
        margin-top: 30px;
    }
    .banner_media h3 {
        max-width: 680px;
    }
    .director_ril .quote-block {
        max-width: 100%;
        margin-bottom: 120px;
    }
    .director_ril .chairman-pic {
        max-width: 304px;
    }
    .jioPlatfrom .jioPlatfromBox .PlatfromContentImg {
        height: auto;
    }
    .jioPlatfrom h6 {
        padding: 0;
        margin-bottom: 30px;
    }
    .jioPlatfrom h2 {
        margin-bottom: 25px;
    }
    .digital-lifeline {
        margin-top: -40px;
    }
    .jio-cont .digitalJioCommittedBox>div {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333%;
    }
    .jio-cont .digitalJioCommittedBox>div h5,
    .jio-cont+.container-fluid .digitalJioCommittedBox>div h5 {
        font-size: 35px;
    }
    .jio-cont .digitalJioCommittedBox .columanBox p,
    .jio-cont .digitalJioCommittedBox .columanBox h6 {
        font-size: 15px;
    }
    .jio-cont+.container-fluid .digitalJioCommittedBox .columanBox:nth-child(2n):after {
        content: none;
    }
    .jio-cont+.container-fluid .digitalJioCommittedBox.bottomSlide {
        margin-top: 0;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        padding: 240px 0 50px;
    }
    .harnessing_block ul>li:last-child {
        margin-bottom: 0px;
    }
    .harnessing_block .row>div:first-child {
        margin-bottom: 12px;
    }
    .award-block .row.mb-9>div {
        width: 50%;
    }
    .value_block {
        min-height: 288px;
    }
    .quote-block {
        max-width: 424px;
    }
    .ril-2 .block-4 {
        height: 230px;
    }
    .chairman-video #html5-videos>li {
        width: 100%;
    }
    .chairman-video #html5-videos>li:not(:last-child) {
        margin-bottom: 30px;
    }
    .credit-content p {
        font-size: 18px;
        line-height: 24px;
    }
    .ranked_block .careerPlus {
        padding-top: 110px;
        padding-bottom: 20px;
    }
    .leading-india .rural_holder figure img {
        height: 460px;
        object-fit: cover;
    }
    .credit-content2 h3 {
        font-size: 16px;
    }
    .credit-content2 p {
        font-size: 18px;
    }
    .fs-block {
        padding: 25px;
        margin-bottom: 25px;
    }
    .grievance-block.fs_box {
        margin-top: 25px;
        padding-top: 40px;
    }
    .search-wrapper .views-exposed-form .form-checkboxes ul {
        display: flex;
        flex-wrap: wrap;
    }
    .search-wrapper .views-exposed-form .form-checkboxes ul li {
        min-width: 110px;
    }
    .search-wrapper .filter {
        margin-bottom: 15px;
    }
    .spacer {
        padding-right: 0;
    }
    .icontacts-info .alert-block {
        padding: 40px 40px 20px;
    }
    .sr-intro h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .sr-box h3,
    .suppliers .mgmnt-content h2 {
        font-size: 25px;
        line-height: 32px;
    }
    .sr-wrapper {
        padding: 30px;
    }
    .awards_slider .awards_list {
        margin-bottom: 0px;
    }
    .awards_holder {
        grid-template-columns: repeat(2, 1fr);
    }
    .welcome-block .about-title {
        margin-bottom: 20px;
    }
    .reports-content .tab-content {
        padding: 20px;
    }
    .custom-table {}
    .caring_block h3,
    .inner_banner-block .banner-holder h1 {
        font-size: 40px;
        line-height: 45px;
    }
    .rilf__founder .quote_1 {
        top: -30px;
        margin-left: 0;
    }
    .rilf__founder::before {
        top: auto;
        width: 354px;
        height: 334px;
        bottom: 0;
        right: -30px;
        background-size: cover;
    }
    .rilf__founder .aboutas {
        max-width: 503px;
        margin-left: 0;
    }
    .rilf__founder .row>div,
    .caring_block .row>div,
    .caring_block .row>div>p>img,
    .rural_holder figure,
    .rural_holder figure img,
    .rural_holder .rural_content {
        width: 100%;
    }
    .rural_content h5,
    .rural_content h6 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .rural_holder .rural_content {
        padding: 20px 30px 40px;
    }
    .rural_holder .rural_content .asterisk {
        left: 0;
    }
    .csr_banner .csr_text h5 {
        font-size: 45px;
    }
    .rilf__founder .row>div .position-relative.text-rh {
        position: absolute !important;
        right: 0;
        bottom: 0;
        max-width: 280px;
    }
    .csr_banner .csr_text {
        position: static;
        width: 100%;
        transform: translateY(0);
        background: #053c8f;
        padding: 30px 0;
    }
    .rural_trans {
        padding: 50px 0;
    }
    .rural_box {
        padding: 30px;
    }
    .csr_banner::before {
        content: none;
    }
    .operate_block .category_block .space-mb1>div:first-child,
    .operate_block .category_block:last-child .space-mb1>div:last-child {
        margin-bottom: 20px;
    }
    .operate_block .category_block:last-child .rl_logos:not(:last-child) {
        margin-bottom: 30px;
    }
    .recron_block figure {}
    .recron_block>.row>div,
    .purified_block.rel-wood>.row>div {
        order: 2;
    }
    .recron_block>.row>div:last-child,
    .purified_block.rel-wood>.row>div:last-child {
        order: 1;
    }
    .retail-para {
        margin: 0;
    }
    .bs_block {
        padding-top: 50px;
    }
    .planet_count.Mmbpd {
        margin-top: 50px;
    }
    .careers__image img {
        width: 100%;
    }
    .career_sec h2 {
        margin-bottom: 16px;
    }
    .commerce_block {
        padding-bottom: 50px;
    }
    .csm-3 {
        margin-bottom: 30px;
    }
    .operate_block .row>div>.category_block:first-child .col-md-6 img {
        margin-bottom: 20px;
    }
    .television_ ul.mb-4.news-logo {
        margin-bottom: 2rem !important;
    }
    .television_ ul li {
        margin-bottom: 0;
        margin-top: 20px;
    }
    .television_ h5 {
        margin-bottom: 0;
    }
    .television_ ul.news-logo.mb-4:last-child {
        margin-bottom: 0 !important;
    }
    .category_block h4,
    .pharmacy_block h4 {
        font-size: 40px;
    }
    .category_block>.row>div {
        width: 100%;
    }
    .category_block {
        padding: 30px;
    }
    .rj_store {
        border-radius: 5px;
        margin-top: 25px;
        text-align: center;
        margin-right: 0;
        margin-bottom: 0;
    }
    .retail_highlights_block {
        grid-template-columns: repeat(1, 1fr);
    }
    .retail_highlights_text {
        width: 100%;
        padding: 30px;
    }
    .retail_highlights_text h4 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .ranked_block .flexbox>div:nth-child(3n)::after {
        content: "";
    }
    .ranked_block .flexbox>div:nth-child(2n)::after {
        content: none;
    }
    .showroom_block {
        padding-top: 50px;
    }
    .media_block .banner_media .retail_txt {
        padding: 0;
    }
    .television_ h5,
    .category_block h5,
    .commerce_block h5,
    .made-in-india​_block h3 {
        font-size: 25px;
    }
    .digital_media .blue-strip h3 {
        font-size: 45px;
    }
    .media_block .note {
        top: 44%;
    }
    .television_,
    .jio-studios .studios-block {
        padding: 30px;
    }
    .television_ ul.news-logo,
    .television_ ul.news-logo.media_col2,
    .television_ ul.news-logo.media_col3,
    .television_ ul.news-logo.media_col4 {
        grid-template-columns: repeat(3, 1fr);
    }
    .portfolio_.media_block .row .col-12.mb-5:last-child {
        margin-bottom: 0 !important;
    }
    .jio-studios .studios-block>div,
    .jio-studios .studios-block>div:last-child figure img,
    .space-mb2>div,
    .space-mb2 .col-md-5 img {
        width: 100%;
    }
    .jio-studios .studios-block>div:first-child {
        order: 2;
        margin-top: 20px;
    }
    .space-mb2 .blue-strip {
        margin-left: 0;
        margin-top: 20px;
        border-radius: 5px;
    }
    .space-mb2 .col-md-5 {
        margin-bottom: 20px;
    }
    .banner_media p,
    .banner_media .retail_txt p {
        padding: 0 30px;
    }
    .banner_media .rh-space p,
    .banner_media .lf-space p {
        padding: 0;
    }
    .digital_media {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0;
    }
    .taxstrategy_block .intro-text p {
        margin-bottom: 1rem;
    }
    .taxstrategy_block {
        margin-top: 30px;
    }
    .goldenbg .whitebox_block figure {
        margin-bottom: 1rem;
    }
    .relpet_block h5 {
        font-size: 20px;
    }
    .relpet_block .recron_block>.row>div:last-child {
        margin-bottom: 0px;
    }
    .products_block .recron_block p:last-child,
    .filament_block .recron_block p:last-child,
    .relpet_block .recron_block .col-9 p:last-child,
    .rl_logos li,
    .rl_logos2 li {
        margin-bottom: 0px;
    }
    .conacts iframe {
        margin-bottom: 35px;
    }
    .form-container {
        padding: 25px;
    }
    .contact-main {
        margin-top: 40px;
    }
    .conacts h2 {
        font-size: 40px;
        margin-bottom: 15px;
    }
    .conacts h3,
    .digital_first h4,
    .digital_media h5 {
        font-size: 25px;
    }
    .lf-space {
        padding-left: 0;
    }
    .digital_first {
        margin-top: 30px;
    }
    .visit {
        padding-top: 15px;
        padding-bottom: 0;
    }
    .blue-strip,
    .tp-space {
        margin-top: 30px;
    }
    .polyester_main .polyester_block p .explore-btn {
        margin-bottom: 5px;
    }
    .digitalJioCommittedBox .columanBox {
        flex: 0 0 50% !important;
        max-width: 50%;
    }
    .digitalJioCommittedBox .columanBox h5 {
        font-size: 45px;
    }
    .highlights_text h4 {
        font-size: 25px;
    }
    .two-column .table-row>div:nth-child(1) {
        flex: 0 0 35%;
        max-width: 35%;
    }
    .two-column .table-row>div:nth-child(2) {
        flex: 0 0 65%;
        max-width: 65%;
    }
    .highlights_block2 .highlights_text.pl-3 {
        padding-left: 0;
    }
    .digitalJioCommittedVideo {
        padding: 50px 0;
    }
    .jioDigital+.digitalJioCommittedVideo {
        padding-bottom: 0;
    }
    .digitalJioCommittedVideo.rm .row.mb-5.pb-5 {
        padding-bottom: 0rem !important;
    }
    .polyester_main .refining_block .img-fluid.mb-4 {
        margin-bottom: 0 !important;
    }
    .recron_block>.row>div.text-center.pt-2 {
        text-align: left !important;
    }
    .highlights_block2 .top-image.mb-5 {
        margin-bottom: 1.5rem !important;
    }
    .products_block h3,
    .filament_block h3,
    .relpet_block h3,
    .jio-studios h2,
    .conduct_block h2,
    .blue-strip h3 {
        font-size: 40px;
    }
    .products_block .recron_block,
    .filament_block .recron_block,
    .relpet_block .recron_block,
    .rl_logos {
        margin-top: 30px;
    }
    .polyester_main .purified_block .row>div,
    .highlights_block2 .row .col-md-6 {
        width: 100%;
    }
    .polyester_main .purified_block .row>.col-8 {
        order: 2;
    }
    .polyester_main .purified_block .row>.col-4 {
        order: 1;
        margin-bottom: 25px;
    }
    .polyester_main .purified_block:first-child {
        margin-top: 0;
    }
    .category_block {
        margin-bottom: 30px;
    }
    .space-mb1 {
        margin-bottom: 0;
    }
    .category_block .trend_box {
        padding: 0;
    }
    .category_block .rl_logos {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 0;
        grid-gap: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .space-mb2 img {
        width: 100%;
        margin-bottom: 15px;
    }
    .rl_logos2 {
        margin-top: 15px;
    }
    .buttonBox-m a {
        margin-top: 20px;
    }
    .tabbing {
        overflow: hidden;
        overflow-x: auto;
    }
    .tabSection {
        padding: 30px;
        margin-top: 25px;
    }
    .qualitative-production {
        margin: 20px 0;
    }
    .qualitative .text-end,
    .purified_block p,
    .products_block .recron_block .col-md-8 p {
        text-align: left !important;
    }
    .qualitative .polyester_block p {
        min-height: auto;
    }
    .qualitative .polyester_block .mb-5 {
        margin-bottom: 0 !important;
    }
    .polyester_main.block-gb h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .qualitative .polyester_block,
    .recron_block,
    .purified_block {
        padding: 30px;
    }
    .rubber_block:not(.relx-block) .recron_block:not(:last-child) {
        margin-bottom: 30px;
    }
    .main-heading {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .polyester_block .col-md-6:last-child p:last-child {
        margin-bottom: 0;
    }
    .rubber_block p:last-child {
        margin-bottom: 0;
    }
    .recron_block {
        padding: 30px;
        margin-top: 0;
    }
    .rubber_block {
        padding-bottom: 50px;
    }
    footer .subscribe button {
        height: 38px;
    }
    footer .subscribe input {
        height: 48px;
    }
    .greener_gas_economy.jioPlatfrom h2 {
        font-size: 25px;
        text-align: left !important;
    }
    .video_tbd p {
        line-height: 26px;
        padding-right: 0;
    }
    .polyester_main {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .polyester_main h2,
    .relpet_block h2 {
        line-height: 60px;
        margin-bottom: 20px !important;
    }
    .polyester_main .polyester_block .row>div,
    .video_tbd .row>div {
        width: 100%;
    }
    .banner_media figure {}
    .jioPlatfromBox .PlatfromContentImg {
        height: 460px;
    }
    .jioPlatfromBox .PlatfromContentImg img {
        object-fit: cover;
        height: 100%;
    }
    .refining_block h3,
    .refining_block.textiles_block h3,
    .refining_block.textiles_block h4 {
        font-size: 25px;
    }
    .social-menu li {
        margin: 0 3px;
    }
    .oilgas-box h4 {
        font-size: 25px;
        line-height: 28px;
        min-height: 56px;
    }
    .oilgas-box>div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    .oilgas-box .oilgas-button {
        margin-top: 15px;
    }
    .oilgas-box .oilgas-content::before {
        content: none;
    }
    .oilgas-box {
        margin-top: 35px;
        margin-bottom: 35px;
        flex-wrap: wrap;
        padding: 20px;
        align-content: center;
        min-height: 180px;
    }
    .oilgas-box .oilgas-content {
        padding-right: 0;
    }
    .banner_media .retail_txt {
        display: block;
        padding: 0 30px;
    }
    .banner_media .retail_txt p,
    .polyester_block p,
    .rubber_block p,
    .rubber_block.relx-block p {
        text-align: left;
    }
    .relx-block .explore-btn.ml-3 {
        margin-left: 0;
    }
    .rubber_block p:last-child>a {
        margin-top: 5px;
    }
    .sustainable-block .profile__block,
    .banner_media .retail_txt>div:last-child p:last-child,
    .greener_gas_economy .jioPlatfromBox p:last-child {
        margin-bottom: 0;
    }
    .banner_media h3 {
        bottom: 10px;
    }
    .sust-wrapper .row .col-md-4 {
        width: 50%;
    }
    .sust-wrapper,
    .media_block {
        padding: 50px 0;
    }
    .sust-box {
        margin-bottom: 30px;
    }
    .sust-wrapper {
        padding: 50px 0 20px;
    }
    .award-year {
        font-size: 24px;
    }
    .strength_block2 .datacol .d-inline-cs,
    .ch_column h5 span {
        font-size: 20px;
    }
    .aboutch__block_block .chairman__title {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .awards__reco h6 {
        max-width: 530px;
        margin: 0 auto 30px;
        width: 100%;
    }
    .diversity-block .diversity-text p,
    .diversity-block .fs-block p,
    .l-d .custom-para,
    .grievance-block .fs-block p,
    .text-para {
        line-height: 24px;
    }
    .business-block2 p {
        max-width: 585px;
        margin: 0 auto 30px;
        width: 100%;
        line-height: 24px;
    }
    .career_sec .block-1 {
        height: 422px;
        margin-top: 91px;
    }
    .block-career.career_sec {
        padding-bottom: 80px;
    }
    .career_sec .block-2 {
        height: 96px;
    }
    .career_sec .block-3 {
        height: 404px;
    }
    .career_sec .left-block {
        margin-right: 0%;
    }
    .career_sec .block-4 {
        height: 230px;
    }
    .diversity-block h4 {
        font-size: 25px;
    }
    .aboutch__block-sec2 .chairman__title p {
        font-size: 19px;
        line-height: 24px;
        text-align: left;
    }
    .sustainable-block .profile__block:before {
        bottom: 0;
        top: auto;
        right: 0;
    }
    .diversity-block {
        padding-top: 50px;
    }
    .aboutch__block-sec2.aboutch__block:before,
    .aboutch__block_block.aboutch__block:before {
        width: 322px;
        height: 263px;
        background-size: cover;
        top: auto;
        bottom: 0;
        right: 0;
    }
    .aboutch__block-sec2 .aboutAs {
        max-width: 602px;
    }
    .aboutch__block-sec2 .row .col-md-6 {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .aboutch__block-sec2 .position-relative,
    .aboutch__block_block .position-relative {
        position: absolute !important;
        bottom: 0;
        right: 0;
        max-width: 320px;
    }
    .diversity-block .profile__bio {
        flex: 0 0 100%;
        padding: 35px 30px 25px;
    }
    .diversity-block .fs-block p,
    .intro-text p {
        margin: 0;
    }
    .aboutch__block-sec2 h2.tag,
    .aboutch__block_block h2.tag {
        margin-left: 60px;
    }
    .diversity-block .product-logo,
    .grievance-block .product-logo {
        margin-bottom: 20px;
    }
    .aboutch__block_block .chairman__title p {
        font-size: 19px;
        line-height: 24px;
    }
    .awards__reco {
        padding: 50px 0;
    }
    .profile__block h3+h3 {
        margin-left: 30px;
    }
    .diversity-block .profile__block h5 {
        padding-bottom: 10px;
    }
    .diversity-block .profile__pic {
        flex: 0 0 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 250px;
    }
    .careerPlus .box h5 span,
    .careerPlus .box p span {
        font-size: 20px;
    }
    .planet_block .profile__block h3+h3 {
        margin-left: 60px;
    }
    .wecare_block h3 {
        font-size: 25px;
        line-height: 32px;
    }
    .value_block h4,
    .fs-block h2 {
        font-size: 25px;
    }
    .ch_column h6 {
        font-size: 18px;
    }
    .wecare_block h4,
    .yoy_block h2,
    .covid19_block h4,
    .workforce_block h4,
    .prosperity_holder h3,
    .stakeholder_block h3 {
        font-size: 40px;
    }
    .value_block p:last-child {
        margin: 0;
    }
    .prosperity_text figure {
        height: 400px;
    }
    .netzero_box .zerocarbon_img {
        height: 320px;
    }
    .netzero_box .zerocarbon_img img,
    .prosperity_text figure img {
        height: 100%;
        object-fit: cover;
    }
    .common-box .flexbox {
        align-items: center;
    }
    .common-box .flexbox>div {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 10px 30px;
    }
    .careerPlus .box p br {
        display: none;
    }
    .people_block::before {
        height: 280px;
    }
    .datacol,
    .ch_column h5,
    .careerPlus .box h5 {
        font-size: 45px;
    }
    .profile__block:before {
        width: 373px;
        height: 335px;
    }
    .diversity-block .profile__block::before {
        width: 360px;
        height: 325px;
        bottom: -10px;
    }
    .covid19_block {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .planet_block .profile__block {
        padding-bottom: 0;
    }
    .covid19_block h4 {
        margin-bottom: 20px;
    }
    .covid19_block p br {
        display: none;
    }
    .covid19_block_text {
        padding-left: 0;
    }
    .covid19_block .col-md-5 figure {
        margin-bottom: 1.5rem;
    }
    .covid19_block .col-md-7>.row {
        margin-left: -25px;
        margin-right: -25px;
    }
    .covid19_block .col-md-7>.row>div {
        padding-left: 25px;
        padding-right: 25px;
    }
    .inner_banner-block .banner-holder,
    .video-wrapper2 {
        bottom: 20px;
    }
    .covid19_block_text h3 {
        font-size: 45px;
        line-height: 55px;
    }
    .covid19_block_text h3 sup {
        left: 0;
        font-size: 20px;
    }
    .netzero_box,
    .prosperity_holder,
    .meetCareerBlock .whiteBg {
        padding: 30px;
    }
    .meetCareerBlock .whiteBg {
        padding-bottom: 5px;
    }
    .careers__text>div {
        max-width: 182px;
    }
    .careerTeam {
        margin-bottom: 25px;
    }
    .meetCareerBlock .whiteBg .row .col-md-4 {
        width: 50%;
    }
    .planet_block .profile__bio {
        padding: 40px 30px 30px 50px;
        flex: 0 0 75%;
    }
    .planet_block .profile__pic {
        flex: 0 0 100%;
        padding-right: 0;
        position: absolute;
        max-width: 302px;
        right: 0;
        bottom: 0;
    }
    .profile__block h5 {
        font-size: 19px;
        padding-bottom: 0;
    }
    .planet_count .careerPlus .box::after {
        right: 0;
    }
    .wecare_block .col-md-6,
    .aboutch__block_block .row .col-md-6,
    .career_sec .col-12.col-md-6 {
        width: 100%;
    }
    .career_sec .images-gallery {
        margin-top: 0px;
    }
    .aboutch__block_block .aboutAs {
        max-width: 100%;
    }
    .aboutch__block_block .position-relative {
        max-width: 360px;
    }
    .wecare_block figure img {
        width: 100%;
        margin-top: 20px;
    }
    .stakeholder_block .row .col-md-4 {
        width: 50%;
    }
    .careerPlus {
        padding: 50px 0;
    }
    .netzero_block {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .planet_count.impact_bluebox .careerPlus .box p,
    .planet_count .careerPlus .box p {
        padding: 0 30px;
    }
    .planet_block .quote-block p br {
        display: none;
    }
    .people_block {
        margin-top: 30px;
    }
    .impact_block h1.heading {
        margin-bottom: 15px;
    }
    .programme-content h2,
    .quick_block h6 {
        font-size: 25px;
    }
    .quick_block {
        padding-top: 50px;
    }
    .subsidiary-main.RandD.fr.startups p {
        padding-left: 20px;
    }
    .subsidiary-main.RandD.fr.startups p::after {
        height: 100%;
    }
    .awards h2.investerSecTitle {
        margin-bottom: 25px;
    }
    .start-ups-section .awards-wrapper p {
        margin-bottom: 40px;
    }
    .subsidiary-main.RandD.fr.startups {
        padding: 50px 0;
    }
    .fake-offers {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .subsidiary-list {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .subsidiary-content .apply-btn {
        padding: 7px 34px 7px 15px;
        margin: 0;
    }
    .subsidiary-list.career_search .subsidiary-content {
        align-items: center;
    }
    .subsidiary-list.career_search .img-wrapper::before {
        background: linear-gradient(179.26deg, rgba(0, 0, 0, 0.765) 27.65%, rgba(0, 0, 0, 0) 76.4%);
    }
    .subsidiary-content h2 {
        font-size: 25px;
        line-height: 28px;
        margin: 0;
    }
    .subsidiary-list.career_search .subsidiary-content h2 {
        padding-right: 0;
        min-height: auto;
    }
    .rural_carousel .slick-prev,
    .rural_carousel .slick-next {
        top: 230px;
    }
    .polyester_main.zero_net img {
        width: 340px;
    }
    .polyester_main.zero_net .f-right img {
        width: auto;
    }
    .ideas-box h3 {
        font-size: 45px;
    }
    .recron_block h4,
    .purified_block h4,
    .whitebox_block h4,
    .mission-kurushetra h3,
    .gc-innovation .PlatfromContent h2,
    .fake-offers h3,
    .people_block h3,
    .businesses_block h4,
    .harnessing_block h4 {
        font-size: 25px;
    }
    .business-text>div+div {
        max-width: 120px;
        flex: 0 0 120px;
    }
    .ril_people .modal-body .profile_image img {
        max-width: 320px;
        width: 100%;
    }
    .subsidiary-main:not(.RandD) p {
        padding-right: 0;
    }
    .ril_people .modal-body {
        display: block;
    }
    .ril_people .modal-body>div {
        width: 100% !important;
        margin: 0;
    }
    .ril_people .modal-body .profile_image {
        margin: 0 0 25px;
    }
    .innovation-Prog .recron_block figure {
        border: 1px solid #eee;
        border-radius: 6px;
    }
    .ideas-box.br-none::after {
        right: -15px;
    }
    .innovation-Prog .recron_block_content {
        padding: 15px 0 0;
    }
    .goldenbg .whitebox_block .bluebox_block .row .col-md-6 {
        flex: 0 0 50%;
    }
    .innovation-Prog .recron_block figure {
        max-width: 100%;
        height: auto;
    }
    .goldenbg .whitebox_block figure img {
        width: 100%;
        max-width: 100%;
    }
    figure.kurukshetra-logo {
        text-align: center;
    }
    .goldenbg .whitebox_block figure.kurukshetra-logo img {
        width: auto;
        border: 0;
    }
    .goldenbg .whitebox_block figure.kurukshetra-logo {
        border: 1px solid #eee;
        border-radius: 6px;
    }
    .innovation-Prog .recron_block {
        padding: 40px 50px 40px;
    }
    .goldenbg.innovation-Prog .recron_block,
    .goldenbg .whitebox_block.pad-around {
        padding: 30px;
    }
    .pad-lr,
    .pad-lrb {
        padding-left: 30px;
        padding-right: 30px;
    }
    .goldenbg.innovation-Prog .recron_block>.row>div:last-child {
        margin-bottom: 0;
    }
    .goldenbg .whitebox_block .row .col-md-6,
    .innovation-Prog .row .col-md-4,
    .goldenbg .row>div {
        flex: 0 0 100%;
        width: 100%;
    }
    .goldenbg .whitebox_block.pad-lrb .row .col-md-6 {
        flex: 0 0 50%;
        width: 50%;
    }
    .mission-kurushetra {
        min-height: 620px;
    }
    .innovation-Prog .row .col-md-4:not(:last-child) {
        margin-bottom: 15px;
    }
    .recron_block figure,
    .purified_block .flexImg {
        text-align: center;
        margin-bottom: 15px;
    }
    .relpet_block .recron_block figure {
        margin-bottom: 15px;
    }
    .goldenbg .row>div.col-md-8 {
        order: 2;
    }
    .innovation-Prog .recron_block_content,
    .innovation-Prog .recron_block_content p {
        min-height: auto;
    }
    .financial-disc.startups,
    .ril-innovation,
    .harnessing_block,
    .conduct_block {
        padding: 50px 0;
    }
    .highlights_block {
        padding: 50px 30px;
    }
    .para_block {
        text-align: left;
        padding: 0;
    }
    .aboutGenNext-content p,
    .sustainable-block .quote-block p,
    .rilf__founder .aboutas p {
        font-size: 24px;
        line-height: 32px;
    }
    .rilf__founder h2 {
        line-height: 52px;
        font-size: 50px;
    }
    .rilf__founder .name-title p {
        font-size: 19px;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .block-innovator .aboutGenNext-content h2,
    .sustainable-block .profile__block h3,
    .sustainable-block h2,
    .aboutGenNext .aboutGenNext-content h2,
    .people_block h2,
    .prosperity_block h2,
    .profile__block h3,
    .business​__block h2,
    .diversity-block h2,
    .l-d .main-title,
    .awards__reco h2,
    .career_sec h2,
    .career-page h2,
    .rubber_block h2,
    .award-block .awards_item h2,
    .operate_block h2,
    .commerce_block h2,
    .businesses_block h2,
    .quick_block h2,
    .awards_item h2,
    .insights-details h1 {
        font-size: 50px;
        line-height: 55px;
    }
    .businesses_block p {
        padding: 0 !important;
    }
    .award-block .awards_item h2 {
        margin-bottom: 30px;
    }
    .award-block .col-md-3 {
        width: 33.333333%;
    }
    .l-d .custom-para br {
        display: none;
    }
    .sustainable-block .profile__block h3 {
        line-height: 50px;
    }
    .sustainable-block .profile__block h3+h3 {
        margin-bottom: 15px;
    }
    .bg-cs-brown .aboutGenNext-content h2 {
        padding-left: 0;
    }
    .pad-lf {
        padding-left: 0;
    }
    .sustainable-block .profile__block h5 {
        font-size: 19px;
    }
    .block-innovator .aboutGenNext-profile::before,
    .sustainable-block .profile__block:before {
        width: 300px;
        height: 300px;
    }
    .block-innovator .aboutGenNext-img img {
        width: 330px;
    }
    .block-innovator .aboutGenNext-content {
        right: 0;
        width: 62%;
        padding: 30px 15px;
    }
    .block-innovator .aboutGenNext-content h2 span {
        padding-left: 0;
    }
    .right-cont h3 {
        font-size: 45px;
        line-height: 60px;
    }
    .right-cont h3 span {
        font-size: 20px;
        line-height: 24px;
    }
    .ril_people .modal-body .profile_text h3,
    .rnd_project .modal-body h3 {
        font-size: 24px;
    }
    .sustainable-block {
        padding: 50px 0;
    }
    .our-efforts-block .polyester_block.refining_block .row>div {
        flex: 0 0 100%;
        width: 100%;
    }
    .jio-bp .highlights_text,
    .polyester_block.refining_block .highlights_text {
        width: 100%;
    }
    .subsidiary-main.RandD p::after {
        width: 1px;
        height: 80%;
        top: 50%;
        transform: translateY(-50%);
    }
    .subsidiary-main.RandD p {
        margin: 0;
    }
    .sustainable-block .profile__block {
        overflow: hidden;
    }
    .sustainable-block .profile__bio {
        padding: 15px 5px 20px 40px;
        flex: 0 0 50%;
    }
    .sustainable-block .quote_1,
    .sustainable-block .quote_2 {
        background-size: 28px 18px;
        width: 28px;
        height: 18px;
    }
    .sustainable-block .quote-block .quote_1 {
        margin-left: -30px;
    }
    .sustainable-block .quote_2 {
        right: 0;
    }
    .sustainable-block .profile__block {
        margin-bottom: 30px;
    }
    .sustainable-block .profile__pic {
        flex: 0 0 65%;
        max-width: 340px;
    }
    .planet_block .quote-block p,
    .profile__block h3+h3 {
        margin-bottom: 30px;
    }
    .planet_block .profile__block .profile__bio .quote_1 {
        top: -10px;
    }
    .net-zero {
        width: 220px;
    }
    .head-text h4 {
        font-size: 25px;
    }
    .green-enery .rural_content {
        padding: 20px 0 30px;
    }
    .green-enery .rural_holder figure {
        padding: 0;
    }
    .leading-india .rural_holder {
        display: block;
    }
    .leading-india .rural_holder figure,
    .leading-india .rural_content {
        width: 100%;
    }
    .table-heading,
    .zero_net .polyester_block h3,
    .leading-india .rural_content h5,
    .sustainable-block .sus-subtitle,
    .sust-box-text h2 {
        font-size: 25px;
        line-height: 32px;
    }
    .number-count {
        font-size: 45px;
    }
    .number-count span {
        font-size: 20px;
    }
    .head-text {
        margin-bottom: 0;
    }
    .decarbonisation-2 .rural_content p {
        margin-bottom: 15px;
    }
    .decarbonisation-2 .rural_content h5 {
        font-size: 40px;
    }
    .decarbonisation .polyester_block h3 {
        margin-bottom: 25px;
    }
    .decarbonisation-2 .rural_content h5 br {
        display: none;
    }
    .decarbonisation .leaf,
    .zero_net .leaf {
        display: none;
    }
    .decarbonisation .polyester_block .row>div {
        flex: 0 0 100%;
        width: 100%;
    }
    .decarbonisation .polyester_block .row>.col-md-5 {
        order: 1;
        margin-top: 20px;
        height: 300px;
    }
    .decarbonisation-2 .rural_holder figure {
        height: 300px;
    }
    .decarbonisation .polyester_block .row>.col-md-5 img,
    .decarbonisation-2 .rural_holder figure img,
    .decarbonisation-2 .rural_holder figure img {
        height: 100%;
        object-fit: cover;
    }
    .subsidiary-main h1 {
        margin-top: 30px;
        margin-bottom: 5px;
    }
    section.subsidiary-main.fr h1 {
        margin-bottom: 30px;
    }
    h2.sec-title,
    .partner-block .awards_item h2,
    h1.heading,
    .polyester_main h2,
    .products_block h2,
    .new_energy_block h2,
    .green-enery-title h2,
    .leading-india h2,
    .subsidiary-main.RandD h1.heading,
    .relpet_block h2 {
        font-size: 50px;
    }
    .alert-block h2 {
        font-size: 25px;
    }
    .alert-block,
    .bpcoc .reports-content .tab-content,
    .leading-india .rural_content,
    .green-enery .rural_holder,
    .gc-innovation .PlatfromContent {
        padding: 25px;
    }
    .decarbonisation .polyester_block {
        padding: 0px;
    }
    .leaf {
        width: 80px;
    }
    .leaf-2 {
        top: 22%;
    }
    .aboutGenNext>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .block-glance,
    .report-wise {
        padding: 50px 0;
    }
    .third-quarter-box {
        margin-top: 60px;
    }
    .report-wise .row.mt-5.pt-4 {
        margin-top: 1rem !important;
    }
    .credit-box {
        margin-top: 35px;
    }
    .third-quarter-box h3 img {
        vertical-align: middle;
    }
    .filter {
        margin-bottom: 30px;
    }
    .third-quarter-box h3 span {
        font-size: 20px;
    }
    .glance-boxes h2 {
        font-size: 32px;
    }
    .glance-boxes p {
        font-size: 14px;
        line-height: 24px;
    }
    .newsletter-wrapper {
        padding: 60px 0;
    }
    .investorBanner h1,
    .jio-banner h1,
    .investor-page.historyPage h1,
    .inner_banner-block .banner-holder h1 {
        font-size: 55px;
        line-height: 60px;
    }
    .ch-img h2.nameTag {
        left: 18%;
    }
    .ch-img h2.tag {
        bottom: 3%;
        left: 29%;
    }
    .search-box {
        width: 80%;
        margin: 0 auto;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 33px;
    }
    .sustainability-block figure img,
    .social-block video {
        margin-top: 15px;
    }
    .sustainability-block figure {
        text-align: left;
    }
    .sustainability-block figure img,
    .social-block video {
        width: 100%;
        margin-top: 0;
    }
    .images-gallery {
        margin-top: 80px;
    }
    .business-block p,
    .workPlace p {
        line-height: 24px;
    }
    .business-block p {
        max-width: 400px;
    }
    .sensex-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .sensex-block .sensex-wrap:first-child {
        margin-right: 25px;
    }
    .testimonial-cont h6 {
        font-size: 20px;
    }
    .year2009.bothYear p {
        padding: 10px 0 0 0;
    }
    .sustainability-block figure,
    .social-block video {
        margin-top: 0;
        text-align: left;
    }
    .sustainability-block {
        padding-top: 50px;
        padding-bottom: 50px;
        min-height: inherit;
    }
    .sustainability-block h3 {
        margin-bottom: 20px;
    }
    .video-text p,
    .agm_text p {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .video-icon img {
        width: 45px;
    }
    .sustainability-block h3,
    .block.block-news .section-title,
    .agm_text .section-title,
    .block-investor .section-title {
        font-size: 50px;
        line-height: 55px;
    }
    .made-in-india​_block {
        height: auto;
        padding-bottom: 50px;
    }
    .forward-block h6 {
        font-size: 20px;
    }
    .forward-block .value-box {
        min-height: 500px;
    }
    .values-behaviours h3.about-title {
        display: none;
    }
    .made-in-india​_block video {
        object-fit: fill;
    }
    .block-career .section-title {
        font-size: 45px;
        margin-bottom: 20px;
    }
    .tagline {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .career-left p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .career-left p br {
        display: none;
    }
    .block-career {
        padding-bottom: 50px;
    }
    .button .btn-custom {
        letter-spacing: normal;
        padding: 12px 12px;
        font-size: 14px;
    }
    .button .btn-custom::after {
        margin-left: 0;
    }
    .block-1 {
        height: 210px;
        margin-top: 60px;
    }
    .block-3 {
        height: 215px;
        margin-top: 27px;
    }
    .block-2 {
        height: 72px;
    }
    .block-4 {
        height: 122px;
    }
    .block-2 {
        height: 70px;
    }
    .ir-wrapper {
        padding-bottom: 0;
    }
    .news-rows {
        grid-template-columns: 350px 1fr;
    }
    .space-between .pright {
        padding-right: 0;
    }
    .space-between .pleft {
        padding-left: 0;
    }
    .speech-box {
        padding: 20px 15px;
    }
    .grievance-block {
        padding-top: 50px;
    }
    ul.story {
        margin: 0 0 40px;
    }
    .sustainability-block .more-btn {
        margin-top: 0;
    }
    .welcome-block {
        padding-top: 40px;
        padding-bottom: 0;
    }
    h3.efect3,
    .about-title {
        font-size: 25px;
        line-height: 35px;
    }
    .welcome-block h2 {
        font-size: 55px;
        margin-bottom: 20px;
        margin-bottom: 25px;
    }
    .business​__block {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .forward-block h3,
    .values-behaviours h2 {
        font-size: 45px;
        line-height: 55px;
    }
    .business​__block h4,
    .careers__box h4 {
        font-size: 25px;
        line-height: 30px;
    }
    .business​__block h2 {
        margin-bottom: 25px !important;
    }
    .careers__box a.explore-btn {
        font-size: 14px;
    }
    .value-box {
        min-height: 480px;
    }
    .forward-block {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav [class*="owl-"] {
        left: 96px;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav .owl-next {
        left: inherit;
        right: 96px;
    }
    .value-box h5 {
        font-size: 24px;
    }
    .boldborder {
        margin-bottom: 50px;
    }
    .value-box h4 {
        font-size: 24px;
    }
    .good-box {
        max-width: 100%;
        margin-left: 0;
    }
    .made-in-india​_block h4 {
        font-size: 35px;
        color: #373f41;
    }
    .made-in-india​_block h2 {
        font-size: 55px;
        color: #373f41;
        padding-bottom: 25px;
        line-height: 65px;
    }
    .made-in-india​_block h3 {
        margin-bottom: 15px;
        color: #373f41;
    }
    .good-box {
        padding: 20px;
    }
    .space-between p {
        margin-right: 0;
    }
    .csmb {
        margin-bottom: 30px;
    }
    .chairman-msg .csmb2 h2,
    .awards h2.investerSecTitle {
        font-size: 40px;
    }
    .banner-hide {
        display: none;
    }
    .inner-header.board-header .logo-wht {}
    .logo-show {
        display: block;
    }
    .nav-shadow {
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    }
    .inner-header.about-header.nav-shadow {
        box-shadow: none;
    }
    .inner-header.board-header {
        margin-bottom: 0;
    }
    .inner-header.board-header .serach img {
        filter: inherit;
        -webkit-filter: inherit;
    }
    .inner-header.board-header .iconf {
        filter: inherit;
        -webkit-filter: inherit;
    }
    .inner-header.board-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .quote::after {
        right: -30px;
    }
    .director__bio h3 {
        font-size: 26px;
    }
    .awards-wrap .awards-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .section-title {
        font-size: 50px;
    }
    .news-text p {
        font-size: 22px;
        line-height: 28px;
        min-height: 80px;
    }
    .block-news {
        padding: 60px 0 60px;
    }
    .memorable p br,
    .memb-text h3 br {
        display: none;
    }
    .business-block h2 {
        font-size: 50px;
        line-height: 58px;
    }
    .block-investor .section-title {
        margin-bottom: 15px;
    }
    .business-block ul#tabs-nav li {
        padding: 20px 0px;
        height: auto;
        line-height: inherit;
    }
    .founders-image {
        position: inherit;
        transform: none;
        margin: 0 auto;
    }
    .memorable p {
        margin-bottom: 5px;
    }
    .memorable-wrap.mw-right .memb-text {
        padding-left: 94px;
    }
    .memorable-wrap.mw-right .memb-text h3::after {
        width: 122%;
        left: -109px;
    }
    .memb-text h3,
    .memb-text p {
        font-size: 16px;
    }
    .chairman-msg {
        padding: 40px 0 50px;
    }
    .speeches {
        padding: 50px 0;
    }
    .memorable h2.investerSecTitle {
        font-size: 50px;
        line-height: 50px;
    }
    .chairman-msg .chairman-msg-box .row.g-5 {
        --bs-gutter-y: 0;
    }
    .chairman-msg .chairman-msg-box h2.investerSecTitle {
        margin-bottom: 20px;
    }
    .speeches-wrap {
        padding: 20px 20px;
    }
    .about-founder__block .images-holder h2 {
        font-size: 70px;
        line-height: 75px;
        color: #fff9ee;
        display: block;
        margin-top: -50px;
        position: relative;
        z-index: 10;
        margin-left: 15px;
    }
    .about-founder__block .images-holder h2+h2 {
        margin-top: -10px;
        margin-left: 155px;
    }
    .about-founder__block .aboutAs p {
        font-size: 25px;
        line-height: 34px;
    }
    .about-founder__block .aboutAs {
        padding: 40px 0 75px 0px;
        margin: 0;
    }
    .business-block .video-box video {
        transform: scale(2);
    }
    .about-founder__block .images-holder {
        text-align: center;
    }
    .selector:not(*:root),
    .video-text,
    .video-wrap::before,
    .jio-play-icon {}
    .dn-991 {
        display: none;
    }
    .r-tb {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 0;
    }
    .md-left-blue {
        border-top-right-radius: 0;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .businesses-content {
        padding: 20px;
    }
    .retail-para {
        font-size: 17px;
        line-height: 24px;
        margin-top: 15px;
    }
    .director__bio {
        width: 100%;
    }
    .director__bio.mright {
        margin-right: 0;
    }
    .director__bio.mleft {
        margin-left: 0;
    }
    .ir-box {
        margin-bottom: 25px;
    }
    .chairman-msg-box {
        margin-top: -70px;
        padding: 30px;
    }
    .dir-title {
        font-size: 40px;
        line-height: 40px;
    }
    .mediaicon {
        position: static;
    }
    .mediaicon .social-menu {
        justify-content: flex-start;
        margin-top: 20px;
    }
    .mediaicon .social-menu li:first-child {
        margin-left: 0;
    }
    .postion {
        margin-bottom: 20px;
        font-size: 22px;
    }
    .name-of-dir {
        margin-bottom: 35px;
    }
    .dir-title::after {
        bottom: -15px;
    }
    .investorRelations .investorBox {
        width: 100%;
        padding: 25px;
        margin: 0 0 0;
    }
    .investorRelations .buttonBox {
        margin-top: 35px;
        text-align: center;
        padding: 0;
    }
    .aboutFinancial {
        padding-right: 0;
    }
    h2.investerSecTitle span {
        display: inline;
    }
    .aboutFinancial h2.investerSecTitle {
        margin-bottom: 15px;
    }
    .investorFinancial p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .aboutFinancial .buttonBox {
        margin-bottom: 25px;
    }
    .reportDetails img {
        width: 100%;
    }
    .reportDetails a img {
        width: auto;
    }
    .reportDetails .flexCenter {
        flex-direction: row;
    }
    .resource_list .reportDetails .flexCenter {
        flex-direction: column;
    }
    .resource_list .reportDetails .content h3 {
        min-height: auto;
    }
    .reportDetails .content {
        padding: 20px;
    }
    .reportDetails .content h3 {
        margin-bottom: 0;
    }
    .block-views-blockcorporate-announcements-for-overview-block-1 .pdfBox {
        min-height: auto;
    }
    .block-views-blocknotices-for-overview-block-1 .pdfBox,
    .block-views-blockstatutory-filing-for-overview-block-1 .pdfBox {
        min-height: auto;
    }
    .aboutbox h4 {
        font-size: 24px;
    }
    .aboutbox {
        padding: 20px;
        min-height: 280px;
    }
    .aboutbox p {
        margin-bottom: 0;
    }
    h2.investerSecTitle {
        font-size: 48px;
    }
    .chairmanBox h2.investerSecTitle {
        margin-bottom: 20px;
    }
    .investorRelations .investorBox h3 {
        font-size: 26px;
    }
    .investorRelations .investorBox span {
        font-size: 20px;
    }
    .investorRelations .investorBox p {
        font-size: 22px;
    }
    .aboutFinancial .buttonBox a {
        padding: 12px 20px;
    }
    .subsidiariesTitle h2.investerSecTitle {
        margin-bottom: 0;
    }
    .subsidiariesTitle {
        margin-bottom: 25px;
    }
    .subsidiariesTitle a {
        padding: 8px 16px;
        border-radius: 20px;
    }
    .subsidiariesBox .content a {
        font-size: 13px;
    }
    .InvesterShareholders .buttonBox {
        margin-top: 10px;
    }
    .subsidiariesBox {
        margin-bottom: 25px;
    }
    .subsidiariesBox .content p {
        font-size: 20px;
        margin-bottom: 0;
    }
    .subsidiariesBox .content p.fontSm {
        font-size: 22px;
    }
    .shareholdersBox {
        display: block;
    }
    .shareholdersBox .rightSide {
        padding: 20px;
        padding-top: 0;
    }
    .shareholdersBox .infoBox {
        padding: 30px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin-bottom: 15px;
    }
    .shareholdersBox .leftSide {
        padding: 20px;
    }
    .shareholdersBox .leftSide img {
        border-radius: 10px;
    }
    .shareholdersBox .content h3 {
        font-size: 35px;
        margin-bottom: 30px;
        text-align: center;
    }
    .InvesterShareholders .titleBox h2 {
        margin-bottom: 10px;
    }
    .shareholdersBox .content ul {
        justify-content: center;
    }
    .InvesterShareholders .buttonBox {
        margin-top: 20px;
    }
    .shareholdersBox .leftSide::after {
        top: 133%;
        left: 12px;
        background: url(/sites/default/files/images/RilLogoIcon-1.png) no-repeat;
        width: 53px;
        height: 53px;
        display: none;
    }
    .resourceButton {
        text-align: center;
    }
    .resourceButton {
        margin-top: 10px;
    }
    .corpBox.midBox {
        min-height: auto;
    }
    .corpBox .buttonBox {
        margin-top: 0;
        margin-bottom: 0;
    }
    .corpBox.rightSide {
        padding: 30px;
        height: auto;
    }
    .corpBox.rightSide .buttonBox {
        position: static;
    }
    .corpBox .hearBox {
        margin-bottom: 35px;
    }
    .corpBox .hearBox h2 {
        font-size: 28px;
    }
    .shareholdersBox .infoBox h5 {
        font-size: 26px;
    }
    .shareholdersBox .infoBox ul li a {
        font-size: 18px;
    }
    .title {
        padding: 0 30px;
    }
    .ir-wrapper .title {
        padding: 0;
    }
    .career-right {
        margin-top: 30px;
    }
    footer .subscribe .block-simplenews-subscription-block {
        width: 100%;
    }
    .copyright,
    .copyright ul {
        text-align: center;
    }
    .block-news .row {
        margin-left: calc(var(--bs-gutter-x) * -0.5);
        margin-right: calc(var(--bs-gutter-x) * -0.5);
    }
    .block-news .row>div {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    .slick-slide .video-overlay video {
        transform: scale(3);
    }
    .boardCont h2 {
        font-size: 30px;
        line-height: 40px;
        margin-right: 30px;
    }
    .boardCont h2:after {
        right: -16px;
    }
    .boardCont p {
        font-size: 15px;
        line-height: 24px;
    }
    .boardMemeberBox {
        flex-wrap: wrap;
    }
    .boardMemeberBox .box {
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }
    .refSec {
        margin-top: 20px;
    }
    .RilBoardSec h2 {
        font-size: 28px;
        margin: 0 0 5px 0;
        line-height: 37px;
    }
    .RilBoardSec h6 {
        font-size: 20px;
    }
    .boardMemeberBox .box .boxContent {
        height: 76px;
    }
    .refSec a.openCommittee {
        padding: 2px 35px 2px 0;
        font-size: 20px;
        background-size: contain;
    }
    .aboutCommittee h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .closeCommittee img {
        width: 28px;
    }
    .aboutch__block img {
        width: 400px;
        margin-top: 30px;
    }
    .aboutAs {
        padding: 75px 0 0 0px;
        margin-left: -30px;
    }
    .aboutch__block h2.nameTag {
        font-size: 55px;
        line-height: 56px;
    }
    .aboutch__block h2.nameTag {
        left: 52%;
        bottom: 110px;
    }
    .aboutch__block h2.tag {
        left: 57.2%;
        bottom: 34px;
    }
    .chairman-msg .csmb2 .col-md-3 {
        width: 50%;
    }
    .awards .awards-wrapper .paddingSpace .col-md-4 {
        width: 50%;
    }
    .connectivitySpace {
        padding: 0 0;
    }
    .digitalJioContainer img {
        width: 90px;
    }
    .digitalJioContainer {
        padding: 0;
    }
    .digitalJioContainer p {
        font-size: 18px;
        line-height: 28px;
    }
    .digitalJioSecTitle {
        font-size: 35px;
        line-height: 52px;
    }
    .digitalJio,
    .digitalJioCommitted,
    .jioAdvantages,
    .jioPlatfrom,
    .displayJioPhone {
        padding: 50px 0;
    }
    .digitalJioCommittedBox .columanBox:after {
        top: 30px;
    }
    .jioNewOffer {
        align-content: center;
        width: 100%;
    }
    .jioNewOffer .jioOfferBox {
        width: 270px;
    }
    .jioAdvantages .container .col-md-4 {
        width: 50%;
    }
    .jioPlatfrom h6 {
        padding: 0;
        font-size: 20px;
        line-height: 30px;
    }
    .jioPlatfromBox:after {
        top: 48%;
    }
    .connectivityborder {
        width: 460px;
    }
    .connectivityinner img {
        width: 50px;
    }
    .connectivityinner p {
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }
    .connectivityinner {
        width: 160px;
        height: 160px;
    }
    .connectivityFront {
        width: 190px;
        height: 190px;
    }
    .jioConnectivity h2 {
        font-size: 35px;
    }
    .jioConnectivity {
        padding: 40px 0 50px;
    }
    .forty-five h2 span {
        font-size: 100px;
    }
    .forty-five h2 {
        font-size: 30px;
        line-height: 60px;
    }
    .founder__chairman {
        padding-bottom: 50px;
    }
    .mammothSec h6 {
        margin: 50px 0 0 0;
        font-size: 25px;
    }
    .mammothSec h5 {
        line-height: 70px;
        font-size: 40px;
    }
    .mammothSec h4 {
        font-size: 45px;
        line-height: 80px;
    }
    .mammothSlider {
        margin-top: 50px;
        padding: 0;
    }
    .mammothSlider .owl-nav button.owl-next {
        right: -50px;
    }
    .mammothSlider .owl-nav button.owl-prev {
        left: 0;
    }
    .historyYear {
        font-size: 100px;
        line-height: 94px;
        margin-bottom: 40px;
    }
    .year1966 h5 {
        font-size: 22px;
    }
    .year1966.year1980 h4 {
        font-size: 40px;
    }
    .wealth-creation-text h5 {
        font-size: 40px;
        line-height: 65px;
        margin-bottom: 15px;
    }
    .year2002.year2002-bg {
        padding-bottom: 70px;
    }
    .wealth-creation-text h4 {
        font-size: 28px;
    }
    .year1977:after {
        height: 65px;
    }
    .year1977 {
        padding-bottom: 0;
    }
    .factory {
        display: flex;
        margin-top: 40px;
    }
    .bothYear h6 {
        font-size: 28px;
    }
    .bothYear h4 {
        line-height: 13px;
        font-size: 32px;
    }
    .year2002 .globalBox img,
    .year2020-22 .globalBox img {
        width: 80px;
    }
    .year2002 .globalBox .box,
    .year2020-22 .globalBox .box {
        padding: 10px 15px;
        margin: 0 10px;
    }
    .year2002 .globalBox .detail p,
    .year2020-22 .globalBox .detail p {
        font-size: 14px;
        line-height: 18px;
    }
    .year2002 .globalBox .detail h5,
    .year2020-22 .globalBox .detail h5 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 0px;
    }
    .year2005 h4 {
        font-size: 40px;
    }
    .year2004 .yearLeftSide {
        padding-left: 0;
        padding-top: 20px;
    }
    .year2004 .yaerRightSideImg img {
        width: 380px;
        flex: none;
    }
    .year2004 {
        padding-bottom: 50px;
    }
    .year2006 .yearLeftSide {
        padding-left: 0;
        margin-bottom: 0;
    }
    .RILhistory .yearLeftSide h6 {
        line-height: 60px;
    }
    .year2004#yr2010 {
        padding-bottom: 70px;
    }
    #yr2006.year2004 .yearLeftSide h6 {
        width: 410px;
    }
    .year2006 .historyTwoSide {
        margin-top: 55px;
    }
    .year2016-bg {
        padding-bottom: 70px;
    }
    .RILlogoSec img {
        width: 180px;
    }
    .RILhistory .year2004#yr2006 p {
        padding-right: 0;
    }
    .bothYear p {
        padding: 0 40px;
        margin-top: 10px;
        font-size: 18px;
        line-height: 30px;
    }
    .RILhistory .year2004#yr2020 .yearLeftSide h6 {
        width: 440px;
        margin-bottom: 10px;
    }
    .journey2020 .aboutch__block p::after {
        left: -10px;
    }
    .journey2020 .aboutch__block p::before {
        right: 125px;
    }
    .RILhistory .year2004#yr2020 p {
        margin-top: 10px;
    }
    .RILhistory .year2004#yr2020 p {
        padding-right: 0;
    }
    .RILhistory .year2004#yr2020 p.border-btm {
        padding-bottom: 10px;
    }
    .journey2020 .netZero {
        flex-direction: column;
    }
    .journey2020 .detail,
    .journey2020 .imgBox {
        margin: 5px 70px;
    }
    .journey2020 .detail ul {
        margin: 0;
    }
    .journey2020 .aboutch__block {
        padding: 0 80px;
        margin-top: 70px;
    }
    .journey2020 .aboutch__block p {
        font-size: 20px;
        line-height: 29px;
    }
    .journey2020 .aboutch__block h5 {
        font-size: 30px;
    }
    .journey2020 .aboutch__block h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .factory .factoryImg,
    .factory .factory-text {
        flex: 1;
    }
    .slick-slide .factory img {
        width: 100%;
    }
    .journey2020 .flexSide {
        margin-bottom: 20px;
    }
    .journey2020 .flexSide img {
        width: 300px;
        object-fit: cover;
    }
    .journey2020 {
        background-size: contain;
    }
    .wealth-creation-text p {
        padding-right: 20px;
    }
    .hisBgImg {
        display: none;
    }
    .RILhistory .year2004#yr2004 p {
        padding-right: 0;
    }
    .RILhistory .year2004#yr2006 .yearLeftSide h6 {
        width: 352px;
    }
    #yr2006.year2004 {
        padding-bottom: 70px;
    }
    .wealth-creation-text h4 {
        padding-left: 0;
    }
    .RILhistory .year2004 p {
        margin-top: 20px;
    }
    .year2009Bg {
        padding: 0 0 60px 0;
    }
    .RILhistory .year2004 h5 {
        font-size: 24px;
    }
    .RILhistory .year2004 p {
        padding-right: 10px;
    }
    .yaerRightSideImg {
        bottom: 0;
    }
    .historyButton li {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .historyButton li a {
        padding: 8px 10px 8px 26px;
    }
    .historyButton li a:after {
        width: 8px;
        height: 22px;
        background-size: contain;
    }
    .historyButton li a:hover:after,
    .historyButton li.active a:after,
    .Rilyr1957 li.Rilyear1957 a:after,
    .Rilyr1977 li.Rilyear1977 a:after,
    .Rilyr1980 li.Rilyear1980 a:after,
    .Rilyr2000 li.Rilyear2000 a:after,
    .Rilyr2002 li.Rilyear2002 a:after,
    .Rilyr2004 li.Rilyear2004 a:after,
    .Rilyr2006 li.Rilyear2006 a:after,
    .Rilyr2009 li.Rilyear2009 a:after,
    .Rilyr2010 li.Rilyear2010 a:after,
    .Rilyr2016 li.Rilyear2016 a:after,
    .Rilyr2020 li.Rilyear2020 a:after,
    .Rilyr2020-21 li.Rilyear2020-21 a:after,
    .Rilyr2021 li.Rilyear2021 a:after,
    .Rilyr2023 li.Rilyear2023 a:after {
        background-size: contain !important;
    }
    .historyButton {
        top: 26%;
    }
    .tabfixed {
        top: 47%;
    }
    .jioDigital .digitalJio h6 {
        width: 80px;
        height: 80px;
    }
    .jioDigital .digitalJio h6 img {
        width: 50px;
    }
    .jioDigital .digitalJio h5 {
        margin: 30px 0 20px;
        font-size: 30px;
        line-height: 34px;
    }
    .jioDigital .digitalJio p {
        font-size: 18px;
        line-height: 24px;
    }
    .jioDigital .digitalJio .jioBox {
        margin-top: 0;
    }
    .jioDigital .digitalJio .jioBox p,
    .jioDigital .digitalJio .jioBox ul li {
        font-size: 17px;
        line-height: 25px;
    }
    .jioDigital .digitalJio .jioBox ul li {
        margin-bottom: 10px;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        padding: 260px 0 50px;
    }
    .RIlGlobalPartner p.subTitle {
        font-size: 22px;
        line-height: 30px;
        padding: 0 60px;
    }
    .RIlGlobalPartner .partnerBox {
        display: block;
        margin-top: 50px;
        text-align: center;
    }
    .RIlGlobalPartner .partnerBox .box {
        padding: 40px 15px 20px;
        margin: 0 12px 30px;
        width: 300px;
        display: inline-block;
        text-align: left;
        height: 320px;
        vertical-align: top;
    }
    .RIlGlobalPartner .partnerBox .box p {
        margin: 45px 0 0 0;
    }
    .RIlGlobalPartner {
        padding: 50px 0;
    }
    .platformIcon {
        top: 48%;
        display: none;
    }
    .jioFuture .jioFutureBox {
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        overflow: hidden;
    }
    .jioFuture {
        background: #fdf2df;
        padding: 70px 0;
    }
    .jioFuture .digitalJioSecTitle {
        margin-bottom: 50px;
    }
    .jioFuture .box {
        padding: 25px;
        position: relative;
        z-index: 1;
        border-radius: 0;
    }
    .jioFuture .boxImg {
        margin-top: -10px;
    }
    .jioFuture li {
        font-size: 16px;
        line-height: 21px;
        padding-bottom: 17px;
        margin-bottom: 17px;
    }
    .jioFuture .boxImg img {
        width: 100%;
    }
    .year2009.bothYear .alCenter p {
        padding: 0 0;
    }
    .RILFound .RILFlexArea .contentBox {
        padding: 10px;
        width: 40%;
    }
    .RILFound .RILFlexArea .contentBox img {
        margin-bottom: 0;
        max-width: 170px;
    }
    .RILFound .RILFlexArea .contentBox a.more-btn {
        margin-top: 0;
    }
    .RILFound .RILFlexArea .contentBox p {
        font-size: 15px;
        padding: 0;
        line-height: 20px;
    }
    .RILFound {
        padding: 50px 0;
    }
    .founder__chairman h2 {
        font-size: 59px;
        line-height: 59px;
    }
    .global-energy .slick-next {
        right: -15px;
    }
    .global-energy .slick-prev {
        left: -15px;
    }
    .RILhistory #yr2004.year2004 h5 {
        padding-left: 0;
    }
    .RILhistory .year2004#yr2004 .yearLeftSide h6 {
        padding: 0px 0px 0 40px;
    }
    .RILhistory .year2004#yr2004 p {
        padding-right: 0;
        margin-top: 15px;
        padding-left: 0;
    }
    #yr2004 .yearLeftSide {
        margin-bottom: 0;
    }
    #yr2004.year2004 {
        padding-bottom: 50px;
    }
    .planet_count.Mmbpd .careerPlus .box {
        width: 50%;
    }
    .subsidiary-main .col-12 p br {
        display: none;
    }
    .complaints-block {
        padding: 25px;
    }
    .about-founder__block .images-holder h2 {
        font-size: 60px;
        line-height: 65px;
        margin-left: 0;
    }
    .about-founder__block .images-holder h2+h2 {
        margin-left: 0;
    }
    .about-founder__block .aboutAs {}
    .about-founder__block .aboutAs p {
        font-size: 22px;
        line-height: 30px;
    }
    .about-founder__block .images-holder h2 {
        margin-top: 0px;
    }
    .rilf__founder .aboutas {
        max-width: 100%;
        margin-top: 20px;
    }
    .rilf__founder .name-title p {
        text-align: center;
    }
    .rilf__founder h2 {
        text-align: center;
    }
    .rilf__founder h2+h2 {
        margin-left: 0;
    }
    .rilf__founder .name-title {
        margin-top: 40px;
    }
    .rilf__founder .text-rh {
        text-align: center;
    }
    .rilf__founder::before {
        left: 0;
        right: 0;
        margin: auto;
        width: 554px;
        height: 434px;
    }
    .button.war .btn-custom::after {
        margin-left: 5px;
    }
}

@media (max-width:820px) {
    .mammothSlider .boxStyle .leftSide img {
        height: 340px;
        object-fit: cover;
    }
    .year2004 .yaerRightSideImg img {
        width: 402px;
    }
    .RILhistory .year2004 .yearLeftSide h6 {
        width: 352px;
    }
    .journey2020 .netZero .rilLogoAfter {
        top: 52%;
    }
    .mammothSlider {
        margin-top: 30px;
    }
    .journey2020 .historyYear {
        margin-bottom: 30px;
    }
    .journey2020 .bothYear h6 {
        margin-bottom: 0;
    }
    #yr2020 .historyYear {
        margin-bottom: 30px;
    }
    .year2002 .historyYear {
        margin-bottom: 30px;
    }
    .factory {
        margin-top: 30px;
    }
    .RILlogoSec img {
        width: 160px;
    }
    .video-banner h1 {
        font-size: 50px;
        line-height: 55px;
    }
    .rrvl .kirana_holder .rightSide::after {
        top: 57.5%;
    }
    .rrl .kirana_holder .rightSide::after {
        top: 60%;
    }
}

@media (max-width:768px) {
    .year2004 .yaerRightSideImg img {
        width: 390px;
    }
    .RILhistory .year2004#yr2006 .yearLeftSide h6 {
        width: 336px;
    }
    .RILhistory .year2004 .yearLeftSide h6 {
        width: 336px;
    }
    .historyButton {
        left: 10px;
    }
    .RILhistory .year2004#yr2020 .yearLeftSide h6 {
        width: 420px;
    }
    .ril_people .btn-close,
    .rnd_project .btn-close {
        right: 8px;
        top: 8px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 654px;
    }
    .businesses-content .retail-para {
        font-size: 16px;
        line-height: 22px;
        margin-top: 10px;
    }
    .businesses-back {
        margin-top: 25px;
    }
    .release_block {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width:767px) {
    .past-events-box .vjs-fullscreen video[poster],
    .video-banner .vjs-fullscreen video[poster] {
        object-fit: contain;
    }
    .jio-gennext-text p {
        font-size: 18px;
        line-height: 24px;
    }
    .jio-gennext-text h5 {
        font-size: 18px;
    }
    .jio-gennext-text h2 {
        font-size: 55px;
        line-height: 60px;
    }
    .jio-gennext {
        padding-top: 30px;
    }
    .jio-gennext_owner {
        padding-top: 20px;
    }
    .we_care img {
        max-width: 100%;
    }
    .we_care {
        margin-bottom: 10px;
    }
    .button.war span {
        font-size: 18px;
        display: block;
        margin-bottom: 10px;
    }
    .rural_trans .button.war .btn-custom {
        margin: 0 auto;
    }
    .founder-slider .slick-arrow {
        left: -13px;
    }
    .founder-slider .slick-next {
        left: inherit;
        right: -13px;
    }
    .subscribe_box .submitmsg [aria-label="Error message"] {
        top: 54px;
    }
    .release_block .publish {
        font-size: 15px;
    }
    .release_block h1 {
        font-size: 35px;
    }
    .release_block .social-block {
        justify-content: flex-start;
    }
    .dn-btn {
        font-size: 15px;
    }
    .release_block {
        padding-bottom: 30px;
    }
    .release_block .bord-btm {
        padding-bottom: 20px;
    }
    .submenu-block-eb2b .main-heading2::after {
        width: 92%;
    }
    .views-exposed-form .form-actions input {
        border-radius: 20px;
        margin-top: 15px;
        background-position: 80% 11px;
        padding: 6px 36px 6px 20px;
    }
    .views-exposed-form .form-actions input:hover,
    .views-exposed-form .form-actions input:focus {
        background-color: #053c8f;
        border: 1px solid #053c8f;
    }
    .media-kit .more-btn::before {
        top: 12px;
        right: 20px;
    }
    .media-kit .more-btn {
        padding: 6px 40px 6px 20px;
        font-size: 16px;
    }
    .aboutch__block-sec2 .chairman__title {
        margin-top: 30px;
    }
    .rural_trans .rural_carousel .rural_content {
        padding: 15px 15px 10px;
    }
    .rural_trans .rural_carousel .rural_block p {
        margin-bottom: 10px;
    }
    .aboutch__block-sec2 .chairman__title p {
        text-align: center;
    }
    .event-details .glance-gallery li {
        margin-bottom: 15px;
    }
    .date-block h6 {
        font-size: 15px;
    }
    .col-9.text-center.pt-2 {
        padding-top: 0 !important;
        text-align: left !important;
    }
    .welcome-box h2 {
        font-size: 30px;
        line-height: 34px;
    }
    .col-cs-6.bg-cs-blue .aboutGenNext-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .insights-listing .row .infoltd2 {
        order: 1;
    }
    .insights-listing .row .infoltd {
        order: 2;
    }
    .infoltd2 img {
        width: 100%;
        height: 241px;
        object-fit: cover;
    }
    .event-details h4 {
        font-size: 18px;
    }
    .four-zero-four h1 {
        font-size: 80px;
        line-height: 80px;
    }
    .four-zero-four h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .four-zero-four p {
        font-size: 15px;
    }
    .four-zero-four p br {
        display: none;
    }
    .four-zero-four {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .four-zero-four .more-btn {
        margin-top: 0;
    }
    .event-details p {
        font-size: 15px;
        line-height: 22px;
    }
    .past-events-txt h4 {
        min-height: inherit;
    }
    .past-events-listing {
        margin-top: 30px;
    }
    .planet_block .profile__block .profile__bio .quote-block {
        max-width: 100%;
    }
    .businesses_block.petro .business-text>div+div {
        max-width: 120px;
        flex: 0 0 120px;
    }
    .director_ril .chairman-bio .quote-block .quote_1,
    .director_ril .chairman-bio .quote-block .quote_2 {
        position: relative;
    }
    .director_ril .chairman-bio .quote-block .quote_text .quote_1 {
        top: 0;
    }
    .alert-block p br {
        display: none;
    }
    .know-depository.bg-blue {
        margin-bottom: 15px;
    }
    .transfer-shares .custom-para {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 22px;
    }
    .workforce_block .strength_block .datacol:nth-child(2n)::after {
        content: "" !important;
    }
    .workforce_block .strength_block .datacol:nth-child(4n)::after {
        content: none !important;
    }
    .digitalJioSecTitle span {
        display: initial;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        padding: 220px 0 30px;
    }
    .DatasheetsSec .viewBtn {
        padding: 8px 45px 8px 20px;
        font-size: 15px;
    }
    .conduct_block a {
        padding: 8px 20px;
        font-size: 15px;
    }
    .video-js .vjs-big-play-button {
        font-size: 2em !important;
    }
    .commanTabList {
        grid-template-columns: repeat(3, 1fr);
    }
    .commanTabList li a {
        padding: 10px 24px;
    }
    .tabbing .topTab li a {
        padding: 10px 12px;
        font-size: 15px;
    }
    .commerce_block .space-mb2 .blue-strip.rngs {
        padding: 10px;
        margin-left: 0;
    }
    .strategy-block2 .buttonBox a {
        font-size: 16px;
    }
    .unclaimed-box .views-exposed-form .js-form-item.form-item {
        width: 100%;
    }
    .unclaimed-box .views-exposed-form {
        display: block;
    }
    .unclaimed-box {
        padding: 20px;
    }
    .iepf-box span,
    .unclaimed-box h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .iepf-box h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .iepf-box {
        padding: 20px;
    }
    .iepf-box .buttonBox a {
        border: 1px solid #fff;
        color: #fff;
        padding: 10px 20px;
    }
    .unclaimed-box .views-exposed-form .js-form-item.form-item .form-select,
    .unclaimed-box .views-exposed-form .js-form-item.form-item .form-text {
        margin-bottom: 15px;
    }
    .unclaimed-box h3 {
        margin-bottom: 15px;
    }
    ul.unclaimed-item>li {
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }
    .unclaimed-wrap .tab-content h2 {
        margin-bottom: 15px;
        font-size: 28px;
        line-height: 34px;
    }
    ul.unclaimed-item {
        margin-bottom: 10px;
    }
    ul.unclaimed-item>li>a {
        text-align: left;
        padding-left: 0;
        padding-bottom: 15px;
    }
    .client_data h4 {
        font-size: 18px;
    }
    .client_details {
        margin-top: 15px;
        margin-bottom: 15px;
        display: block;
    }
    .client_data {
        font-size: 15px;
    }
    .client_details>div:nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
    .unclaimed-box .custom-table .table-row .table-column {
        justify-content: flex-start;
        text-align: left;
    }
    .unclaimed-box .three-column .table-row>div:nth-child(1),
    .unclaimed-box .three-column .table-row>div:nth-child(2),
    .unclaimed-box .three-column .table-row>div:nth-child(3) {
        flex: 0 0 16%;
        max-width: 100%;
    }
    .unclaimed-box .total_amt input {
        max-width: 100%;
    }
    .unclaimed-box .three-column .table-row>div:nth-child(1) {
        display: none;
    }
    .unclaimed-block {
        padding: 35px 0;
    }
    .unclaimed-box .views-exposed-form .form-actions input.form-submit {
        padding: 10px 45px 10px 28px;
        background-position: 79% 14px;
    }
    .press-listing .press-txt h4 {
        min-height: auto;
    }
    .client_data strong {
        font-size: 15px;
    }
    .iepf-block {
        padding: 30px 0 30px;
    }
    .news-media .press-txt h4 {
        min-height: auto;
    }
    ._eB2B .eb2b-bg.mgmnt-box2 img.img-fluid.mb-3 {
        height: 45px;
    }
    .media-kit,
    .brochure_block {
        margin-top: 25px;
    }
    .video-events-txt h4 {
        min-height: inherit;
    }
    .careers_quote .quote_text {
        line-height: 26px;
        margin-bottom: 30px;
    }
    .sustainable-block .quote-block .quote_1 {
        left: auto;
        top: -10px;
    }
    .sust-box {
        margin-bottom: 0;
    }
    .media-kit .more-btn {
        margin-top: 15px;
    }
    .form-container .webform-submission-form .captcha {
        padding: 10px 0 15px;
    }
    .investorRelations .investorBox img.candle {
        margin: 10px 0;
        height: 80px;
    }
    .compliance-reports.report-wise {
        padding: 15px;
    }
    .compliance-reports .finance-report>li span {
        padding: 10px;
    }
    .insights-main-txt {
        margin-bottom: 15px;
    }
    #block-views-block-notices-resource-overview-block-1 .table-row.table-header .table-column:first-child,
    #block-views-block-corporate-announcements-resource-overview-block-1 .table-row.table-header .table-column:first-child {
        display: none;
    }
    #block-views-block-chairmans-communication-block-1 .table-row.table-header .table-column:first-child {
        display: none;
    }
    #block-views-block-chairmans-communication-block-1 .table-row.table-header .table-column:last-child {
        display: none;
    }
    .custom-table.two-column.products_table .table-row.table-header .table-column:last-child {
        display: none;
    }
    .aboutch__block_block .careers_quote .quote_text {
        padding: 0 20px;
    }
    .aboutch__block_block .careers_quote .quote_text .quote_1 {
        top: 0;
    }
    .report-tab .finance-report>li {
        flex: 0 0 auto;
    }
    .search-wrapper.report-wise .finance-report>li {
        flex: 0 0 auto;
        max-width: inherit;
    }
    .tv-channels .note-txt {
        bottom: 10px;
        left: 15px;
        right: 15px;
    }
    .rd-center .custom-table .table-row.table-header>div:nth-child(1) {
        display: none;
    }
    .invstrs .block-views-blockquarterly-results-block-1 .custom-table .table-row.table-header>div:nth-child(1),
    .invstrs .block-views-blockother-investor-presentations-block-1 .custom-table .table-row.table-header>div:nth-child(1) {
        display: none;
    }
    .block-innovator .aboutGenNext-content h5 {
        padding-left: 0;
    }
    .sensex-box .text-center img {
        width: 120px;
    }
    .document-pdf .pdf-title {
        max-width: 280px;
    }
    .financial-disc p {
        font-size: 16px;
    }
    .locations {
        padding-left: 15px;
        padding-right: 15px;
    }
    .awards_item h2 br {
        display: none;
    }
    .locations_container {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .marker-icon {
        width: 14px;
    }
    .map_tabs ul li a,
    .map_tabs ul li:first-child,
    .map_tabs ul li:first-child a {
        font-size: 14px;
        padding: 5px 0;
        width: 146px;
        border-radius: 16px;
    }
    .map_tabs ul li {
        width: auto;
    }
    .gradient_bg {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .india_map .content p {
        font-size: 13px;
        line-height: 16px;
        margin-top: 0;
    }
    .india_map .content img {
        width: 100%;
        height: 80px;
        object-fit: cover;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #address {
        width: 228px;
        margin-left: 0;
        margin-top: 0;
        padding: 8px;
        height: auto;
    }
    .india_map .content strong {
        font-size: 13px;
        padding-right: 0;
        line-height: 16px;
    }
    .india_map .content>div:first-child {
        margin-right: 0;
    }
    .india_map .close-tooltip {
        right: 0;
        top: 0;
    }
    .india_map .content {
        display: block;
    }
    .india_map .close-tooltip {
        filter: brightness(0) saturate(100%);
    }
    .division_text {
        width: 100%;
    }
    .locations {
        padding-top: 0;
    }
    .division_img {
        width: 100px;
    }
    .division_img img {
        width: 90px;
    }
    .address_list {
        margin-bottom: 15px;
    }
    .locations_block h2 {
        font-size: 35px;
    }
    .locations_block h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .marker-icon.kgd6 {
        top: 62.5% !important;
    }
    .marker-icon.nagpur {
        top: 51% !important;
    }
    .marker-icon.hosiarpur {
        top: 16% !important;
        left: 26% !important;
    }
    .suppliers .mgmnt-box.bg-brown .mgmnt-content h2 br {
        display: none;
    }
    .health-safety-block .alert-block h2 {
        margin-bottom: 15px;
    }
    .suppliers .mgmnt-box {
        height: auto;
        padding: 30px 20px;
    }
    .suppliers .reports-content .tab-content {
        margin-bottom: 15px;
    }
    .main-title {
        margin-bottom: 15px;
        font-size: 32px;
        line-height: 40px;
    }
    .product_datasheets {
        padding-top: 30px;
        margin-top: 0;
    }
    .grievance-block.polyester-yarn.notices {
        padding-bottom: 30px;
    }
    .two-column.products_table .table-row>div:nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .two-column.products_table .table-row>div:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .product_datasheets .custom-table {
        margin-bottom: 0;
    }
    .customers_block {
        margin-bottom: 0;
    }
    nav#block-reliance-footer {
        display: none;
    }
    .scheme_block {
        margin-top: 5px;
    }
    .rilpopup .modal-title {
        font-size: 18px;
    }
    .investorFinancial {
        margin-top: 0;
        padding: 15px 0 10px;
    }
    .aboutFinancial .buttonBox a {
        padding: 10px 18px;
    }
    .reportDetails .content {
        padding: 15px 10px;
    }
    .reportDetails {
        margin-bottom: 15px;
    }
    .InvesterShareholders {
        padding: 25px 0;
    }
    .shareholdersBox .content h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .shareholdersBox .infoBox h5 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .shareholdersBox .infoBox ul li a {
        font-size: 16px;
    }
    .shareholdersBox .infoBox {
        padding: 20px;
    }
    .InvesterShareholders .buttonBox {
        margin-top: 10px;
    }
    .investorRelations .investorStatus {
        display: block;
    }
    .investorRelations .investorBox h3 {
        font-size: 20px;
    }
    .investorRelations .investorBox span,
    .investorRelations .investorBox p,
    .investorRelations .investorBox p.volume {
        font-size: 18px;
    }
    .aboutbox {
        min-height: auto;
    }
    .aboutbox h4 {
        font-size: 20px;
    }
    .corpBox.midBox,
    .corpBox.rightSide {
        padding: 20px;
    }
    .resourceButton a {
        padding: 10px 20px;
    }
    .corpBox.midBox .hearBox h2 {
        font-size: 20px;
    }
    .pdfBox {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .investerResource {
        padding: 30px 0;
    }
    .investorRelations .investorBox {
        padding: 20px;
        margin: 0;
    }
    .subsidiariesTitle {
        margin-bottom: 20px;
    }
    .past-events-box {
        margin-bottom: 15px;
    }
    .investorBoxBlue {
        width: 100%;
        margin: auto;
    }
    .investorBoxBlue:first-child {
        margin-bottom: 20px;
    }
    .corpBox.boxp p {
        margin-right: 0;
    }
    .we-care {
        padding-bottom: 30px;
    }
    .management-block .mgmnt-content h2 {
        font-size: 22px;
    }
    .management-block .mgmnt-box {
        padding: 20px 20px;
    }
    .we-care-bg p span sup {
        font-size: 16px;
    }
    .we-care-content h2 {
        font-size: 20px;
        padding-left: 0;
        color: #373f41;
        margin-top: 15px;
        line-height: 26px;
    }
    .we-care-bg {
        max-width: 100%;
    }
    .we-care-bg h3,
    .we-care-bg p span,
    .we-care-bg p {
        font-size: 20px;
        line-height: 26px;
    }
    .we-care-content {
        position: initial;
        transform: none;
    }
    .strategy-text h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .strategy-block,
    .DatasheetsSec {
        padding: 30px 0;
    }
    .buttonBox a {
        padding: 10px 24px;
    }
    .two-column .table-row>div:nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .two-column .table-row>div:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .credit-content p {
        min-height: auto;
    }
    .insights-details h2 {
        font-size: 20px;
    }
    .business​__block .row .col-lg-4:last-child .business__box {
        margin-bottom: 0;
    }
    .business​__block .row .col-lg-4 {
        width: 100%;
    }
    .three-column .table-row>div:nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .three-column .table-row>div:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .three-column .table-row>div:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .filter.checkboxes_block .views-exposed-form .js-form-item.form-item label {
        margin-bottom: 0;
        margin-top: 0;
    }
    .id-image {
        float: none;
        width: 100%;
        margin: 0;
    }
    .insights-txt h4,
    .insights-main-txt h4,
    .insights-txt h5,
    .insights-main-txt h5,
    .insights-main-txt h6,
    .insights-txt h6 {
        font-size: 15px;
        min-height: auto;
    }
    .insights-main-txt h5 {
        margin-bottom: 0;
    }
    .insights-txt h4,
    .insights-main-txt h4 {
        padding-bottom: 10px;
        line-height: 22px;
    }
    .insights-txt h4,
    .insights-main-txt h4 {
        margin-bottom: 10px;
    }
    .views-exposed-form .js-form-item.form-item select {
        font-size: 14px;
    }
    .press-block h1.heading.mb-5 {
        margin-bottom: 1.5rem !important;
    }
    .press-block .views-exposed-form {
        display: block;
    }
    .press-block .views-exposed-form .js-form-item.form-item {
        width: 100%;
        margin: 15px 0 0;
    }
    .press-block .views-exposed-form .js-form-item.form-item select,
    .press-block .views-exposed-form .js-form-item.form-item .form-text {
        width: 100% !important;
    }
    .press-block .views-exposed-form .form-item-sort-bef-combine {
        left: 0 !important;
    }
    .insights-listing .row>div {
        width: 100%;
    }
    .spacetop {
        margin-top: 0;
    }
    .newsletter-wrapper .form-wrapper#edit-actions--4 {
        margin-bottom: 0;
    }
    .rjil_investor_block .column {
        padding: 20px 30px;
    }
    .newsletter-wrapper .form-actions input[type="submit"] {
        padding: 10px 28px;
    }
    section.subsidiary-main.fr h1 img {
        width: 48px;
    }
    .newsletter-wrapper .form-actions input[type="submit"],
    .rjil_investor_block p.formerly,
    .office_address li,
    .rjil_investor_block h5 {
        font-size: 15px;
    }
    .block-address-detail .highlights_text h4 {
        font-size: 30px;
        line-height: 34px;
    }
    .block-address-detail .top-image .highlights_text {
        bottom: 15px;
    }
    .rilf__founder .col-md-6 .aboutas .quote_1 {
        margin: 0 0 5px 0;
    }
    .rilf__founder .col-md-6 .aboutas .quote_2 {
        margin: 0 0 -10px 5px;
    }
    .thanks__block p {
        font-size: 18px;
    }
    .thanks__block h2 {
        font-size: 35px;
    }
    .thanks__block {
        padding: 40px 0 40px;
    }
    .press-listing,
    .views-element-container header {
        margin-top: 30px;
    }
    .press-listing .row>.col-md-4 {
        width: 100%;
    }
    .press-box {
        margin-top: 0;
    }
    .rc-block .reportbox .row>div,
    .rc-block .reportbox .row>div:first-child {
        margin-bottom: 15px;
    }
    .insights_block,
    .rc-block,
    .press-listing {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .news-media .press-listing {
        padding-bottom: 10px;
    }
    .insights_block h2,
    .rc-block h2 {
        font-size: 35px;
        line-height: 38px;
    }
    .insights_block .insights-txt h4,
    .press-txt h4 {
        font-size: 15px;
        line-height: 22px;
    }
    .press-txt h4 {
        margin-bottom: 10px;
    }
    .insights_block .insights-txt h5 {}
    .insights_block .insights-box {
        margin-bottom: 0;
    }
    .insights_block .insights-txt h4 {
        min-height: auto;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .insights_block .row .col-md-4 {
        width: 100%;
    }
    .search-wrapper.search_result {
        background-color: transparent;
        height: 100px;
    }
    .sr-box h3,
    .sr-box h3 a {
        margin-bottom: 10px;
        font-size: 24px;
        font-size: 24px;
    }
    .two-column .table-row>div:nth-child(1) {
        white-space: nowrap;
    }
    .custom-table.products_table .table-row .table-column>a,
    .custom-table.products_table .table_holder .table-row .table-column {
        min-height: auto;
    }
    .table-row,
    .two-column .table-row,
    .three-column .table-row {
        display: block;
    }
    .three-column .table-row>div {
        flex: 0 0 auto;
        max-width: 100%;
    }
    .kirana_holder .rightSide {
        height: 300px;
    }
    .kirana_holder .rightSide img {
        object-fit: cover;
    }
    .newsletter-wrapper {
        padding: 30px 0;
    }
    .newsletter-wrapper .form-wrapper input[type="email"] {
        height: 47px;
        width: 100%;
    }
    .kirana_holder .rightSide::after {
        display: none;
    }
    .investor-rel .kirana_holder .infoBox h4 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .newsletter-wrapper h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .newsletter-wrapper .simplenews-subscriber-form form {
        display: block;
        text-align: center;
    }
    .newsletter-wrapper .form-wrapper {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .newsletter-wrapper #edit-actions,
    .newsletter-wrapper .actions-selector {
        margin: auto;
    }
    .investor-rel .kirana_holder .infoBox h5 {
        font-size: 20px;
        line-height: 24px;
    }
    .icontacts-info h3,
    .icontacts h2,
    .blue-box-text p.formerly,
    .icontacts-info ul li,
    .newsletter-wrapper #edit-actions input[type="submit"],
    .newsletter-wrapper .actions-selector input[type="submit"] {
        font-size: 15px;
    }
    .newsletter-wrapper #edit-actions input[type="submit"],
    .newsletter-wrapper .actions-selector input[type="submit"] {
        padding: 10px 28px;
    }
    .reg-office {
        font-size: 18px;
    }
    .kirana_holder .infoBox {
        padding: 20px;
        margin-right: 0;
    }
    section.subsidiary-main.fr h1 .vertical-top {
        display: block;
        margin-right: 0;
        width: 140px;
        margin-bottom: 10px;
    }
    .kirana_holder {
        flex-wrap: wrap;
    }
    .kirana_holder .leftSide,
    .kirana_holder .rightSide {
        flex: 0 0 auto;
        width: 100%;
    }
    .block.block-news .section-title {
        font-size: 35px;
    }
    .about-header .search-wrapper-cs .input-holder .search-icon {
        filter: brightness(0) invert(0);
        -webkit-filter: brightness(0) invert(0);
    }
    .profile__bio.sponsor .quote-block .quote_text {
        font-size: 18px;
        line-height: 26px;
    }
    .profile__bio.sponsor .quote-block .quote_text .quote_1 {
        top: 0;
        left: 8px;
    }
    .profile__bio.sponsor .quote-block {
        margin-right: 0;
        margin-bottom: 40px;
        padding-right: 0;
        padding-left: 0;
    }
    .director_ril .chairman_block h5 {
        text-align: center;
        display: block;
    }
    .search-wrapper-cs.active .input-holder {
        width: 560px;
    }
    .finance-report {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
    .finance-report>li {
        flex: 0 0 auto;
        max-width: 100% !important;
    }
    .insights-details h3 {
        font-size: 18px;
    }
    .insights-details h5 span {
        font-size: 15px;
    }
    .insights-details h5 {
        font-size: 20px;
    }
    .insights-details {
        padding: 20px;
    }
    .insights-details {
        margin: 30px 0;
    }
    .insights-profile .social-block {
        justify-content: flex-start;
    }
    .insights-details .right-txt p:first-child {
        font-size: 18px;
        line-height: 22px;
    }
    .insights-details h2,
    .insights-details h3 {
        margin-top: 1rem;
    }
    .insights-details h1 {
        margin-top: 0;
    }
    .qoute_block iframe {
        min-height: 430px;
    }
    .chart_block iframe {
        min-height: 1006px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .history_block iframe {
        min-height: 1186px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .webcast-bottom .glance-boxes h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .event-title .years {
        font-size: 18px;
        width: 45px;
    }
    .past-events-box .event-title_block {
        max-width: 210px;
        margin-bottom: 10px;
    }
    .event-title .meeting,
    .event-title .meeting span {
        font-size: 18px;
        line-height: 22px;
    }
    .corpBox {
        margin-bottom: 15px;
    }
    .shareholdersBox .leftSide {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .subsidiariesTitle h2.investerSecTitle {
        margin-bottom: 0;
    }
    .past-events-box .video-wrap p {
        font-size: 13px;
        text-align: left;
        padding-left: 10px;
    }
    .event-title .years sup {
        top: -4px;
        left: 0;
        font-size: 14px;
    }
    .event-title {
        margin-left: 10px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        align-items: center;
    }
    .select-items span,
    .search-wrapper .webcast-wrap .views-exposed-form .js-form-item.form-item label {
        font-size: 15px;
        line-height: 28px;
    }
    .search-wrapper .webcast-wrap .views-exposed-form .js-form-item.form-item {
        margin: 10px 0;
    }
    section.events-main-block.pad {
        padding: 30px 0;
    }
    .webcast-bottom {
        padding: 30px 20px;
    }
    .webcast-wrap .custom-table {
        margin-bottom: 0;
    }
    .glance-boxes {
        padding: 20px;
    }
    .glance-boxes.qfy {
        padding: 20px;
    }
    .webcast-bottom .row:not(.mb-4)>div.col-lg-6:first-child {
        margin-bottom: 25px;
    }
    .webcast-bottom .table-heading {
        margin-bottom: 0;
    }
    .prentation-by h3 {
        font-size: 20px;
    }
    .polyester_main .purified_block {
        width: calc(100% - 25px);
        margin-left: auto;
        margin-right: auto;
    }
    .DatasheetsSec h2 {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 30px;
    }
    .DatasheetsSec .dataFlex {
        display: block;
        text-align: center;
    }
    .ecosystem_block::after {
        top: 12%;
    }
    .health-block .rural_carousel .slick-arrow {
        top: 50%;
    }
    .award-block .awards_item h2 {
        margin-bottom: 20px;
    }
    .suppliers .mgmnt-box>div.mgmnt-button,
    .suppliers .mgmnt-box.bg-brown .mgmnt-content {
        margin-left: 0;
    }
    .mgmnt-box.mgmnt-box2 .mgmnt-content::after {
        right: -20px;
        height: 40px;
    }
    .management-block .mgmnt-box.mgmnt-box2 .mgmnt-content::after {
        right: 0;
        height: 1px;
    }
    .suppliers .mgmnt-box.bg-brown .mgmnt-content::after {
        left: -20px;
        top: 30px;
        height: 40px;
    }
    .sr-box h3,
    .suppliers .mgmnt-content h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .mgmnt-box.mgmnt-box3.bg-brown.bg-brown2 {
        align-items: center;
    }
    .cus-subtitle {
        font-size: 26px;
        margin-bottom: 0.5rem !important;
    }
    .year2022 {
        margin-top: 40px;
    }
    .year2020-22 {
        padding-bottom: 15px;
    }
    .year2022 {
        margin-top: 30px;
    }
    .ril-2 .block-1 {
        margin-top: 61px;
    }
    .customers_block .row>div {
        margin: 0 0 20px;
    }
    .eb2b-bg {
        padding: 20px;
    }
    .eb2b-bg .mgmnt-content h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .eb2b-bg .mgmnt-content h2 br {
        display: none;
    }
    .customers_block .mgmnt-box .mgmnt-content {
        max-width: 100%;
    }
    .customers_block .mgmnt-content h2 span {
        display: block;
    }
    .customers_block .mgmnt-button .buttonBox a,
    ._eB2B .mgmnt-button .buttonBox a {
        padding: 10px 22px;
    }
    .grnenergy_block h4,
    .grnenergy_block .tackle_block h3 {
        font-size: 20px;
    }
    .grnenergy_block .tackle_block h3 {
        margin-bottom: 15px;
    }
    .leading-india .rural_carousel .slick-arrow {
        top: 155px;
    }
    .rural_carousel .slick-prev.slick-disabled {
        background-position: 0px -33px;
    }
    .rural_carousel .slick-next.slick-disabled {
        background-position: -26px -33px;
    }
    .rural_carousel .slick-prev {
        background-position: -80px -33px;
    }
    .jioDigital .digitalJio h6 img {
        width: 35px;
    }
    .jioDigital .digitalJio p {
        padding: 0 15px;
    }
    .PlatfromContent ul li img {
        width: 42px;
    }
    .PlatfromContent ul li {
        font-size: 15px;
    }
    .PlatfromContent h3 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .RIlGlobalPartner .partnerBox .box {
        padding: 15px;
        margin: 0 0 15px;
        width: 100%;
    }
    .digitalJioCommittedVideo {
        padding: 30px 0;
    }
    .jio-cont+.container-fluid .digitalJioCommittedBox .columanBox:nth-child(2n):after {
        content: "";
    }
    .jio-cont .digitalJioCommittedBox .columanBox:after {
        display: block !important;
    }
    .jio-cont .digitalJioCommittedBox>div {
        flex: 0 0 100% !important;
        max-width: 100%;
    }
    .jioDigital .digitalJio p,
    .RIlGlobalPartner .partnerBox .box p,
    .grnenergy_block p,
    .ecosystem_block p,
    .values-behaviours p,
    .test_content p,
    .speech-content h4,
    .speech-content h4 span,
    .chairman-msg-box p,
    .prentation-by ul>li,
    .insights-details p {
        font-size: 15px;
        line-height: 22px;
    }
    .speeches-wrap .row>div:last-child .speech-box {
        border-bottom: none;
    }
    .speech-content h4 span {
        margin-bottom: 5px;
    }
    .grnenergy_block p {
        text-align: left !important;
    }
    .grnenergy_block .tackle_block {
        padding: 20px;
        margin: 30px 0;
    }
    .grnenergy_block .row.g-5>div {
        margin: 0;
    }
    .grnenergy_block .row.g-5>div:first-child {
        margin-top: 25px;
    }
    .planet_count.Mmbpd .careerPlus .box p span {
        font-size: 15px;
    }
    .tool::after {
        width: 20em;
    }
    .digitalJioCommittedVideo .tool::after {
        margin-left: -10em;
    }
    .planet_count.Mmbpd .careerPlus .asterisk2 {
        left: 15px;
    }
    .award-block .row.mb-9>div,
    .businesses_block .row.mt-4>div {
        width: 100%;
    }
    .planet_block .profile__bio {
        flex: 0 0 100%;
    }
    .flexbox>div {
        flex: 0 0 100% !important;
        max-width: 100%;
    }
    .inner-header.about-header {
        position: relative;
    }
    .ril-foundation,
    .harnessing_block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .foundation-block {
        padding: 20px;
    }
    .ril-foundation.ril-2 .career-block {
        width: 100%;
        position: static;
    }
    .foundation-block img {
        width: 190px;
    }
    .modal .buttonBox a img {
        width: auto;
    }
    .modal .modal-content .modal-body p {
        margin-bottom: 15px;
    }
    .foundation-block h4.fontjio2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .ril-2 .foundation-text p,
    .rf-partnership .rd-project-text p,
    .rural-transform .foundation-block p,
    .h-block p,
    .pink-box-text p,
    .foundation-block p,
    .blue-strip-br .blue-strip p,
    .art-culture .culture_block p {
        font-size: 15px;
        line-height: 24px;
    }
    .foundation-block h2,
    .culture_block h2,
    .jio-studios h2,
    .rural-transform .foundation-block h2,
    .art-culture .culture_block h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .pink-box-text p {
        margin: 10px 0 0;
    }
    .art-culture+.visit {
        padding: 0 15px;
        margin-bottom: 15px;
        display: block;
        text-align: center;
    }
    .art-culture+.visit .btn-custom2 {
        margin-top: 10px;
    }
    .foundation-block p.mb-5 {
        margin-bottom: 1.5rem !important;
    }
    .rural-transform .foundation-block p {
        margin-bottom: 25px;
    }
    .ril-foundation .number-count small {
        font-size: 40px;
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 0;
        display: block;
    }
    .partnerships-block,
    .culture_block {
        padding: 20px;
    }
    .blue-strip-br .blue-strip>div {
        width: 100%;
    }
    .blue-strip-br .blue-strip.rngs>div:not(:last-child)::after {
        top: auto;
        bottom: 0;
    }
    .blue-strip-br .blue-strip h3 {
        font-size: 40px;
    }
    .blue-strip h3 span {
        font-size: 19px;
    }
    .ril-foundation .number-count span br {
        display: none;
    }
    .ril-foundation .number-count.mb-4.pb-1 {
        margin-bottom: 1rem !important;
    }
    .ril-foundation.ril-2 .images-gallery {
        margin: 0px auto 0;
        max-width: 456px;
    }
    .ril-2 .block-3 {
        height: 223px;
    }
    .ril-2 .right-block {
        margin-top: 15px;
    }
    .ril-2 .block-1 {
        height: 247px;
        margin-top: 52px;
    }
    .ril-2 .left-block {
        width: 42%;
    }
    .ril-2 .block-4 {
        height: 143px;
        margin-top: 15px;
    }
    .ril-2 .block-2 {
        height: 90px;
    }
    .aboutch__block.clear {
        padding: 0;
    }
    .aboutch__block.clear .row .col-md-7 {
        order: 2;
    }
    .aboutch__block.clear .row .col-md-5 {
        order: 1;
    }
    .aboutch__block.clear .aboutAs p {
        margin-bottom: 0px;
    }
    .aboutch__block.clear .ch__title {
        bottom: 70px;
        left: 50%;
        right: auto;
        transform: translateX(-50%) !important;
    }
    .aboutch__block.clear:before {
        top: auto;
        bottom: 0;
        left: 29px;
        width: 336px;
        height: 387px;
    }
    .past-events-box .video-icon {
        width: 30px;
        height: 30px;
    }
    .past-events-box .video-icon img {
        width: 100%;
    }
    .third-quarter-box h3 img {
        width: 18px;
    }
    .chairman-video #html5-videos>li:not(:last-child) {
        margin-bottom: 20px;
    }
    .quick_block.pt-0 li img {
        width: 120px;
    }
    .chairman-video .video-title_block {
        text-align: left;
        margin-bottom: 10px;
        left: 30px;
        width: 184px;
    }
    .chairman-video {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .chairman-video .video-title h4 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 8px;
        padding-bottom: 8px;
    }
    .chairman-video .video-title p {
        font-size: 12px;
        line-height: 12px;
    }
    .about-founder__block .images-holder {
        margin-top: 30px;
    }
    .topspace {
        margin-top: 5px;
    }
    .icontacts-info {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .icontacts {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .icontacts-info h3,
    .icontacts h2 {
        font-size: 18px;
    }
    .icontacts-info .alert-block {
        padding: 30px 30px 5px;
    }
    .icontacts-info h3 {
        margin-bottom: 15px;
    }
    .icontacts-info h4,
    .icontacts-info h5 {
        font-size: 17px;
    }
    .intro-text p,
    .icontacts,
    .complaints-block p {
        font-size: 15px;
    }
    .blue-box li {
        font-size: 15px;
    }
    .icontacts-info ul li:first-child {
        margin-bottom: 12px;
    }
    .icontacts-info .alert-block {
        margin-bottom: 25px;
    }
    .icontacts-info ul li {
        width: 100%;
    }
    .subsidiary-main .col-12 p {
        margin-top: -15px;
    }
    .office_block h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .grievance-block.fs_box .fs-block .address {
        flex-wrap: wrap;
    }
    .grievance-block.fs_box .office_block {
        width: 100%;
    }
    .grievance-block.fs_box .fs-block .address {}
    .grievance-block.fs_box {
        margin-top: 15px;
        padding-top: 30px;
    }
    .grievance-block.fs_box .fs-block h2 {
        margin-bottom: 15px;
    }
    .grievance-block.fs_box .fs-block .address {
        font-size: 15px;
    }
    .office_block ul {
        margin-bottom: 15px;
    }
    .fs-block .accordion {
        margin-top: 10px;
    }
    .accordion-button {
        padding: 0.7rem 1rem;
    }
    .fs-block .address .office_block ul li span {
        display: initial;
    }
    .block-search {
        padding: 30px 0;
    }
    .sr-intro h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .sr-wrapper {
        padding: 20px;
    }
    .sr-box h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .sr-box p,
    .sr-intro p {
        font-size: 15px;
    }
    .sr-wrapper .sr-box {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .sr-wrapper .paginations a.prev,
    .sr-wrapper .paginations a.next {
        width: 55px;
        height: 38px;
        line-height: 38px;
    }
    .sr-wrapper .paginations a {
        font-size: 15px;
        width: 17px;
        height: 28px;
        line-height: 28px;
    }
    .awards_slider .awards-single .awards_item {
        padding-bottom: 0;
    }
    .awards_slider .awards_bg {
        padding-bottom: 30px;
    }
    .made-in-india​_block video {
        height: 420px;
        object-fit: cover;
    }
    .made-in-india​_block {
        padding-bottom: 30px;
    }
    .awards .awards-wrapper .row.paddingSpace>.col-md-4,
    .forward-block .row .col-md-6.col-lg-4 {
        width: 100%;
    }
    .awards .awards-wrapper .row.paddingSpace .more-btn {
        margin-top: 0;
    }
    .forward-block .value-holder {
        margin-bottom: 20px;
    }
    .forward-block h3 {
        margin-bottom: 10px;
    }
    .awards .awards-wrapper .awars-box-content p {
        text-align: left;
        line-height: 20px;
    }
    .forward-block .value-box {
        min-height: auto;
    }
    .final_notices {
        padding: 30px 0;
    }
    .final_notices.space-btm {
        padding-bottom: 30px;
    }
    article[data-history-node-id="290"] .final_notices:nth-child(3) {
        padding-bottom: 30px;
    }
    .rilf__founder {
        margin-top: 0;
    }
    .rilf__founder .row>div .position-relative.text-rh {
        position: static !important;
        max-width: 100%;
    }
    .rilf__founder .name-title,
    .about-energy {
        margin-top: 30px;
    }
    .about-energy a.more-btn {
        margin-top: 5px;
    }
    .about-energy {
        margin-top: 30px;
        font-size: 18px;
    }
    .rilf__founder .name-title p {
        font-size: 18px;
    }
    .caring_block h3 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
        text-align: left;
    }
    .rural_trans .rural_box {
        padding: 20px;
    }
    .rural_trans .rural_box .intro_text {
        text-align: left;
    }
    .rural_trans .rural_content h6 {
        margin-bottom: 5px;
    }
    .caring_block p {
        font-size: 15px;
        line-height: 24px;
        text-align: left;
        padding-right: 0;
    }
    .caring_block,
    .rural_trans {
        padding: 30px 0;
    }
    .rural_box {
        padding: 20px;
    }
    .rural_box .intro_text {
        font-size: 18px;
    }
    .rural_block {
        grid-template-columns: repeat(1, 1fr);
    }
    .asterisk {
        padding-left: 20px;
    }
    .rural_carousel .slick-next {
        background-position: -51px -34px;
    }
    .rural_carousel .slick-prev {
        left: -21px;
    }
    .rural_holder .rural_content {
        padding: 20px 20px 40px;
    }
    .rilf__founder .aboutas p {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
    }
    .csr_banner .csr_text h5 {
        font-size: 35px;
    }
    .csr_banner .csr_text p {
        font-size: 15px;
        line-height: 22px;
    }
    .csr_banner .csr_text h5 span {
        font-size: 19px;
    }
    .ranked_block .flexbox.mt-5 {
        margin-top: 1.5rem !important;
    }
    .ranked_block .careerPlus .box.rankd:first-child::after {
        top: auto;
    }
    .retail_highlights_text {
        padding: 30px 15px 10px;
    }
    .operate_block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .banner_media h1>img {
        max-width: 160px;
    }
    .reatil-head,
    .third-quarter h2,
    .third-quarter-box h3,
    .ecosystem_block h2,
    .council_block h2,
    .insights-details h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .social-block {
        justify-content: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .awards,
    .third-quarter {
        padding: 30px 0;
    }
    .council_block p {
        font-size: 15px;
        line-height: 22px;
        text-align: left;
    }
    .tackle_block h3 {
        margin-bottom: 10px;
    }
    .acquisitions h3,
    .global-partnerships h3,
    .council_block.acquisitions p,
    .council_block.global-partnerships p,
    .rubber_block p,
    .renewable_block .tackle_block {
        font-size: 15px;
    }
    .council_block.acquisitions p,
    .council_block.global-partnerships p,
    .rubber_block p {
        text-align: left;
    }
    .council_block.acquisitions .recron_block,
    .council_block.global-partnerships .recron_block {
        margin-top: 20px;
    }
    .council_block h2,
    .renewable_txt h2,
    .rubber_block h2 {
        margin-bottom: 15px;
    }
    .media_block,
    .new_energy_block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .renewable_block .tackle_block {
        margin: 0 0 20px !important;
    }
    .council_team {
        margin-top: 0;
    }
    .tackle_block h3,
    .council_team h4,
    .recron_block h4,
    .purified_block h4 {
        font-size: 20px;
    }
    .director_ril .chairman-bio,
    .tackle_block,
    .council_team {
        padding: 20px;
    }
    .third-quarter .row.justify-content-center>div,
    .team_profile .row>div {
        width: 100%;
    }
    .third-quarter-box {
        margin-top: 30px;
    }
    .third-quarter-box p {
        font-size: 15px;
        margin: 0;
    }
    .ecosystem_block .jio-video {
        margin-bottom: 30px;
    }
    .third-quarter-box h3 span,
    .third-quarter-box h3 small {
        font-size: 18px;
    }
    .third-quarter-box h3 span {
        line-height: 24px;
        margin-top: 5px;
    }
    .block-glance .past-events-box.glance .video-wrap {
        height: 264px;
    }
    .text-width {
        display: none;
    }
    .planet_count.Mmbpd .careerPlus {
        padding-bottom: 45px;
    }
    .banner_media .retail_txt p {
        padding: 0 15px;
    }
    .planet_count.Mmbpd {
        margin-top: 30px;
    }
    .businesses_block,
    .bs_block,
    .showroom_block {
        padding-top: 30px;
    }
    .ranked_block .careerPlus {
        padding-top: 100px;
    }
    .planet_count.Mmbpd .careerPlus .box {
        width: 100%;
    }
    .aboutch__block_block .quote_1 {
        top: -18px;
    }
    .ril_people .modal-body {
        padding: 20px;
    }
    .awards__reco+.container .strength_block .datacol:first-child {
        margin-top: 25px;
    }
    .awards__reco+.container .workforce_block {
        margin-bottom: 40px;
    }
    .inner_banner-block {
        display: none;
    }
    .inner_banner-block .text-width .banner-holder h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .awards__reco+.container .workforce_block {
        padding-bottom: 45px;
        padding-top: 45px;
    }
    .awards__reco+.container .strength_block .datacol:nth-child(2n)::after {
        content: "" !important;
    }
    .awards__reco+.container .strength_block .datacol {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .digital_media .blue-strip>div:not(:last-child) {
        margin-bottom: 40px;
    }
    .banner_media p,
    .digital_media {
        padding: 0 10px;
    }
    .media_block .banner_media {
        padding: 20px 0;
    }
    .television_ h5,
    .harnessing_block h4 {
        font-size: 20px;
    }
    .portfolio_.media_block .row .col-12.mb-5 {
        margin-bottom: 2rem !important;
    }
    .television_ ul.news-logo,
    .television_ ul.news-logo.media_col2,
    .television_ ul.news-logo.media_col3,
    .television_ ul.news-logo.media_col4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .portfolio_ h4,
    .jio-studios h2,
    .pharmacy_block h4 {
        font-size: 25px;
    }
    .ch_column p {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .channels_bg>div:not(.tv-pic) {
        padding: 20px 20px 45px;
    }
    .tv-block {
        display: block;
    }
    .tv-block.mb-5 {
        margin-bottom: 0rem !important;
    }
    .tv-block .ch_column {
        margin-bottom: 30px;
    }
    .tv-block .ch_column::after {
        width: 1px;
        height: 1px;
        width: 100px;
        top: auto;
        bottom: -18px;
        left: 50%;
        transform: translateX(-50%);
        content: "" !important;
        right: auto;
    }
    .renewable_block {
        padding-top: 30px;
    }
    .media_block .note {
        top: 65%;
        padding: 0 30px;
        width: 100%;
        left: 0;
    }
    .digital_media .blue-strip h3 {
        font-size: 40px;
    }
    .digital_media .blue-strip h3 span {
        font-size: 19px;
    }
    .blue-strip.rngs {
        display: block;
    }
    .blue-strip.rngs>div:not(:last-child)::after {
        content: "";
        top: 50%;
        width: 100px;
        height: 1px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        display: block;
        position: absolute;
    }
    .channels_bg .tv-pic img {
        border-radius: 0px 0px 5px 5px;
    }
    .banner_media p {
        text-align: left !important;
    }
    .director_ril {
        padding-top: 30px;
    }
    .director_ril .quote-block p {
        text-align: center;
        font-size: 18px;
        line-height: 26px;
    }
    .director_ril .chairman-pic {
        position: static;
        max-width: 100%;
    }
    .director_ril .chairman_block {
        display: block;
        margin-bottom: 30px;
    }
    .director_ril .quote-block {
        margin-bottom: 30px;
    }
    .director_ril .chairman-bio h3 {
        font-size: 50px;
        line-height: 52px;
        text-align: center;
    }
    .director_ril .chairman_block h3+h3 {
        margin-left: 0;
    }
    .director_ril .chairman_block::before {
        bottom: 0;
    }
    .director_ril .chairman-bio {
        padding: 20px;
        padding-top: 0;
    }
    .conacts h3,
    .digital_first h4,
    .digital_media h5 {
        font-size: 20px;
    }
    .blue-strip,
    .tp-space {
        margin-top: 20px;
    }
    .digital_media .blue-strip p {
        text-align: center !important;
        font-size: 15px;
    }
    .media_block .visit {
        display: block;
        font-size: 15px;
        padding: 0;
        text-align: center;
    }
    .media_block .visit .btn-custom2 {
        margin-left: 0;
        margin-top: 5px;
    }
    .banner_media,
    .television_ {
        padding: 20px;
    }
    .jio-studios .studios-block {
        padding: 20px 0;
        width: calc(100% - 20px);
        margin: auto;
    }
    .fs-block .accordion-body,
    .pharmacy_block p,
    .harnessing_block p {
        font-size: 15px;
        line-height: 24px;
    }
    .fs-block .accordion .accordion-button {
        font-size: 17px;
    }
    .taxstrategy_block {
        margin-top: 0;
        padding-top: 30px;
    }
    .row .col-md-6:first-child .pharmacy_block {
        margin-bottom: 20px;
    }
    .pharmacy_block {
        height: auto;
    }
    .decarbonisation.zero_net .polyester_block {
        padding: 0px;
    }
    .decarbonisation .polyester_block .row>.col-md-5 {
        margin-top: 0px;
    }
    .goldenbg.innovation-Prog .recron_block,
    .goldenbg .whitebox_block.pad-around {
        padding: 20px;
    }
    .products_block .recron_block p .explore-btn,
    .filament_block .recron_block p .explore-btn,
    .relpet_block .recron_block p .explore-btn {
        margin-top: 5px;
    }
    .conacts h2 {
        margin-bottom: 10px;
    }
    .form-container .webform-submission-form .form-item {
        width: 100%;
        padding: 10px 0 10px;
    }
    .form-container .webform-submission-form .captcha .reload-captcha-wrapper {
        left: 185px;
    }
    .form-container .webform-submission-form .captcha .description {
        font-size: 11px;
    }
    .form-container .webform-submission-form .form-submit {
        margin-left: 0;
    }
    .form-container .webform-submission-form .captcha .js-form-type-textfield {
        margin-left: 40px;
    }
    .form-container {
        padding: 15px;
    }
    .contact-main {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .conacts h2,
    .category_block h4 {
        font-size: 30px;
    }
    .conacts h3,
    .category_block h5 {
        font-size: 20px;
    }
    ul.location li {
        font-size: 15px;
        display: block;
        width: 100%;
    }
    .oil-chemical-block .recron_block h4 br {
        display: none;
    }
    .digitalJioCommittedBox .columanBox {
        flex: 0 0 100% !important;
        max-width: 100%;
    }
    .digitalJioCommittedBox .columanBox p,
    .digitalJioCommittedBox .columanBox p span,
    .digitalJioCommittedBox .columanBox h6,
    .retail-para {
        font-size: 15px;
        line-height: 22px;
    }
    .digitalJioCommittedBox .columanBox h5 {
        font-size: 35px;
    }
    .digitalJioCommittedVideo.rm .row.mb-5.pb-5 {
        margin-bottom: 0 !important;
    }
    .digitalJioCommittedVideo.rm .columanBox {
        width: 100%;
    }
    .digitalJioCommittedVideo.rm .digitalJioCommitted {
        padding: 30px 0;
    }
    .oil-chemical-block .recron_block p {
        line-height: 24px;
        text-align: left;
        padding-right: 0px;
    }
    .highlights_block2 {
        padding: 30px 0 15px;
    }
    .highlights_text h4 {
        font-size: 20px;
    }
    .products_block .recron_block,
    .filament_block .recron_block,
    .relpet_block .recron_block {
        margin-top: 20px;
    }
    .products_block h3,
    .filament_block h3,
    .relpet_block h3 {
        font-size: 25px;
    }
    .products_block,
    .filament_block,
    .relpet_block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .colSpace,
    .bothAddress .box:first-child {
        margin-bottom: 20px;
    }
    .commanTabList li a {
        padding: 14px 30px;
        font-size: 15px;
    }
    .tabSection {
        padding: 20px;
        margin-top: 20px;
    }
    .rubber_block p .mail,
    .rubber_block p .phoneCall {
        display: block;
    }
    .rubber_block p .sapceBoth {
        display: none;
    }
    .purified_block {
        margin-top: 20px;
    }
    .qualitative .polyester_block,
    .recron_block,
    .purified_block {
        padding: 20px;
    }
    .formobile {
        display: block;
    }
    .polyester_main .textiles_block h2 {
        margin-bottom: 15px !important;
    }
    .refining_block.textiles_block h3 {
        font-size: 20px;
        line-height: 28px;
        padding: 0;
    }
    .polyester_block p {
        padding: 0;
    }
    .textiles_block p.mb-4 {
        margin-bottom: 10px !important;
        padding: 0;
    }
    .aboutGenNext .quote_text .quote_2,
    .aboutGenNext .bg-cs-blue .quote_text .quote_2 {
        bottom: -10px;
    }
    .rubber_block:not(.relx-block) .recron_block:not(:last-child) {
        margin-bottom: 20px;
    }
    .rubber_block.relx-block p {
        line-height: 22px;
    }
    .inner-header.about-header .logo-blk {
        display: block;
    }
    .inner-header.about-header .logo-wht {
        display: none;
    }
    .inner-header .navbar-brand img.logo {
        height: 36px !important;
    }
    .rubber_block {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .vbanner_block,
    .career-page .inner_banner-block {
        display: none;
    }
    .breadcrumb {
        display: none;
    }
    .greener_gas_economy.jioPlatfrom h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .greener_gas_economy .PlatfromContent {
        padding: 20px;
    }
    .PlatfromContent,
    .PlatfromArea.bottomSide .PlatfromContent {
        padding: 20px !important;
    }
    .jioPlatfromBox .PlatfromContentImg,
    .recron_block figure {
        height: auto;
    }
    .video_tbd .jio-video video {
        height: 230px;
    }
    .polyester_block.oil_gas_block p,
    .video_tbd p,
    .greener_gas_economy .jioPlatfromBox p {
        font-size: 15px;
        line-height: 22px;
        text-align: left !important;
        padding: 0;
    }
    .polyester_block p a.explore-btn,
    .rubber_block p:last-child>a {
        font-size: 14px;
        margin-left: 5px;
    }
    .rubber_block p:last-child>a {
        margin-left: 0;
    }
    .refining_block.oil_gas_block h3 {
        line-height: 26px;
        font-size: 20px;
    }
    .banner_media figure img {
        object-fit: cover;
        height: 100%;
    }
    .banner_media figure {
        height: 260px;
    }
    .banner_media {
        padding-top: 15px;
    }
    .banner_media h1 {
        margin-bottom: 15px;
    }
    .banner_media h1 {
        margin-bottom: 20px;
    }
    .oilgas-box h4 {
        font-size: 20px;
        line-height: 26px;
        min-height: auto;
    }
    .banner_media figure {
        margin-bottom: 15px;
    }
    .oilgas-box {
        margin-top: 30px;
        margin-bottom: 20px;
        padding: 20px;
        min-height: 130px;
    }
    .container .row .col-md-6:last-child .oilgas-box {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .banner_media .retail_txt {
        padding: 0 20px;
    }
    .banner_media h3 {
        font-size: 24px;
        margin: 0;
        padding: 0 8px;
    }
    .banner_media {
        padding-top: 20px;
    }
    .sustainable-block .quote_1,
    .sustainable-block .quote_2 {
        background-size: 25px 15px;
        width: 25px;
        height: 15px;
    }
    .sust-wrapper,
    .media_block {
        padding: 30px 0;
    }
    .strength_block2 .datacol .d-inline-cs,
    .ch_column h5 span {
        font-size: 18px;
    }
    .strength_block2 .datacol p,
    .datacol span,
    .for-more {
        font-size: 15px;
    }
    .tagline,
    .purified_block h4,
    .purified_block h5 {
        font-size: 20px;
    }
    .aboutch__block_block .quote_2 {
        bottom: -18px;
    }
    .meetCareerBlock .whiteBg {
        padding: 20px;
    }
    .meetCareerBlock .whiteBg .row .col-md-4,
    .sust-wrapper .row .col-md-4 {
        width: 100%;
    }
    .career-page .block-career {
        padding-bottom: 30px;
    }
    .investor-page.career-page .inner_banner-block .banner-holder h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .profile__block {
        margin-bottom: 30px;
    }
    .diversity-block .row.mt-5 {
        margin-top: 30px !important;
    }
    .diversity-block .fs-block h4 {
        margin-bottom: 10px;
    }
    .business-text,
    .careers__text {
        align-items: center;
    }
    .business-block2 .business__box a.explore-btn,
    .careers__box a.explore-btn {
        font-size: 12px;
    }
    .business-text>div+div {
        max-width: 114px;
        flex: 0 0 114px;
    }
    .business​__block h4,
    .careers__box h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .workforce-strength,
    .apply__block {
        padding: 30px 0;
    }
    .workforce-strength .workforce_block {
        margin: 0;
        padding-bottom: 50px;
    }
    .workPlace {
        padding: 30px 0 15px;
    }
    .workforce-strength .strength_block2>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    .workforce-strength .workforce_block .datacol:nth-child(2n):after {
        content: "" !important;
    }
    .l-d .fs-block h2 {
        margin-bottom: 10px;
    }
    .diversity-block .diversity-text p,
    .business-block2 p,
    .l-d .custom-para,
    .diversity-block .fs-block p,
    .intro-text p,
    .workPlace p,
    .text-para,
    .apply__block p,
    .career-left p,
    .design-development p,
    .polyester_block .textiles-text>p:not(:last-child),
    .qualitative .polyester_block p,
    .polyester_block p,
    .purified_block p,
    .ob-para,
    .jio-studios p {
        font-size: 15px;
        line-height: 22px;
    }
    .careers__box {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .diversity-block h4,
    .fs-block h2,
    .qp-content h3,
    .refining_block.textiles_block h4,
    .businesses_block h4 {
        font-size: 20px;
    }
    .category_block {
        padding: 20px;
    }
    .refining_block.textiles_block h4 {
        margin-bottom: 10px;
    }
    .businesses_block p {
        margin-bottom: 0;
    }
    .fs-block {
        padding: 20px;
        margin-bottom: 20px;
    }
    .diversity-block .profile__bio {
        text-align: center;
    }
    .profile__block h3+h3 {
        margin-left: 0;
    }
    .diversity-block .profile__pic {
        position: static;
        max-width: 100%;
    }
    .diversity-block .profile__pic img {
        position: relative;
    }
    .diversity-block .quote-block p {
        font-size: 20px;
        line-height: 28px;
        margin-right: 0;
        margin-bottom: 45px;
    }
    .diversity-block {
        padding-top: 30px;
    }
    .business-block2 p,
    .l-d .custom-para {
        margin-bottom: 30px;
    }
    .aboutch__block h2.nameTag {
        font-size: 50px;
        line-height: 52px;
        margin: 0;
        text-align: center;
    }
    .aboutch__block-sec2 .ch__title,
    .aboutch__block_block .ch__title {
        top: 0px;
        width: 100%;
    }
    .aboutch__block-sec2 .aboutAs p,
    .aboutch__block_block .aboutAs p,
    .quote_text {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .chairman-bio .quote_text {
        line-height: 24px;
    }
    .invent .quote_text {
        color: #fff;
        font-size: 18px;
    }
    .quote_text {
        margin-bottom: 25px;
    }
    .aboutch__block_block .quote_text .quote_1 {
        top: -3px;
        left: auto;
        margin-left: -28px;
    }
    .quote_text br {
        margin-bottom: 5px;
        display: none;
    }
    .careers_quote .quote_text br {
        display: block;
        margin-bottom: 0;
    }
    .awards__reco+.container {
        padding-top: 30px;
    }
    .awards__reco+.container.workforce_block {
        margin-bottom: 40px;
    }
    .aboutch__block-sec2 .position-relative,
    .aboutch__block_block .position-relative {
        position: relative !important;
        max-width: 100%;
        padding-top: 140px;
    }
    .aboutch__block-sec2 .position-relative {
        padding-top: 0;
    }
    .aboutch__block_block .position-relative {
        padding-top: 0;
        text-align: center;
    }
    .aboutch__block_block .chairman__title p {
        text-align: center;
    }
    .aboutch__block-sec2 {
        padding-bottom: 0 !important;
    }
    .aboutch__block-sec2 .row .col-md-6 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .aboutch__block.aboutch__block_block {
        padding: 40px 0 0;
    }
    .quote-block .quote_1 {
        margin-left: 0;
        left: 0;
    }
    .chairman-bio .quote-block .quote_text .quote_1 {
        top: -15px;
    }
    .diversity-block .quote-block .quote_1 {
        left: 0;
    }
    .diversity-text {
        margin-bottom: 30px;
    }
    .careerPlus .box h5 span,
    .careerPlus .box p span {
        font-size: 18px;
    }
    .netzero_box .zerocarbon_img,
    .prosperity_text figure {
        height: auto;
    }
    .common-box .flexbox>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .netzero_box p>span {
        display: block;
    }
    .netzero_box p>span>a.more-btn {
        margin-top: 5px;
    }
    .people_block h2 {
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .planet_block .profile__pic {
        max-width: 100%;
        position: static;
    }
    .covid19_block .col-md-5 figure {
        margin-bottom: 1rem;
    }
    .planet_block .profile__block {
        padding-bottom: 0;
        z-index: 1;
    }
    .covid19_block p,
    .careerPlus .box p,
    .value_block p {
        line-height: 22px;
    }
    .netzero_block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .covid19_block_text {
        padding-left: 0;
    }
    .covid19_block .covid19_block_text p {
        line-height: 20px;
    }
    .covid19_block_text p br,
    .planet_count .careerPlus .box p br,
    .covid19_block p br {
        display: none;
    }
    .covid19_block_text h3 {
        margin-bottom: 4px;
    }
    .people_block .workforce_block {
        margin-bottom: 30px;
        padding-bottom: 50px;
    }
    .covid19_block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .prosperity_holder h3 {
        font-size: 30px;
    }
    .stakeholder_block .row .col-md-4 {
        width: 100%;
    }
    .value_block h5,
    .value_block h4 {
        font-size: 20px;
    }
    .value_block {
        padding: 15px 15px 5px;
        margin-bottom: 20px;
        min-height: auto;
    }
    .value_block .row>div {
        width: 50%;
    }
    .value_block p:last-child {
        margin-bottom: 10px;
    }
    .prosperity_block {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .careerPlus {
        margin-bottom: 30px;
    }
    .careerPlus {
        padding: 30px 0 0;
    }
    .netzero_box,
    .prosperity_holder,
    .pharmacy_block {
        padding: 20px;
    }
    .planet_count .careerPlus .box::after {
        top: auto;
        bottom: -5px;
        width: 100px;
        left: 50%;
        height: 1px;
        content: "" !important;
        right: auto !important;
        transform: translateX(-50%);
    }
    .planet_count .careerPlus .flexbox:last-child .box:last-child:after,
    .planet_count.impact_bluebox .careerPlus .flexbox:last-child .box:last-child::after {
        content: none !important;
    }
    .impact_bluebox:not(.renewable_block) .careerPlus.position-relative {
        padding-bottom: 45px;
    }
    .quote-block .quote_2 {
        right: auto;
        bottom: -10px;
    }
    .planet_count .row.mb-4 {
        margin-bottom: 0rem !important;
    }
    .covid19_block p {
        margin: 0;
    }
    .planet_count .careerPlus .box {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .planet_count .careerPlus .box:last-child {
        margin-bottom: 0;
    }
    .datacol,
    .ch_column h5 {
        font-size: 35px;
    }
    .ch_column h6,
    .careerPlus .box p,
    .value_block p {
        font-size: 15px;
    }
    .planet_count h6 {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .covid19_block_text h3,
    .planet_block h2,
    .careerPlus .box h5 {
        font-size: 35px;
        line-height: 42px;
    }
    .planet_block .profile__bio {
        padding: 15px 15px 20px;
        text-align: center;
    }
    .profile__block h3 {
        font-size: 50px;
        line-height: 48px;
    }
    .planet_block .quote-block p,
    .profile__block h5,
    .planet_block .profile__block .profile__bio .quote-block p {
        font-size: 18px;
        line-height: 24px;
    }
    .covid19_block_text h3 sup {
        font-size: 18px;
        left: 0;
    }
    .planet_block {
        padding-top: 30px;
    }
    .covid19_block .col-md-7 .row.mb-4 {
        margin-bottom: 0rem !important;
    }
    .covid19_block .col-md-7 .row .col-md-6,
    .stakeholder_block h3,
    .prosperity_text figure {
        margin-bottom: 20px;
    }
    .yoy_block {
        padding-top: 30px;
    }
    .yoybanner-block {
        margin-top: 20px;
    }
    .wecare_block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .wecare_block h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .wecare_block h4 {
        font-size: 30px;
    }
    .workforce_block h4 {
        margin: 0;
    }
    .strength_block {
        grid-template-columns: repeat(1, 1fr);
    }
    .datacol:not(:last-child)::after {
        top: auto;
        bottom: -16px;
        content: "" !important;
        width: 100px;
        height: 1px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .inner_banner-block .banner-holder {
        bottom: 0;
    }
    .subsidiary-main.RandD.fr.startups p {
        padding-left: 0;
    }
    .awards.start-ups-section .awards-wrapper p,
    .programme-content p,
    .wecare_block p,
    .businesses_block p {
        font-size: 15px;
        line-height: 22px;
    }
    .planet_count.Mmbpd .careerPlus .box p {
        padding: 0 15px;
    }
    .highlights_block {
        padding: 30px 15px;
    }
    .right-cont h3 span br {
        display: none;
    }
    .jio-nextgen-logo img {
        max-width: 280px;
    }
    .subsidiary-main.RandD.fr.startups {
        padding: 30px 0;
    }
    .pp-logo-wrapper .row .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .awards.start-ups-section .awards-container>div>div {
        width: 100%;
    }
    .awards.start-ups-section .awards-container {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 0;
        justify-content: space-between;
    }
    .awards.start-ups-section .awards-container>div {
        flex: 0 0 47%;
        max-width: 47%;
    }
    .awards.start-ups-section .col-md-12.mt-5.pt-2 {
        margin-top: 0 !important;
    }
    .awards {
        padding: 30px 0;
    }
    .aboutGenNext-content h2.left-padd span,
    .aboutGenNext .bg-cs-brown .aboutGenNext-content h2 span {
        padding: 0;
    }
    section.subsidiary-main.RandD.fr.startups p::after {
        content: none;
    }
    .subsidiary-main.RandD.fr.startups p {
        font-size: 18px;
        padding-left: 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }
    .aboutGenNext .aboutGenNext-content h2,
    .aboutGenNext .bg-cs-brown .aboutGenNext-content h2 {
        font-size: 50px;
        line-height: 54px;
        margin: 0;
        text-align: center;
    }
    .aboutGenNext-content h5 {
        text-align: center;
    }
    .aboutGenNext-content {
        display: block;
    }
    .aboutGenNext-img {
        padding-top: 410px;
    }
    .aboutGenNext-profile::before {
        top: 55%;
        width: 328px;
        height: 302px;
    }
    .col-cs-6 .aboutGenNext-content p,
    .aboutGenNext-content h5 {
        font-size: 18px;
        line-height: 24px;
    }
    .aboutGenNext .aboutGenNext-content .quote_1 {
        top: -5px;
        margin-left: -25px;
    }
    .aboutGenNext .aboutGenNext-content .quote_2 {
        margin-left: 10px;
        bottom: -5px;
        right: auto;
    }
    .aboutGenNext.block-innovator .aboutGenNext-content .quote_1,
    .aboutGenNext.block-innovator .aboutGenNext-content .quote_2 {
        width: 25px;
        height: 12px;
        background-size: contain;
    }
    .fake-offers ul li:not(:last-child) {
        margin: 0 5px 15px 0;
    }
    .fake-offers ul li a {
        font-size: 15px;
        padding: 9px 12px;
    }
    .subsidiary-content h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .fake-offers {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .subsidiary-list .img-wrapper,
    .fake-offers h3 {
        margin-bottom: 20px;
    }
    .subsidiary-list {
        padding-top: 30px;
        margin-top: 0;
    }
    .rural_carousel {
        margin-top: 20px;
    }
    .polyester_main.zero_net img {
        width: 260px;
    }
    .leading-india .rural_holder figure img {
        height: 305px;
    }
    .rural_carousel .slick-prev,
    .rural_carousel .slick-next {
        top: 130px;
    }
    .leading-india .rural_carousel {
        margin-bottom: 0;
    }
    .leading-india .blue-box {
        margin-bottom: 20px;
    }
    .planet_block.sustainable-block h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .recron_block h4,
    .purified_block h4,
    .whitebox_block h4,
    .mission-kurushetra h3,
    .gc-innovation .PlatfromContent h2 {
        font-size: 20px;
    }
    .goldenbg.innovation-Prog.ptb-50 {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .ril-innovation h1.heading {
        margin: 0 0 15px !important;
    }
    .ril_people .modal-body .profile_text h3 {
        margin-bottom: 10px;
    }
    .block-innovator .quote_2 {
        right: 0px;
    }
    .ideas-box.br-none::after {
        width: 100px;
        height: 1px;
        top: auto;
        transform: translate(-50%, -50%);
        right: auto;
        left: 50%;
        bottom: -17px;
    }
    .goldenbg .whitebox_block .bluebox_block .row .col-md-6 {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .goldenbg .whitebox_block .bluebox_block .row .col-md-6:last-child {
        margin-bottom: 0;
    }
    .goldenbg .whitebox_block.pad-lrb .row .col-md-6 {
        flex: 0 0 100%;
        width: 100%;
    }
    .mission-kurushetra {
        min-height: auto;
    }
    .financial-disc.startups p,
    .subsidiary-main p,
    .whitebox_block p,
    .mission-kurushetra p,
    .gc-innovation .PlatfromContent p,
    .innovation-Prog .recron_block_content p,
    .people_block p,
    .great-workplaces p,
    .netzero_box p,
    .prosperity_holder p {
        line-height: 24px;
    }
    .ideas-box h3,
    .conduct_block h2 {
        font-size: 35px;
    }
    .conduct_block .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .conduct_block {
        text-align: center;
    }
    .conduct_block .rh-text {
        text-align: center;
        margin-top: 15px;
    }
    .ideas-box p {
        font-size: 15px;
    }
    .gc-innovation .PlatfromContent h2 {
        line-height: 30px;
    }
    .financial-disc.ptb {
        margin-top: 0 !important;
    }
    .financial-disc.startups,
    .ril-innovation {
        padding: 30px 0;
    }
    .block-innovator .aboutGenNext-content h2 {
        font-size: 50px;
        line-height: 50px;
        padding: 0;
    }
    .aboutGenNext-content h5 {
        margin-top: 10px;
        padding-left: 0;
    }
    .aboutGenNext-content p,
    .block-innovator .aboutGenNext-content h2,
    .block-innovator .aboutGenNext-content h2 span {
        padding-left: 0;
        text-align: center;
    }
    .block-innovator .aboutGenNext-content h2 {
        padding-top: 15px;
    }
    .block-innovator .aboutGenNext-profile::before {
        top: auto;
        bottom: 0;
    }
    .block-innovator .aboutGenNext-img {
        padding-top: 300px;
    }
    .block-innovator .aboutGenNext-content {
        width: 100%;
        padding: 30px 30px;
        display: block;
    }
    .pb-6 {
        padding-bottom: 30px;
    }
    .pad-lrb {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;
    }
    .pad-lr {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }
    .pad-around,
    .innovation-Prog .recron_block {
        padding: 15px;
    }
    .subsidiary-main p {
        padding-right: 0;
    }
    .innovation-Prog .recron_block_content {
        min-height: auto;
        padding: 15px 0;
    }
    .innovation-Prog .recron_block {
        margin-bottom: 15px;
    }
    .ril-innovation {
        padding: 30px 0;
    }
    .ril_people .modal-body .profile_text p,
    .rnd_project .modal-body p {
        font-size: 15px;
        line-height: 22px;
    }
    .gc-innovation .PlatfromContent p,
    .financial-disc.startups p,
    .subsidiary-main p,
    .recron_block p,
    .mission-kurushetra p,
    .foundation-text li,
    .partnerships-block li,
    .culture_block li,
    .covid19_block li,
    .prosperity_block li,
    .highlights_text li,
    .infoBox li,
    .harnessing_block li,
    .recron_block li,
    .ecosystem_block li,
    .council_team li,
    .alert_list li,
    .rnd_project .modal-body li,
    .retail_highlights_text li,
    .whitebox_block p,
    .people_block p,
    .great-workplaces p,
    .covid19_block p,
    .netzero_box p,
    .prosperity_holder p {
        font-size: 15px;
    }
    .ril_people .modal-body .profile_text h3,
    .rnd_project .modal-body h3 {
        font-size: 20px;
    }
    .rd-project-text h3 {
        font-size: 17px;
    }
    .right-cont h3 {
        font-size: 35px;
        line-height: 45px;
        margin-top: 20px;
        text-align: center;
    }
    .subsidiary-main.RandD.fr.startups .right-cont h3 {
        margin-top: 10px;
    }
    .right-cont h3 span {
        font-size: 18px;
    }
    .subsidiary-main.RandD {
        padding-bottom: 30px;
    }
    .subsidiary-main.RandD p::after {
        content: "";
        width: 100%;
        height: 1px;
        bottom: -15px;
        top: auto;
        left: 0;
    }
    .blue-box {
        padding: 15px;
    }
    .leading-india .rural_content p {
        margin-bottom: 20px;
    }
    .net-zero {
        width: 170px;
    }
    .number-count span {
        font-size: 18px;
    }
    .alert-block,
    .bpcoc .reports-content .tab-content,
    .leading-india .rural_content,
    .green-enery .rural_holder {
        padding: 15px;
    }
    .reports-content .tab-content,
    .polyester_block,
    .rd-center,
    .gc-innovation .PlatfromContent,
    .bluebox_block,
    .workforce_block {
        padding: 15px;
    }
    .leading-india .rural_content {
        padding-bottom: 10px;
    }
    .custom-table .table-row .table-column {
        padding: 10px 10px;
        min-height: auto;
    }
    .custom-table .table-row.table-header .table-column {
        padding: 8px 10px;
    }
    .block-glance,
    .report-wise,
    .conduct_block {
        padding: 30px 0;
    }
    .polyester_main.decarbonisation {
        padding-top: 25px;
    }
    .breadcrumb ul li {
        margin-right: 5px;
        padding-right: 15px;
        font-size: 14px;
    }
    .breadcrumb li::before {
        width: 6px;
        height: 10px;
        top: 4px;
        background-size: cover;
        left: -15px;
    }
    .video-slider .video-overlay .video-desk {
        display: none;
    }
    .custom-table .btn-custom2 {
        white-space: nowrap;
        margin-left: 0;
        margin-top: 5px;
    }
    .e-bid {
        display: block;
    }
    .zero_net .polyester_block p,
    .businesses_block p {
        text-align: left;
    }
    .zero_net .polyester_block .f-right {
        float: none;
    }
    .zero_net .polyester_block .f-right img {
        margin: 0;
        width: 100%;
    }
    .zero_net .polyester_block {
        padding: 20px;
    }
    .polyester_main h2 {
        margin-bottom: 10px;
    }
    .report-wise.notice-inviting {
        padding-top: 15px;
    }
    .custom-table {
        overflow: hidden;
        overflow-x: auto;
    }
    .quick_block {
        padding-top: 30px;
    }
    .commerce_block {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .table-heading,
    .quick_block h6,
    .commerce_block h5 {
        font-size: 20px;
        line-height: 26px;
    }
    .table-heading {
        margin-bottom: 20px;
    }
    .commerce_block p {
        text-align: left !important;
    }
    .ptb-60,
    .awards__reco {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    section.subsidiary-main.fr h1 {
        margin-bottom: 30px;
    }
    .subsidiary-main h1 {
        margin: 25px 0 !important;
    }
    .grievance-block {
        margin-top: 15px;
        padding-top: 30px;
        padding-bottom: 0;
    }
    .grievance-block.polyester-yarn.notices {
        margin-top: 0;
    }
    .awards__reco h6 {
        font-size: 15px;
        margin-bottom: 30px;
        line-height: 22px;
    }
    .awards__reco .awars-box-content {
        padding: 15px;
        text-align: left;
    }
    .awards__reco .award-year {
        font-size: 13px;
        top: 5px;
        line-height: 20px;
    }
    .alert-block h2,
    .decarbonisation .polyester_block h3,
    .zero_net .polyester_block h3,
    .leading-india .rural_content h5 {
        font-size: 20px;
        line-height: 28px;
    }
    .compliance-reports.report-wise h4 {
        font-size: 20px;
    }
    h1.heading,
    .polyester_main h2,
    .products_block h2,
    .new_energy_block h2,
    .decarbonisation-2 .rural_content h5,
    .green-enery-title h2,
    .leading-india h2,
    .subsidiary-main.RandD h1.heading,
    .partner-block .awards_item h2,
    h2.sec-title,
    .people_block h2,
    .prosperity_block h2,
    .diversity-block h2,
    .l-d .main-title,
    .awards__reco h2,
    .career_sec h2,
    .meetCareerBlock h2,
    .apply__block h2,
    .rubber_block h2,
    .polyester_main.block-gb h2,
    .award-block .awards_item h2,
    .relpet_block h2,
    .businesses_block h2,
    .operate_block h2,
    .commerce_block h2,
    .quick_block h2,
    .awards_item h2 {
        font-size: 35px;
        line-height: 42px;
    }
    .bio-content .press-block .views-exposed-form .js-form-item.form-item {
        margin: 0;
    }
    .bio-content .press-block .views-exposed-form .js-form-item.form-item select {
        width: 100% !important;
    }
    .cus-title {
        font-size: 35px;
        line-height: 40px;
    }
    .awards_holder {
        grid-template-columns: repeat(1, 1fr);
    }
    .awards_slider .awards-nav .slick-list {
        margin: 0 35px;
    }
    .awards_slider .slick-prev,
    .awards_slider .slick-next {
        width: 32px;
        height: 32px;
        top: -75px;
    }
    .awards_slider {
        margin-top: 0;
    }
    .awards_slider .slick-next {
        background-position: -50px -32px;
    }
    .awards_slider .slick-prev {
        background-position: -80px -32px;
    }
    .awards_slider .slick-prev.slick-disabled {
        background-position: 2px -32px;
    }
    .awards_slider .slick-next.slick-disabled {
        background-position: -24px -32px;
    }
    .ob-para {
        padding: 0;
        text-align: left;
    }
    .award-block .col-md-3,
    .awards_list img {
        width: 100%;
    }
    .businesses_block h2 {
        margin-bottom: 15px;
    }
    .bottom-30 {
        bottom: 15px !important;
    }
    .highlights_text h4 {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .recron_block {
        padding: 20px;
    }
    .block-career.career_sec .career-block {
        width: 100%;
        right: 0;
        position: static;
    }
    .career_sec .block-1 {
        height: 334px;
        margin-top: 60px;
    }
    .career_sec .block-3 {
        height: 300px;
        margin-top: 15px;
    }
    .block-career.career_sec {
        padding-bottom: 60px;
    }
    .career_sec .block-4 {
        height: 135px;
    }
    .career-text {
        padding-right: 0;
    }
    .career_sec .career-left p:last-child {
        margin-bottom: 0;
    }
    .meetCareerBlock {
        padding: 30px 0;
    }
    .career-page .meetCareerBlock h2 {
        margin-bottom: 30px;
    }
    .inner_banner-block .banner-holder h1,
    .video-banner h1 {
        font-size: 40px;
        line-height: 45px;
    }
    .workforce_block h4,
    .yoy_block h2,
    .covid19_block h4,
    .stakeholder_block h3 {
        font-size: 30px;
        line-height: 38px;
    }
    .recron_block h4,
    .purified_block h4,
    .whitebox_block h4,
    .mission-kurushetra h3,
    .gc-innovation .PlatfromContent h2,
    .fake-offers h3,
    .people_block h3 {
        font-size: 20px;
    }
    .people_block::before {
        height: 185px;
    }
    .rd-project-box {
        margin-top: 15px;
    }
    .offices h3,
    .bpcoc-content h2,
    .alert-block .privacy-policy h5 {
        font-size: 16px;
    }
    .rural_carousel .slick-prev,
    .rural_carousel .slick-next {
        width: 30px;
        height: 30px;
    }
    .leading-india .rural_carousel .slick-prev {
        left: -15px;
    }
    .leading-india .rural_carousel .slick-next {
        right: -15px;
    }
    .leading-india .rural_holder figure {
        height: 305px;
    }
    .zero_net .polyester_block h3 {
        margin: 5px 0 10px;
    }
    .zero_net .polyester_block h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .leading-india .rural_content h5 {
        margin-bottom: 5px;
    }
    .zero_net .polyester_block p:last-child {
        margin: 0;
    }
    .bpcoc-content h2 {
        margin-bottom: 5px;
    }
    .zero_net .polyester_block p,
    .alert-block p,
    .dropmail li a,
    .offices li,
    .bpcoc-content p,
    .bpcoc-content li,
    .leading-india .rural_content p,
    .alert_list li,
    .decarbonisation .alert_list li,
    .subsidiary-main.RandD p,
    .partner-block .awards_item p,
    .highlights_text li,
    .sustainble-bg p,
    .banner_media p,
    .alert-block ul li,
    .category_block p,
    .commerce_block p,
    .kirana-block .infoBox ul>li,
    .welcome-block p {
        font-size: 15px;
        line-height: 22px;
    }
    .highlights_text li {
        text-align: left !important;
    }
    .space-mb2 .blue-strip p {
        text-align: center !important;
    }
    .space-mb2 .blue-strip>div {
        position: relative;
    }
    .kirana-block .infoBox.bgcolor1,
    .kirana-block .infoBox.bgcolor2 {
        padding: 20px;
    }
    .kirana-block .infoBox h4,
    .retail_highlights_text h4 {
        margin-bottom: 20px;
    }
    .kirana-block .infoBox ul>li {
        margin-bottom: 10px;
    }
    .pharmacy_block figure {
        min-height: auto;
    }
    .planet_count .careerPlus .box:last-child::after {
        content: none !important;
    }
    .kirana-block::after {
        content: none;
    }
    .space-mb2 {
        margin-top: 0;
    }
    .quick_block h2,
    .quick_block h6 {
        margin-bottom: 10px;
    }
    .quick_block+.subsidiary-main .right-cont {
        margin-top: 30px;
    }
    .quick_block ul {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .quick_block ul>li {
        margin: 5px 0;
    }
    .space-mb2 .blue-strip>div:not(:last-child) {
        margin-bottom: 40px;
    }
    .space-mb2 .blue-strip>div:not(:last-child)::after {
        content: "";
        width: 100px;
        height: 1px;
        background: #fff;
        display: block;
        position: absolute;
        bottom: -25px;
        left: 50%;
        top: auto;
        transform: translateX(-50%);
    }
    .partner-block .awards_item p {
        margin-bottom: 25px;
    }
    .partner-block.rd-project .awards_item p {
        margin-bottom: 15px !important;
    }
    .custom-table .table-row .table-column {
        font-size: 15px;
    }
    .number-count {
        font-size: 35px;
        line-height: 35px;
    }
    .head-text h4 {
        font-size: 22px;
        line-height: 30px;
    }
    .leading-india .rural_content p .buttonBox {
        text-align: center;
        display: block;
        margin-top: 8px;
        margin-bottom: 30px;
    }
    .leading-india.decarbonisation-2.green-enery p .buttonBox {
        text-align: left;
    }
    .number-count.mb-2 span {
        display: block;
    }
    .zero_net .alert_list.pl-3 {
        padding-left: 0;
        margin-top: 15px;
    }
    .polyester_main.zero_net.decarbonisation h2,
    .relpet_block h2 {
        margin-bottom: 8px !important;
    }
    .relpet_block h5 {
        font-size: 18px;
    }
    .decarbonisation .polyester_block h3 {
        margin: 0;
    }
    .offices {
        display: block;
    }
    .offices>div,
    .green-enery .rural_holder {
        padding: 0;
    }
    .decarbonisation .alert_list li {
        padding-left: 0;
    }
    .offices>div:not(:last-child) {
        margin-bottom: 30px;
    }
    .green-enery .rural_holder {
        padding: 0;
    }
    .head-text {
        margin-bottom: 0;
        padding: 20px 10px 0px;
    }
    .polyester_main {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .columnOne::before {
        content: none;
    }
    .dropmail li {
        width: 100%;
    }
    .leaf {
        width: 40px;
    }
    .leaf-2 {
        top: 12%;
        right: 0;
    }
    .leaf-1 {
        top: 14%;
    }
    .leaf-3 {
        left: 0;
    }
    .leaf-4 {
        bottom: 0;
        right: 0;
    }
    .sustainable-block .quote-block {
        margin: 0 auto;
    }
    .sustainable-block .quote_2 {
        right: 0;
        bottom: -15px;
    }
    .sustainable-block .quote-block p {
        text-align: center;
    }
    .video-banner h1 {
        margin-bottom: 20px;
    }
    .sust-box-text p {
        font-size: 15px;
        line-height: 22px;
        margin: 0 0 20px;
        min-height: auto;
    }
    .sust-box-text h2 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
    }
    .sustainble-bg {
        padding: 28px;
    }
    .sustainable-block .sus-subtitle,
    .sustainable-block .quote-block p {
        font-size: 20px;
        line-height: 28px;
    }
    .sustainable-block h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .sustainable-block .sus-subtitle br {
        display: none;
    }
    .profile__block {
        display: block;
    }
    .sustainable-block .profile__bio {
        padding: 10px 25px 0;
    }
    .sustainable-block .profile__block h3 {
        font-size: 50px;
        line-height: 52px;
        text-align: center;
    }
    .sustainable-block .profile__block h5 {
        font-size: 18px;
        text-align: center;
        display: block;
    }
    .planet_block .profile__pic {
        padding-right: 0;
        text-align: center;
    }
    .sustainable-block {
        padding: 30px 0;
    }
    .planet_block .profile__block h3+h3 {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .planet_block .quote-block p {
        margin-bottom: 20px;
    }
    .sustainable-block .profile__block::before {
        width: 300px;
        height: 300px;
        right: -16px;
        top: 50%;
        background-size: cover;
        z-index: -1;
    }
    .sust_background {
        height: 100%;
        padding-bottom: 30px;
    }
    .sus-wrapper {
        position: static;
    }
    .sust-wrapper .buttonBox.text-end,
    .sust-wrapper .custom_wrap.text-end {
        text-align: left !important;
    }
    .sust-wrapper .row>div:not(:last-child) {
        margin-bottom: 20px;
    }
    .programme-content h2 {
        font-size: 20px;
        margin: 0 0 20px;
        line-height: 28px;
    }
    .pp-section>div:last-child {
        padding: 15px;
    }
    .programme-content h2::after {
        margin-top: 15px;
    }
    .pp-logo {
        margin: 15px 0;
        text-align: center;
    }
    .programme-content ul>li,
    .start-ups-section .awards-wrapper p {
        font-size: 18px;
        line-height: 24px;
    }
    .pp-section>div {
        padding: 30px 15px;
    }
    .financial-disc.startups h2 span {
        font-size: 42px;
        line-height: 0;
    }
    .financial-disc.startups h2 {
        font-size: 26px;
        line-height: 28px;
    }
    .aboutGenNext-content h2,
    .bg-cs-brown .aboutGenNext-content h2 {
        font-size: 34px;
        line-height: 42px;
    }
    .aboutGenNext-content p {
        font-size: 20px;
        line-height: 28px;
    }
    .finance-report>li {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .aboutAs {
        margin-left: 0;
    }
    .chairman-msg-box p {
        text-align: left;
        margin-bottom: 15px;
    }
    .director__bio li {
        font-size: 15px;
        line-height: 22px;
        text-align: left;
    }
    .d-desk {
        display: none !important;
    }
    .d-mob {
        display: block !important;
    }
    .ch__title {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .chairman__title {
        margin-top: 25px;
    }
    h2.nameTag {
        margin-left: 0;
        margin-right: 120px;
    }
    h2.tag {
        margin-left: 0;
        margin-right: 0px;
    }
    .video-slider .video-overlay video {
        height: auto;
    }
    .search-box {
        width: 90%;
    }
    .digital-lifeline {
        margin-bottom: 20px;
        margin-top: -30px;
    }
    .jioDigital .digitalJio h6 {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }
    .mammothSlider .boxStyle .rightSide {
        border-radius: 0 0 4px 4px;
    }
    .slick-slide .factory img {
        border-radius: 4px;
    }
    .mammothSlider img {
        border-radius: 4px;
    }
    .RIlGlobalPartner .partnerBox .box {
        height: auto;
    }
    .sensex-block {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        left: 100%;
        right: inherit;
    }
    .navbar-nav .container {
        max-width: 100%;
    }
    .navbar-expand-lg .navbar-collapse.show {
        right: inherit;
        left: 0;
    }
    .RILhistory .year2004#yr2004 .yearLeftSide h6 {
        width: 100%;
        padding: 0;
        margin-left: 0;
    }
    .RILhistory #yr2004.year2004 h5 {
        padding-left: 0;
        padding-top: 20px;
    }
    #yr2004.year2004 {
        padding-bottom: 50px;
    }
    .RILhistory .year2004#yr2004 p {
        margin-top: 20px;
        padding-left: 0;
    }
    .yr-mtp {
        margin-top: 0;
        margin-left: 0;
        text-align: center;
    }
    .year2009.bothYear p {
        padding: 10px 0 0 0;
    }
    .year2009.bothYear.year2020-21 h6,
    .year2009.bothYear.year2020-21 h4,
    .year2009.bothYear.year2020-21 p {
        text-align: center;
    }
    .year2020-21.bothYear p span {
        display: inline;
    }
    .RILFound .contentImg img {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0;
        object-fit: cover;
    }
    #picture::before {
        background: rgba(0, 0, 0, 0.55);
    }
    .video-content li a {
        font-size: 15px;
        padding: 8px 14px;
    }
    .video-content ul {
        margin-top: 30px !important;
    }
    header {
        padding: 10px 0 0;
    }
    header.home-header {
        padding: 20px 0 0;
    }
    header.home-header .navbar>.navbar-text.serach {
        top: 25px;
    }
    header.home-header .custom-toggler.navbar-toggler {
        top: 20px;
    }
    header.home-header.sticky .navbar>.navbar-text.serach {
        top: 15px;
    }
    header.home-header.sticky .custom-toggler.navbar-toggler {
        top: 10px;
    }
    .awards {
        padding: 50px 0;
    }
    header.sticky {
        padding: 8px 0;
    }
    .awards-wrap .awards-container {
        display: inherit;
    }
    .welcome-block h2 {
        font-size: 45px;
        margin-bottom: 15px;
    }
    h3.efect3,
    .about-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .business​__block h2,
    .forward-block h3,
    .values-behaviours h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .business​__block h2 {
        margin-bottom: 20px;
    }
    .business​__block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .business__box {
        margin-bottom: 20px;
    }
    .business-image img {
        width: 100%;
    }
    .business-text>div {
        max-width: 320px;
    }
    .made-in-india​_block {
        margin-top: 0;
    }
    .made-in-india​_block h2 {
        font-size: 46px;
        line-height: 50px;
    }
    .made-in-india​_block h4 {
        font-size: 30px;
    }
    .made-in-india​_block h3 {
        font-size: 24px;
    }
    .value-box {
        padding: 15px 15px;
        min-height: inherit;
    }
    .value-box h5,
    .value-box h4 {
        font-size: 22px;
    }
    .value-box p {
        font-size: 16px;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav [class*="owl-"] {
        left: 0;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav .owl-next {
        left: inherit;
        right: 0;
    }
    .forward-block {
        padding-top: 30px;
    }
    .values-behaviours p br {
        display: none;
    }
    .businesses-content {
        z-index: 2;
    }
    #picture.one {
        background-position: center center;
    }
    .business-block {
        min-height: auto;
    }
    .founder-slider .item.slick-slide.slick-center {
        transform: scale(1);
    }
    .founder-slider .item {
        margin: 10px 5px;
    }
    .csmb {
        margin-bottom: 30px;
    }
    .memorable h2.investerSecTitle {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .memorable p,
    .memb-text h3,
    .memb-text p {
        font-size: 15px;
        line-height: 22px;
    }
    .memorable-wrap.mw-right .memb-text h3::after {
        width: 136%;
    }
    .chairman-msg {
        padding: 40px 0 20px;
    }
    .about-founder__block {
        padding-bottom: 70px;
        padding-top: 50px;
    }
    .speeches h2 br {
        display: none;
    }
    .speeches h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .speeches {
        padding: 30px 0 40px;
    }
    .speech-box {
        padding: 15px;
        border-bottom: 1px solid #e6e6e6;
    }
    .speeches-wrap {
        padding: 15px;
    }
    .borad-member-content {
        padding: 15px 15px;
        height: 125px;
        bottom: 10px;
    }
    .readmore {
        margin-top: 25px;
    }
    .borad-member:hover .borad-member-content {
        height: 190px;
    }
    .row-seperation {
        margin-top: 0;
        margin-bottom: 0;
    }
    .businesses-back {
        margin-top: 20px;
    }
    .chairman-msg-box {
        margin-top: -55px;
        padding: 25px;
    }
    h2.investerSecTitle {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 15px;
    }
    .subsidiariesTitle h2.investerSecTitle {
        width: 236px;
    }
    .investorRelations {
        padding: 30px 0;
    }
    .chairmanBox p {
        margin-bottom: 20px;
    }
    .shareholdersBox .leftSide::after {
        top: 143%;
    }
    .dir-title {
        font-size: 35px;
    }
    .postion {
        margin-bottom: 15px;
    }
    .name-of-dir {
        margin-bottom: 25px;
    }
    .board-box>a {
        font-size: 18px;
    }
    .upper-gap {
        padding-top: 0;
    }
    footer .social-menu {
        justify-content: center;
        margin-top: 0;
    }
    .video-content {
        top: 52%;
        width: auto;
    }
    .video-content h1 {
        font-size: 50px;
        line-height: 60px;
        padding-bottom: 15px;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .video-content h1:before {
        width: 170px;
        height: 2px;
    }
    .video-content p,
    .video-content li {
        font-size: 22px;
    }
    ul.story,
    .news-text-wrap {
        margin: 0 0 20px;
    }
    ul.story li {
        flex: 0 0 100%;
        margin-left: 0;
    }
    .search-box button {
        width: 60px;
    }
    #picture {
        height: auto;
        padding: 60px 0;
        min-height: auto;
    }
    .business-block ul#tabs-nav li {
        height: auto;
        line-height: 58px;
    }
    .block-video::before,
    .block-investor::after,
    .block-career::after {
        height: 90px;
    }
    .block-video {
        padding: 90px 0 0;
    }
    .block-investor {
        padding-bottom: 90px;
    }
    footer .subscribe button {
        width: 100px;
    }
    .chirman-msg {
        display: block;
    }
    .ch-statement {
        margin-bottom: 15px;
    }
    .document-box.bor-right::after {
        right: 0;
        width: 100%;
        height: 1px;
        bottom: -82px;
        top: auto;
    }
    .cb-wrap.max_wd {
        max-width: 100%;
    }
    .document-box.bor-right {
        margin-bottom: 0;
    }
    .document-box {
        padding: 0;
        margin-top: 20px;
    }
    .sensex-wrap {
        margin-bottom: 30px !important;
    }
    .title {
        font-size: 20px;
        padding: 0;
    }
    .document-box.bor-right .cb-wrap:not(:last-child),
    .document-box .cb-wrap:not(:last-child) {
        margin-bottom: 20px;
    }
    .document-box.document-pdf,
    .ir-wrapper .col-md-5 {
        margin-top: 20px;
    }
    .ir-wrapper .col-md-5 .title {
        padding-top: 25px;
    }
    .document-box.document-pdf {
        padding-bottom: 0;
    }
    .document-pdf .cb-wrap p {
        font-size: 15px;
        font-weight: 400;
    }
    .document-pdf .cb-wrap {
        align-items: center;
    }
    .cb-wrap h3 {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .cb-wrap p {
        font-size: 15px;
    }
    .cb-wrap p br {
        display: none;
    }
    .career_btn li {
        display: block;
    }
    .career_btn li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .button>a {
        margin-bottom: 15px;
    }
    .sustainability-block h3,
    .section-title,
    .block-career .section-title,
    .business-block h2 {
        font-size: 48px;
    }
    .block-investor .section-title {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 40px;
    }
    .sensex-box h3 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .sensex-row p {
        font-size: 14px;
    }
    .bx-content p {
        font-size: 20px;
        line-height: 20px;
    }
    .sensex-box .bx-content p,
    .sensex-box .bx-content p small {
        font-size: 16px;
    }
    .bx-content .volume {
        font-size: 14px;
    }
    .news-text p {
        font-size: 15px;
        line-height: 22px;
        min-height: inherit;
        margin-top: 15px;
        margin-bottom: 0;
    }
    .sustainability-block h3 {
        font-size: 35px;
        line-height: 45px;
    }
    ul.date>li {
        font-size: 15px;
    }
    .news-bottom {
        margin-top: 0;
    }
    .logo2 img {
        width: 230px;
    }
    ul.slick-dots {
        bottom: 20px;
    }
    .career-left p br {
        display: none;
    }
    .search-wrapper {
        height: 120px;
    }
    .ir-wrapper {
        padding-bottom: 0;
    }
    .slick-slide .video-overlay video {
        transform: scale(4);
    }
    .video-block {
        height: auto;
        overflow: hidden;
    }
    .video-bg {
        background-image: url(/sites/default/files/images/mob-video-bg.png);
    }
    .news-rows {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .news-rows>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .video-box video {
        transform: scale(4);
    }
    .business-block .container .col-md-4 {
        display: none;
    }
    .business-block .tab-content {
        display: block !important;
    }
    .business-block h6,
    .business-block h3,
    .acc-content,
    .business-block p br {
        display: none;
    }
    .business-block h6,
    .business-block h3 {
        font-size: 30px;
        font-family: "Playfair Display", serif;
        text-transform: none;
    }
    .business-block h6::before,
    .business-block h3::before {
        top: 4px;
    }
    .newsButton {
        margin-top: 0;
    }
    .ob-shape img {
        width: 100%;
    }
    .business-block h2 {
        font-size: 18px;
        line-height: 20px;
        border-bottom: 1px solid #dfdfdf;
        position: relative;
        padding: 0 0 30px;
        font-family: "JioType";
        font-weight: 400;
        text-transform: uppercase;
    }
    .business-block h2 a {
        color: #fff;
    }
    .business-block h2::after {
        content: "";
        width: 12px;
        height: 5px;
        background: url(/sites/default/files/images/arrow-menu.png) no-repeat center;
        position: absolute;
        top: 10px;
        right: 0;
        display: none;
    }
    .business-block h2.child-open::after {
        transform: rotate(180deg);
    }
    .business-block p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px;
        max-width: 100%;
    }
    .acc-content {
        margin: 20px 0;
    }
    .business-block .more-btn {
        margin-top: 5px;
    }
    .business-block #tabs-content>div:first-child h6 {
        display: block;
        margin-bottom: 40px;
    }
    ul.story {
        background: #063376;
        border-radius: 12px;
        padding: 10px 15px;
        justify-content: space-between;
    }
    ul.story li.current {
        color: #d2ab67;
    }
    ul.story li.current::before {
        height: 3px;
        width: 100%;
    }
    ul.story li {
        flex: 0 0 auto;
        font-size: 15px;
        margin: 0;
        padding: 8px 0;
    }
    ul.story li::before {
        top: inherit;
        bottom: -10px;
        border-radius: 10px;
        background-color: transparent;
    }
    .video-wrapper::before {
        height: 75px;
    }
    .video-wrapper,
    .video-wrapper video {
        height: auto;
    }
    .sustainability-block .video-wrapper {
        height: auto;
        position: inherit;
    }
    .block-news {
        padding: 60px 0 0;
    }
    .block-news .section-title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .news-bottom .news-text p {
        font-size: 15px;
        line-height: 22px;
        min-height: inherit;
        margin: 0;
    }
    .footer-nav {
        padding: 5px 0 30px;
    }
    footer h5,
    footer h4,
    .footer-nav-title a,
    .footer-nav li a {
        font-size: 14px;
    }
    footer .subscriptions_block h5,
    footer .subscriptions_block h4,
    .subscribe-title {
        text-align: center;
        font-size: 14px;
    }
    .subscriptions_block .button--primary {
        font-size: 14px;
        top: 3px;
        height: 34px;
    }
    footer ul {
        display: none;
    }
    .footer-nav .row>div>.footer-wrap:not(:last-child) {
        margin-bottom: 0;
    }
    .footer-wrap h5 {
        padding: 17px 0;
        margin: 0;
        position: relative;
    }
    .footer-wrap h5::before,
    .footer-wrap h5::after {
        content: "";
        width: 14px;
        height: 2px;
        background: #000;
        position: absolute;
        right: 15px;
        top: 23px;
    }
    .footer-wrap h5::after {
        transform: rotate(90deg);
    }
    .footer-wrap h5.child-open::after {
        transform: rotate(0deg);
    }
    .footer-nav .row>div>.footer-wrap {
        border-bottom: 1px solid #565656;
    }
    .sustainability-block p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .sustainability-block .tabcontent .more-btn::before {
        top: 11px;
    }
    .block-investor {
        padding-top: 60px;
    }
    .news-text-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .news-text-wrap .news-image {
        margin-bottom: 15px;
    }
    .news-text {
        margin-bottom: 10px;
        padding-bottom: 15px;
        min-height: auto;
    }
    .new-wrap ul.date>li {
        font-size: 14px;
    }
    ul.date {
        white-space: nowrap;
        overflow: hidden;
    }
    .block-video {}
    .block-investor::after,
    .block-career::after,
    .block-video::before {
        background-size: cover;
    }
    .block-career .section-title {
        font-size: 40px;
    }
    .block {
        padding: 40px 0;
    }
    .block-1 {
        height: 150px;
        margin-bottom: 0;
        margin-top: 53px;
    }
    .block-2 {
        height: 48px;
    }
    .block-3 {
        height: 135px;
        margin-top: 32.5px;
    }
    .block-4 {
        height: 82px;
    }
    .career-left-btm {
        margin-top: 110px;
    }
    .career-left-btm img {
        width: 230px;
    }
    .career-block {
        position: absolute;
        right: 20px;
        bottom: 40px;
        width: 230px;
    }
    .block-career {
        padding-bottom: 95px;
    }
    .block.block-video {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .career-right-btm {
        margin-top: -1px;
    }
    .career-right img {
        width: 170px !important;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
    }
    .button .btn-custom {
        font-size: 13px;
        padding: 10px 12px;
        display: block;
        max-width: 160px;
    }
    .button.war .btn-custom {
        max-width: 130px;
    }
    .button.war .btn-custom::after {
        margin-left: 5px;
    }
    .ir-box .buttonBox a {
        font-size: 13px;
    }
    .video-wrap {}
    .video-text .section-title,
    .agm_text .section-title {
        font-size: 31px;
        margin-bottom: 5px;
    }
    .video-text p,
    .agm_text p {
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: 400;
    }
    .copyright ul {
        display: block;
        margin-bottom: 10px;
    }
    .copyright li a {
        color: #000;
        font-size: 13px;
        font-weight: 300;
        font-family: "JioType";
    }
    .copyright li:not(:last-child)::after {
        content: "|";
        font-weight: 500;
        padding-left: 5px;
    }
    .copyright li {
        margin-right: 10px;
        padding: 5px 0;
    }
    .copyright {
        font-size: 13px;
        font-weight: 300;
    }
    .copyright .container .col-lg-7 {
        order: 1;
    }
    .copyright .container .col-lg-5 {
        order: 2;
    }
    .bord-top {
        border-top: none;
    }
    footer .subscribe input {
        font-size: 13px;
        background: #fbf5ec;
        height: 40px;
    }
    .copyright {
        padding-top: 0;
    }
    footer .subscribe {
        box-shadow: none;
        margin-bottom: 20px;
    }
    .social-items {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #c5c5c5;
    }
    .footer-logo {
        position: static;
        transform: translateX(0%);
    }
    footer .subscribe {
        box-shadow: none;
        margin-bottom: 15px;
    }
    .footer-logo img {
        display: none;
    }
    .social-items {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #c5c5c5;
        margin-bottom: 20px;
    }
    .social-menu li {
        margin: 0 7px;
    }
    .social-menu li a {
        width: 32px;
        height: 32px;
    }
    .footer-logo img {
        width: 67px;
    }
    .cd-top {
        height: 38px;
        width: 38px;
        bottom: 10px;
    }
    .sensex-row .text-center {
        text-align: center !important;
    }
    .search-box input {
        height: 40px;
        font-size: 14px;
        font-weight: 400;
    }
    .search-box button::before {
        left: -15px;
    }
    .search-box button {
        height: 40px;
    }
    .search-box button::before {
        border-left: 16px solid transparent;
        border-bottom: 40px solid #be9244;
    }
    .search-box button:hover::before {
        border-bottom: 40px solid #053c8f;
    }
    .search-box button {
        background-size: 12px;
    }
    .investorBanner h1,
    .jio-banner h1,
    .video-banner h1,
    .inner_banner-block .banner-holder h1 {
        padding-right: 0;
    }
    .investorBanner h1,
    .jio-banner h1,
    .inner_banner-block .banner-holder h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .investorBanner p,
    .jio-banner p,
    .video-banner p,
    .inner_banner-block p {
        font-size: 24px;
    }
    .ptb {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .financial-disc h2 {
        font-size: 35px;
        line-height: 36px;
    }
    .md-left-blue {
        padding: 30px;
    }
    .ch-img h2.nameTag {
        margin-bottom: 0;
        font-size: 60px;
        line-height: 60px;
    }
    .ch-img h2.tag {
        bottom: 2%;
    }
    .name-heading {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .boardCont {
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .aboutCommittee p,
    .aboutCommittee li {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: 24px;
    }
    .aboutCommittee h5 {
        font-size: 19px;
        margin: 0 0 25px 0;
        line-height: 24px;
    }
    .aboutCommittee h5:after {
        bottom: -8px;
    }
    .RilBoardSec h6 {
        margin-top: 10px;
    }
    .boardCont h2:after {
        content: none;
    }
    .boardCommitteesSec {
        padding: 30px 0;
    }
    .RilBoardSec .committeesBox {
        padding: 30px 12px;
        border-radius: 5px;
    }
    .boardMemeberBox .box {
        flex: 0 0 50%;
        width: 50%;
    }
    .RilBoardSec h2 {
        position: relative;
        font-size: 25px;
    }
    .RilBoardSec h2:after {
        background: url(/sites/default/files/images/akar-icons_circle-plus.png) no-repeat right center;
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 28px;
        height: 28px;
        background-size: contain;
    }
    .RilBoardSec h2.active:after {
        background: url(/sites/default/files/images/akar-icons_circle-minus.png) no-repeat right center;
        background-size: contain;
    }
    .RilBoardSec h2,
    .RilBoardSec h6 {
        text-align: left;
        padding-left: 8px;
    }
    .boardMemeberBox {
        margin-top: 25px;
    }
    .refSec a.openCommittee,
    .closeCommittee {
        display: none;
    }
    .aboutCommittee {
        display: block;
    }
    .committeesBox .mobView {
        display: none;
    }
    .aboutCommittee {
        padding: 0 8px;
    }
    .boxSpace {
        margin-bottom: 15px;
    }
    .aboutch__block {
        padding: 0px 0 50px;
    }
    .aboutch__block img {
        width: auto;
        max-width: 100%;
        margin-top: 0;
    }
    .aboutch__block .col-md-7 {
        order: 1;
        -webkit-order: 1;
    }
    .aboutch__block .col-md-12 {
        order: 2;
        -webkit-order: 2;
        margin-top: -180px;
    }
    .aboutch__block .col-md-5 {
        order: 3;
        -webkit-order: 3;
    }
    .aboutAs {
        padding: 50px 30px 0px 50px;
    }
    .aboutAs p:before {
        right: 0;
    }
    .aboutAs p:after {
        top: -33px;
        left: 0;
    }
    .chairman-msg-box {
        margin-top: -75px;
    }
    .awards h2.investerSecTitle {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .chairman-msg h2.investerSecTitle.text-center {
        font-size: 30px;
        padding: 0;
        line-height: 38px;
    }
    .start-ups-section .awards-wrapper p {
        margin-bottom: 20px;
    }
    .chairman-msg h2.investerSecTitle span {
        display: contents;
    }
    .chairman-msg .csmb2 .col-md-3 {
        width: 50%;
    }
    .pos-relative {
        width: 100%;
    }
    .awards .awards-wrapper .paddingSpace .col-md-4 {
        width: 100%;
    }
    .awars-box-content p span {
        display: inline;
    }
    .awars-box,
    .awards_list {
        display: flex;
        background: #ffffff;
        margin-bottom: 20px;
        justify-content: center;
        align-items: center;
    }
    .awars-box-img,
    .awards_logo {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transition: all linear 0.3s;
        width: 40%;
        background: #fff;
        padding: 20px;
        display: flex;
        justify-content: center;
    }
    .awars-box-img img,
    .awards_logo img {
        width: auto !important;
        max-width: 100%;
        border-radius: 4px;
    }
    .awars-box-content,
    .awars_text {
        height: auto;
        width: 60%;
        position: initial;
        border-radius: 0;
        background: #fff9ef;
        padding: 35px 10px 35px 20px;
        height: 170px;
        margin: 0;
        display: flex;
        justify-content: center;
    }
    .award-year,
    .awars_text h5 {
        position: absolute;
        top: 0;
        left: 0;
        background: #26378d;
        color: #fff;
        font-size: 14px;
        padding: 0 10px;
        top: 9px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        line-height: 26px;
    }
    .awars-box-content p,
    .awars_text p {
        font-size: 15px;
        color: #373f41;
    }
    .chairman-msg .csmb2 .col-md-3 {
        width: 100%;
    }
    .RILAwardBox {
        height: auto;
    }
    .relianceChairman2 .chairmanBox h2 {
        font-size: 20px;
    }
    .digitalJioContainer img {
        width: 60px;
    }
    .digitalJio,
    .digitalJioCommitted,
    .jioAdvantages,
    .jioPlatfrom,
    .displayJioPhone {
        padding: 50px 0;
    }
    .digitalJioContainer h3 {
        margin-bottom: 15px;
    }
    .digitalJioContainer p {
        font-size: 16px;
        line-height: 24px;
    }
    .digitalJioSecTitle {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 40px;
    }
    .digitalJioCommittedBox .columanBox {
        position: relative;
        padding-bottom: 15px;
    }
    .digitalJioCommittedBox .columanBox:last-child {
        padding-bottom: 0;
    }
    .digitalJioCommittedBox .columanBox:last-child:after {
        display: none;
    }
    .digitalJioCommittedBox {
        flex-wrap: wrap;
    }
    .digitalJioCommittedBox .columanBox {
        flex: 0 0 auto;
    }
    .col-first:first-child {
        width: 100%;
    }
    .jio-cont+.container-fluid .digitalJioCommittedBox.bottomSlide {
        margin-top: 15px;
    }
    .digitalJioCommittedBox .columanBox:last-child::after {
        content: "";
    }
    .digitalJioCommittedBox .columanBox:after {
        top: auto;
        bottom: auto;
        width: 100px;
        height: 1px;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .jioNewOffer {
        justify-content: center;
    }
    .jioAdvantages .container .col-md-4 {
        width: 100%;
    }
    .jioAdvantagesBox {
        height: auto;
    }
    .connectivityborder {
        display: none;
    }
    .connectivitySpace {
        margin-top: 50px;
    }
    .connectivityFront {
        width: 260px;
        height: 260px;
        border-radius: 10px;
        padding: 20px;
        margin-bottom: 30px;
    }
    .connectivityinner {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
    .connectivityinner img {
        width: auto;
    }
    .connectivityinner p {
        font-size: 20px;
        line-height: 27px;
        font-weight: 500;
    }
    .jioNewOffer .jioOfferBox img {
        margin-top: -120px;
        width: 150px;
    }
    .jioNewOffer .jioOfferBox h3 {
        font-size: 25px;
        line-height: normal;
        margin-bottom: 20px;
    }
    .displayJioOffer {
        padding: 50px 0 0;
    }
    #yr1957 .RILlogoSec img {
        width: 80px;
    }
    .RILlogoSec {
        margin-bottom: 0;
        text-align: center;
    }
    .historySecTitle {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .forty-five h2 span {
        font-size: 60px;
        line-height: normal;
    }
    .forty-five h2 {
        font-size: 20px;
        line-height: 40px;
    }
    .quote {
        font-size: 15px;
        line-height: 25px;
        margin: 0 30px;
    }
    .quote:before {
        left: 15px;
        width: 25px;
        height: 12px;
        top: 0;
        background-size: contain;
    }
    .quote:after {
        width: 25px;
        height: 12px;
        background-size: contain;
        bottom: 0;
        right: 120px;
    }
    .founder__chairman h2 {
        font-size: 50px;
        line-height: 51px;
    }
    .founder__chairman {
        padding-bottom: 30px;
    }
    .mammothSec h6 {
        margin: 30px 0 0 0;
        font-size: 20px;
    }
    .mammothSec h5 {
        line-height: 50px;
        font-size: 30px;
    }
    .mammothSec h4 {
        font-size: 25px;
        line-height: 50px;
        padding: 0 15px;
        margin-top: 10px;
        width: 100%;
    }
    .mammothSlider {
        margin-top: 15px;
    }
    .mammothSlider .boxStyle .leftSide img {
        height: 280px;
    }
    .mammothSlider .boxStyle {
        display: flex;
        flex-direction: column;
    }
    .mammothSlider .boxStyle .leftSide {
        width: 100%;
    }
    .mammothSlider .boxStyle .rightSide {
        padding: 0 30px;
        width: 100%;
        height: 160px;
    }
    .mammothSlider .owl-nav button.owl-next {
        right: -20px;
    }
    .mammothSlider .owl-nav button {
        width: 35px;
        height: 35px;
    }
    .mammothSlider .owl-nav button.owl-prev {
        left: 13px;
    }
    .mammothSlider .boxStyle .rightSide h3 {
        font-size: 30px;
        margin-bottom: 14px;
    }
    .mammothSlider .boxStyle .rightSide p {
        font-size: 15px;
        line-height: 21px;
    }
    .apirationSec {
        padding-bottom: 50px;
    }
    .historyYear {
        font-size: 60px;
        line-height: 64px;
        margin-bottom: 10px;
    }
    .wealth-creation-text {
        text-align: center;
        width: 100%;
    }
    .wealth-creation-text h4 {
        font-size: 20px;
    }
    .wealth-creation-text h5 {
        font-size: 30px;
        line-height: 50px;
    }
    .wealth-creation-text p {
        font-size: 15px;
        line-height: 22px;
    }
    .crtifict-box {
        width: 100%;
    }
    .year1966.year1980 {
        padding: 15px;
        border: 15px solid #d2ab67;
    }
    .year2005 {
        border: 15px solid #d2ab67;
    }
    #yr2002-05 {
        background-position: center center;
    }
    #yr2020 ul li {
        padding: 10px;
    }
    .bothYear h4 {
        line-height: normal;
        font-size: 23px;
        padding: 13px 10px;
    }
    .bothYear h6 {
        font-size: 20px;
        margin: 0;
    }
    #yr2009 {
        overflow: hidden;
    }
    #yr2009 .dashed-border {
        margin-top: -90px;
    }
    .year2002 .historyYear {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .year2002 .globalBox,
    .year2020-22 .globalBox {
        flex-direction: column;
        margin-top: 20px;
    }
    .year2002 .globalBox .box,
    .year2020-22 .globalBox .box {
        margin: 0 0 20px;
    }
    .year2002.year2002-bg {
        padding-bottom: 50px;
    }
    .RILhistory .year2004#yr2010 p {
        padding: 0 10px;
    }
    .RILhistory .year2004#yr2010 .historyYear {
        margin-top: 10px;
    }
    .yaerRightSideImg {
        position: relative;
    }
    .historyTwoSide {
        display: flex;
        flex-direction: column;
    }
    .historyTwoSide .container {
        order: 1;
    }
    .RILhistory .year2004 h5 {
        font-size: 20px;
    }
    .RILhistory h5 span {
        font-size: 28px;
        line-height: 40px;
    }
    .RILhistory .year2004 .yearLeftSide h6 {
        width: 100%;
        padding: 0px 0px 0 15px;
    }
    .RILhistory h5 {
        padding-left: 15px;
    }
    .journey2020 .aboutch__block h5 {
        padding-left: 0;
    }
    .RILhistory .year2004 p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 22px;
        padding: 0;
    }
    .yaerRightSideImg .blankDiv {
        flex: 0;
    }
    .historyTwoSide .yaerRightSideImg {
        order: 2;
        text-align: left;
        padding: 0 15px;
    }
    .year2004 .yaerRightSideImg img {
        width: 100%;
        flex: none;
    }
    .year2006 .historyTwoSide {
        margin-top: 15px;
    }
    .RILhistory h5 span {
        font-size: 22px;
    }
    #yr2006.year2004 .yearLeftSide h6 {
        width: 100%;
        font-size: 30px;
    }
    .year2009 {
        padding: 15px;
    }
    .bothYear p {
        padding: 0;
        margin-top: 10px;
        font-size: 16px;
        line-height: 25px;
    }
    .year2016-bg {
        padding-bottom: 50px;
    }
    .againstDetail ul li {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .againstDetail ul li:after {
        width: 100%;
    }
    .journey2020 .detail,
    .journey2020 .imgBox {
        margin: 5px 0;
    }
    .journey2020 .detail ul li h6 {
        font-size: 16px;
        margin: 0;
        line-height: normal;
    }
    .journey2020 .detail ul li p {
        font-size: 14px;
        line-height: 16px;
    }
    .journey2020 .aboutch__block {
        padding: 0;
        margin-top: 20px;
    }
    .journey2020 .aboutch__block p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 30px;
    }
    .journey2020 .aboutch__block p:before {
        width: 25px;
        height: 14px;
        background-size: contain;
        right: 12px;
    }
    .journey2020 .aboutch__block p:after {
        width: 25px;
        height: 14px;
        background-size: contain;
        left: 0;
    }
    .quote_3,
    .quote_4 {
        width: 25px;
        height: 14px;
        background-size: contain;
    }
    .quote_3 {
        margin-left: -30px;
    }
    .quote_4 {
        margin-left: 10px;
    }
    .year2009Bg {
        padding: 95px 0 260px 0;
        background-position: center center;
    }
    .journey2020 .flexSide img {
        width: auto;
        height: 130px;
    }
    .historyButton {
        display: none !important;
    }
    .year1966 .dashed-border {
        margin-bottom: 10px;
    }
    .factory {
        flex-direction: column;
    }
    .global-energy .slick-next {
        right: -10px;
    }
    .global-energy .slick-prev {
        left: -10px;
    }
    .global-energy .slick-arrow {
        width: 40px;
        height: 40px;
    }
    #yr2002-05 .factory-text {
        flex: none;
        height: 180px;
        padding: 7px 15px;
        min-height: auto;
    }
    .year2004#yr2004 .yearLeftSide,
    .year2006 .yearLeftSide {
        text-align: center;
        padding: 0;
    }
    #yr2006.year2006 .historyYear {
        margin: 10px 0 20px 0;
    }
    .year2009.bothYear h4 {
        margin-bottom: 0;
    }
    #yr2010 .yearLeftSide {
        padding-top: 5px;
        text-align: center;
    }
    .factory-text p {
        font-size: 15px;
        line-height: 22px;
    }
    .factory-text h6 {
        font-size: 30px;
    }
    .factory-text {
        padding: 15px;
    }
    .year1966 {
        padding-bottom: 70px;
    }
    .year1966.year1980 h4 {
        font-size: 28px;
    }
    .year1966 h5 {
        font-size: 16px;
    }
    .wealth-creation-text {
        padding-left: 0;
    }
    .wealth-creation-text h5 {
        margin-bottom: 20px;
    }
    .factory-text {
        padding: 15px 15px;
    }
    .factory {
        margin-top: 15px;
    }
    .year1966.year1980 {
        padding-bottom: 50px;
    }
    .yaerRightSideImg {
        position: relative;
        width: 540px;
        max-width: 100%;
        margin: 0 auto;
    }
    .RILhistory .year2004#yr2006 .yearLeftSide h6,
    .RILhistory .year2004#yr2020 .yearLeftSide h6 {
        width: 100%;
    }
    .journey2020 .netZero .rilLogoAfter {
        top: 44%;
    }
    .historyTwoSide {
        margin-top: 0;
        text-align: center;
    }
    #yr2010 .historyTwoSide video {
        width: 100%;
    }
    .year2004.year2010#yr2010 .yearLeftSide {
        text-align: center;
    }
    .RILlogoSec img {
        width: 100px;
    }
    .founder__chairman {
        text-align: center;
    }
    #yr2020-21 .year2009.bothYear h4 {
        font-size: 30px;
    }
    .bothYear h6 {
        font-size: 18px;
    }
    .year2020-21.bothYear p {
        font-size: 16px;
        margin-top: 11px;
    }
    .againstDetail ul {
        padding: 20px 15px 10px;
    }
    .journey2020 .historyYear {
        margin-bottom: 10px;
    }
    .journey2020.bothYear h6 {
        margin-bottom: 0;
    }
    .journey2020 .netZero {
        margin-top: 10px;
    }
    .RILhistory .yearLeftSide h6 {
        font-size: 30px;
        line-height: 49px;
    }
    .RILhistory .year2004#yr2020 p.border-btm {
        padding-bottom: 10px;
    }
    .RILhistory .year2004#yr2020 p {
        margin-top: 10px;
    }
    .RILhistory .year2004#yr2020 .yearLeftSide h6 {
        margin-bottom: 20px;
    }
    .dashed-border {
        height: 70px;
        overflow: hidden;
    }
    .year1966.year1980,
    .year2020-21 .year2009Bg {
        background-position: center center !important;
    }
    .blackOverlay {
        background: rgba(0, 0, 0, 0.7);
    }
    .bothYear h4 {
        width: 100%;
    }
    .mammothSlider .owl-nav button.owl-prev:after {
        top: 28%;
        left: 30%;
    }
    .mammothSlider .owl-nav button {
        width: 40px;
        height: 40px;
    }
    #yr2004 .yearLeftSide {
        margin-bottom: 10px;
    }
    .journey2020 .flexSide {
        padding: 0 20px;
    }
    #yr2020 .historyYear {
        margin-bottom: 0;
    }
    #yr2016-17 h6,
    .RILhistory .year2004 h5,
    #yr2000 h6 {
        margin-bottom: 10px !important;
    }
    #yr2006.year2004 h5 {
        margin-bottom: 20px !important;
    }
    .RILhistory #yr2010.year2004 h5 {
        font-size: 19px;
    }
    .jioDigital .digitalJio .whiteBg {
        padding: 20px 0;
    }
    .jioDigital .digitalJio h5 {
        margin: 22px 0 12px;
        font-size: 28px;
        line-height: 31px;
    }
    .jioDigital .digitalJio p {
        font-size: 15px;
        line-height: 24px;
    }
    .jioDigital .digitalJio .jioBox p,
    .jioDigital .digitalJio .jioBox ul li {
        font-size: 15px;
        line-height: 22px;
    }
    .jioDigital .digitalJio .jioBox h4 {
        font-size: 20px;
        line-height: 35px;
    }
    .jioDigital .digitalJio {
        padding: 40px 0;
    }
    .RIlGlobalPartner p.subTitle {
        font-size: 18px;
        line-height: 27px;
        padding: 0;
    }
    .RIlGlobalPartner .digitalJioSecTitle {
        margin-bottom: 10px;
    }
    .visit {
        margin-bottom: 15px;
    }
    .RIlGlobalPartner .partnerBox {
        margin-top: 30px;
    }
    .jioPlatfrom h6 {
        font-size: 18px;
        line-height: 27px;
    }
    .RIlGlobalPartner .partnerBox .box {
        height: auto;
        padding: 25px 15px 20px;
    }
    .RIlGlobalPartner .partnerBox .box p::after {
        top: -20px;
    }
    .RILFound .RILFlexArea {
        flex-direction: column;
    }
    .RILFound .RILFlexArea .contentBox {
        padding: 24px;
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
    }
    .RILFound .contentImg {
        height: auto;
        overflow: inherit;
        width: 100%;
    }
    .RILFound .RILFlexArea .contentBox a.more-btn {
        margin-top: 0;
    }
    .investor-page.aboutus .welcome-block {
        padding-top: 75px;
    }
    .ablogo-show {
        display: block;
        width: 150px;
    }
    .r-logo {
        width: 150px;
    }
    .ablogo-hide {
        display: none;
    }
    .inner-header.about-header.nav-shadow {
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    }
    .inner-header.about-header .serach img {
        filter: brightness(1) invert(0);
        -webkit-filter: brightness(1) invert(0);
    }
    .inner-header.about-header .iconf {
        filter: brightness(1) invert(0);
        -webkit-filter: brightness(1) invert(0);
    }
    .inner-header.about-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        filter: brightness(0) invert(1);
    }
    .video-mob {
        display: block;
    }
    .RILhistory.history-intro {
        margin-top: 0;
        overflow-y: inherit;
    }
    .history-intro {
        padding-top: 40px;
    }
    .financial-disc.ptb {
        margin-top: 57px;
    }
    .financial-disc.bod.ptb {
        margin-top: 0;
    }
    .quote_1,
    .quote_2 {
        width: 25px;
        height: 12px;
        background-size: contain;
    }
    .quote_1 {
        top: -5px;
        margin-left: -25px;
    }
    .quote_2 {
        margin-left: 10px;
        bottom: -5px;
    }
    .maril h2 {
        font-size: 60px;
        line-height: 60px;
    }
    .search-wrapper-cs .input-holder .search-input {
        font-size: 15px;
    }
    .rj_store h3 {
        font-size: 35px;
    }
    .insights-details h3 {
        font-size: 18px;
    }
}

@media (max-width:575px) {
    .journey2020 .netZero .rilLogoAfter {
        top: 42%;
    }
    .subsidiariesBox .content p.fontSm {
        max-width: 66%;
        font-size: 20px;
    }
    .rilf__founder::before {
        width: 450px;
        height: 334px;
    }
    #SummaryGradeSheet5 ul.commanTabList,
    #SummaryGradeSheet34 ul.commanTabList,
    #SummaryGradeSheet22 ul.commanTabList {
        grid-template-columns: repeat(1, 1fr);
    }
    .name-para {
        font-size: 15px;
        line-height: 22px;
    }
    .commanTabList {
        grid-template-columns: repeat(2, 1fr);
    }
    .leading-india .rural_carousel .slick-next {
        right: -9px;
    }
    .leading-india .rural_carousel .slick-prev {
        left: -9px;
    }
    .table-cs-responsive.bio-table {
        overflow-x: auto;
    }
    .table-cs-responsive.bio-table .cf tr th,
    .table-cs-responsive.bio-table .table-condensed>tbody>tr>td {
        padding: 8px !important;
    }
    .table-cs-responsive.bio-table .table-condensed>tbody>tr>td {
        font-size: 14px;
    }
    .table-cs-responsive.bio-table .cf tr th {
        font-size: 13px;
    }
    .bio-content .col-md-12.col-lg-12,
    .search-wrapper .bio-content .bef-exposed-form,
    .compliance-reports .col-md-12.col-lg-12 {
        padding-right: 0;
        padding-left: 0;
    }
    .career_sec .block-1 {
        height: 356px;
        margin-top: 67px;
    }
    .career_sec .block-3 {
        height: 322px;
    }
    .video-bg {
        max-width: 575px;
    }
    .banner_media h3,
    .highlights_text h4 {
        font-size: 20px;
    }
    .banner_media figure,
    .digital-lifeline figure {
        height: auto;
    }
    .banner_media figure img,
    .digital-lifeline figure img {
        object-fit: contain;
        height: auto;
        margin-bottom: 20px;
    }
    .banner_media h3 {
        position: initial;
        transform: initial;
        color: #4d4d4d;
    }
    .digital-lifeline h5 {
        position: initial;
    }
    .jioDigital .digitalJio h5 {
        color: #4d4d4d;
        line-height: 30px;
        margin: 0;
    }
    .digitalJioCommittedBox .columanBox h6 {
        margin-bottom: .5rem;
    }
    ul.js-pager__items li a,
    .dn-btn {
        font-size: 14px;
        padding: 7px 18px;
    }
    ul.js-pager__items {
        padding-top: 10px;
    }
    .custom_btn {
        padding: 8px 20px;
    }
    .first-block {
        margin-top: 15px;
    }
    .profile_block {
        padding: 15px 15px 5px 15px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 480px;
    }
    .compliance-reports .bio-tab>li span {
        padding: 10px 12px;
    }
    .division_text p,
    .safety_block p {
        font-size: 15px;
        line-height: 22px;
    }
    .locations_block h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .locations_block h5 {
        font-size: 16px;
    }
    .locations_container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .map_tabs ul li {
        margin: 0 3px 3px;
    }
    .map_tabs ul {
        margin: 0 0 15px;
    }
    .product-brands h2 {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 30px;
    }
    .product-brands .alert-block {
        margin-bottom: 20px;
    }
    ._eB2B.management-block {
        margin-top: -15px;
    }
    .search-wrapper .filter.checkboxes_block .form-checkboxes ul li {
        min-width: 100px;
    }
    .noresult h2 {
        font-size: 16px;
    }
    .boardMemeberBox .box {
        flex: 0 0 100%;
        width: 100%;
    }
    .awards__reco+.container .strength_block2>div {
        margin-top: 30px;
    }
    .rd-project-text h3 {
        min-height: auto;
    }
    .jio-banner {
        height: 700px;
    }
    .jioDigital .digitalJio h5 {
        font-size: 26px;
    }
    .quote::before {
        left: -10px;
    }
    .quote::after {
        right: 190px;
    }
    .journey2020 .aboutch__block p::before {
        right: 50px;
    }
    .aboutch__block {
        padding-left: 30px;
        padding-right: 30px;
    }
    .newsButton {
        margin-top: 0;
    }
    .document-box.document-pdf {
        padding-bottom: 0;
    }
    .sensex-box h3 {
        font-size: 17px;
        line-height: 20px;
    }
    .bx-content p {
        font-size: 16px;
    }
    .trns-none video {
        transform: scale(1.25);
    }
    .digitalJioCommittedVideo {
        padding-top: 40px;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        margin-top: -190px;
    }
    .RIlGlobalPartner {
        padding: 40px 0 15px;
    }
    .PlatfromContent ul li {
        margin-bottom: 10px;
    }
    .jioFuture {
        padding: 40px 0;
    }
    .jioFuture .digitalJioSecTitle {
        margin-bottom: 30px;
    }
    .RIlGlobalPartner .partnerBox {
        margin-top: 30px;
    }
    .RIlGlobalPartner .digitalJioSecTitle {
        margin-bottom: 15px;
    }
    .speech-content {
        flex: 0 0 auto;
        max-width: 100%;
    }
    .paddingSpace {
        padding: 0 5px;
    }
    .displayJioOffer {
        padding: 30px 0 0;
    }
    .displayJioOffer h2 {
        margin-bottom: 120px;
    }
    .jioNewOffer .jioOfferBox {
        margin-bottom: 100px;
    }
    .jioNewOffer .jioExpBtn a {
        padding: 10px 45px 10px 24px;
    }
    .about-founder__block .images-holder h2 {
        font-size: 54px;
        line-height: 60px;
        margin-left: 0;
    }
    .digitalJio,
    .digitalJioCommitted,
    .jioAdvantages,
    .jioPlatfrom,
    .displayJioPhone {
        padding: 30px 0;
    }
    .digitalJioSecTitle {
        margin-bottom: 20px;
    }
    .memorable h2.investerSecTitle {
        font-size: 35px;
        line-height: 38px;
    }
    .about-founder__block .images-holder {
        text-align: center;
    }
    .sustainability-block {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .awards {
        padding: 40px 0;
    }
    .RilBoardSec {
        padding: 40px 0 20px;
    }
    .jioExpBtn a {
        padding: 10px 45px 10px 20px;
        background-position: 85% 15px;
    }
    .jioExpBtn a:hover {
        background-position: 85% 15px;
    }
    .borad-member img {
        width: 100%;
    }
    .mb-60 {
        margin-bottom: 30px;
    }
    .video-wrapper2 {
        bottom: 160px;
    }
    .video-banner .video-wrapper2 {
        bottom: 20px;
    }
    .back-img {
        padding: 30px 0;
    }
    .back-img.board-block {
        padding: 0;
    }
    .board-block.result-bod {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .board-block.result-bod .chairman-msg-box p {
        margin-bottom: 0;
    }
    .separator {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }
    .postion {
        font-size: 18px;
    }
    .dir-title {
        font-size: 28px;
    }
    .board-box>a {
        font-size: 15px;
        line-height: 20px;
    }
    .board-box {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    img.prev,
    img.next {
        height: 28px;
    }
    .investorRelations,
    .investerResource,
    .InvesterShareholders,
    .subsidiariesinvester,
    .investorFinancial {
        padding: 20px 0;
    }
    .investorRelations .buttonBox {
        margin-top: 20px;
    }
    .shareholdersBox .rightSide {
        padding: 10px 20px;
    }
    .shareholdersBox .infoBox {
        padding: 20px;
    }
    .shareholdersBox .infoBox ul li {
        margin-bottom: 5px;
    }
    .shareholdersBox .infoBox h5 {
        font-size: 22px;
    }
    .shareholdersBox .rightSide {
        padding: 10px 20px;
    }
    .shareholdersBox .leftSide::after {
        top: 145%;
        display: none;
    }
    .shareholdersBox .content ul li {
        font-size: 15px;
        padding: 20px 0;
        line-height: 22px;
    }
    .shareholdersBox .content ul li a {
        line-height: 22px;
    }
    .shareholdersBox .content h3 {
        font-size: 26px;
    }
    .shareholdersBox .infoBox h5 {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .shareholdersBox .content ul li:not(:last-child) {
        margin-right: 10px;
    }
    .shareholdersBox .content ul li {
        max-width: 120px;
        flex: 0 0 120px;
    }
    h2.investerSecTitle {
        font-size: 30px;
        line-height: 34px;
    }
    .investorRelations .investorBox span,
    .investorRelations .investorBox p.volume {
        font-size: 18px;
    }
    .buttonBox a {
        padding: 10px 25px;
    }
    .corpBox .hearBox h2 {
        font-size: 24px;
    }
    .corpBox.rightSide .buttonBox a {
        padding: 9px 30px;
    }
    .shareholdersBox .infoBox ul li a {
        font-size: 16px;
    }
    .RilBoardSec h2 {
        font-size: 20px;
        line-height: 26px;
        padding-right: 25px;
    }
    .boardMemeberBox .box .boxContent span:after {
        top: 4px;
    }
    .boardMemeberBox .box .boxContent {
        height: 60px;
        bottom: 10px;
    }
    .aboutch__block img {
        width: 100%;
    }
    .about-founder__block .aboutAs p {
        font-size: 20px;
    }
    .chairman-msg .csmb2 .col-md-3 {
        width: 100%;
    }
    .block-career .section-title {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .tagline {
        margin-bottom: 5px;
        line-height: 30px;
    }
    .block {
        padding: 30px 0;
    }
    .career-right img {
        width: 200px !important;
        right: 40px;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav [class*="owl-"] {
        left: 10px;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav .owl-next {
        left: inherit;
        right: 10px;
    }
    .block-video {
        padding-bottom: 0;
    }
    .good-box p br {
        display: none;
    }
    .good-box {
        padding: 15px;
    }
    .career-block {
        bottom: 30px;
    }
    .digitalJioCommittedBox.bottomSlide {
        margin-top: 0;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        padding: 220px 0 20px;
    }
    .business-block h2 {
        padding: 0 0 20px;
    }
    .video-banner {
        height: 350px;
    }
    .video-banner p {
        font-size: 20px;
    }
    .form-container .webform-submission-form .form-submit {
        font-size: 15px;
        padding: 8px 24px;
    }
    .health-block .rural_carousel .pink-box-text p {
        line-height: 24px;
        font-size: 15px;
    }
    .know-depository {
        padding: 35px 25px;
    }
    .know-depository h2 br {
        display: none;
    }
    .know-depository h2 {
        font-size: 22px;
        line-height: 26px;
    }
    .iepf-box p {
        margin-bottom: 15px;
    }
    h1.heading br {
        display: none;
    }
}

@media (max-width:480px) {
    .journey2020 .aboutch__block h4 {
        font-size: 18px;
        line-height: 22px;
    }
    .subscribe_box .submitmsg {
        line-height: 20px;
        font-size: 15px;
        width: 100%;
    }
    .release_block h1 {
        font-size: 32px;
    }
    .welcome-box h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .know-depository h2 {
        font-size: 20px;
    }
    .unclaimed-box {
        padding: 15px;
    }
    .unclaimed-wrap .tab-content h2 {
        font-size: 22px;
        line-height: 26px;
    }
    .iepf-box h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .icontacts-info .alert-block {
        padding: 25px 25px 5px;
        margin-bottom: 20px;
    }
    .planet_count.ranked_block {
        margin-top: -30px;
    }
    .ecosystem_block .energy-video {
        margin-bottom: 20px;
    }
    .gap-lf p:last-child {
        margin-bottom: 0;
    }
    .diversity-block .profile__block::before {
        width: 440px;
        height: 425px;
        right: -20px;
    }
    .rilf__founder::before {
        right: 0;
    }
    .factory-text {
        padding: 10px 15px;
    }
    .video-bg {
        max-width: 480px;
    }
    .jiobtn::after {
        width: 16px;
        height: 11px;
        background-size: contain;
        right: 14px;
    }
    .jiobtn {
        padding: 6px 36px 6px 20px;
    }
    .quick_block ul {
        margin-bottom: 0;
    }
    .buttonBox-m a {
        margin-top: 10px;
    }
    .ranked_block .careerPlus .flexbox .box {
        margin-bottom: 10px;
    }
    .ranked_block .careerPlus .flexbox .box p {
        margin-bottom: 0;
    }
    .video-events-txt h4,
    .brochure-box h5 {
        font-size: 15px;
        line-height: 22px;
    }
    .rj_store {
        margin-top: 15px;
    }
    .impact_bluebox .careerPlus .box p {
        margin-bottom: 0;
    }
    .ril-2 .right-block {
        margin-left: 2%;
    }
    .ril-2 .left-block {
        margin-right: 2%;
    }
    .ril-2 .block-1 {
        height: 242px;
        margin-bottom: 0;
        margin-top: 79px;
    }
    .newenergy_txt p:last-child {
        margin-bottom: 0;
    }
    .grnenergy_block .tackle_block a.mail {
        margin-bottom: 0;
    }
    .grnenergy_block .third-link {
        margin-top: 15px;
    }
    .renewable_block .tackle_block a.mail {
        background-position: 0 4px;
    }
    #address {
        width: 180px;
    }
    .top-image .w-100.img-fluid {
        height: 240px;
        object-fit: cover;
    }
    .press-txt h4 {
        margin-bottom: 10px;
    }
    .india_map .content img {
        height: 70px;
    }
    .profile__bio.sponsor .quote-block .quote_text .quote_1 {
        left: 0;
    }
    .diversity-block .profile__bio.sponsor .quote-block .quote_text .quote_1,
    .diversity-block .profile__bio.sponsor .quote-block .quote_text .quote_2 {
        position: relative;
    }
    .environmental_block {
        padding-top: 30px;
    }
    .environmental_block .alert-block {
        margin-bottom: 30px;
    }
    .grievance-block.product-brands {
        padding-top: 20px;
        margin-top: 20px;
    }
    .product-brands h2 {
        font-size: 22px;
    }
    .rilagm_banner {
        height: auto
    }
    .rilagm_banner img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .visit {
        font-size: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    .jiobtn {
        font-size: 15px;
    }
    .career_sec .block-1 {
        height: 295px;
        margin-top: 56px;
    }
    .career_sec .block-3 {
        height: 266px;
    }
    .workforce_block {
        margin-top: 10px;
    }
    .block-career.career_sec {
        padding-bottom: 35px;
    }
    #picture {
        background-position: center center;
    }
    #picture.one {
        background-image: url(/sites/default/files/images/retail-mobile.jpg);
    }
    #picture.two {
        background-image: url(/sites/default/files/images/digital-services-mobile.jpg);
    }
    #picture.three {
        background-image: url(/sites/default/files/images/media-entertainment-mobile1.jpg);
        background-position: center top;
    }
    #picture.four {
        background-image: url(/sites/default/files/images/petrochemicals-mobile.jpg);
    }
    #picture.five {
        background-image: url(/sites/default/files/images/energy_mobile.jpg);
    }
    #picture.six {
        background-image: url(/sites/default/files/images/new-energy-mobile.jpg);
    }
    .quote::after {
        right: 62px;
    }
    .journey2020 .aboutch__block p::before {
        right: 120px;
    }
    .journey2020 .aboutch__block p::after {
        left: 10px;
    }
    h2.nameTag {
        margin-right: 100px;
    }
    h2.tag {
        margin-right: 40px;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        margin-top: -120px;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        padding: 145px 0 20px;
    }
    .year2009Bg {
        background-position: 73% 0;
    }
    .flag-mob {
        display: block;
    }
    .flag-desk {
        display: none;
    }
    .RIlGlobalPartner .partnerBox .box img {
        height: 36px;
    }
    .newsButton {
        margin-bottom: 30px;
    }
    .jioDigital .digitalJio h5 {
        font-size: 22px;
        line-height: 20px;
    }
    .digitalJioSecTitle span {
        display: inline;
    }
    .mob-banner {
        display: block !important;
    }
    .desk-banner {
        display: none !important;
    }
    .memorable-wrap {
        margin-bottom: 15px;
    }
    .bg-img {
        width: 400px;
        height: 400px;
    }
    .test_content {
        padding: 0 44px;
    }
    .testimonial-cont h6 {
        font-size: 17px;
    }
    .testimonial-cont img {
        width: 70px !important;
    }
    .bicon {
        margin-bottom: 24px;
    }
    .made-in-india​_block h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .made-in-india​_block h4 {
        font-size: 24px;
    }
    .made-in-india​_block h3 {
        font-size: 20px;
    }
    .made-in-india​_block h3 span {
        font-size: 18px;
    }
    .forward-block h6 {
        font-size: 19px;
    }
    .business​__block h2,
    .forward-block h3,
    .values-behaviours h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .test_content p {
        line-height: 22px;
    }
    .memb-text p br {
        display: none;
    }
    .value-box h5,
    .value-box h4 {
        font-size: 20px;
    }
    .value-box {
        padding-bottom: 0;
        overflow: hidden;
    }
    .values-behaviours {
        padding: 0 0 20px;
    }
    .historyPage h1,
    .about h1 {
        width: 100%;
    }
    .block-news {
        padding: 30px 0 0;
    }
    #picture {
        padding: 40px 0;
    }
    .memorable-wrap.mw-right .memb-text h3::after {
        width: 120%;
        left: -65px;
    }
    .memorable-wrap.mw-right .memb-text {
        padding-left: 50px;
    }
    .video-slider .slick-slide .video-overlay video {
        transform: scale(4.2);
    }
    .aboutch__block.about-founder__block {
        padding: 40px 30px 40px 30px;
    }
    .aboutch__block h2.nameTag {
        top: 65px;
        left: 7px;
    }
    .aboutch__block h2.tag {
        top: 48px;
        left: 60px;
    }
    .aboutAs {
        padding: 30px 10px 10px 18px;
    }
    .aboutAs p {
        font-size: 18px;
        line-height: 26px;
    }
    .aboutAs p:before {
        right: 0;
        width: 25px;
        background-size: contain;
    }
    .aboutAs p:after {
        top: -23px;
        left: 0;
        width: 25px;
        background-size: contain;
    }
    .awars-box-img {
        padding: 10px;
    }
    .PlatfromContent ul li {
        width: 100%;
    }
    .jioPlatfromBox:after {
        top: 48%;
        width: 100px;
        height: 100px;
        background-size: contain;
    }
    .director__bio h3 {
        font-size: 24px;
    }
    .custom-toggler.navbar-toggler {
        right: 5px;
    }
    .navbar>.navbar-text.serach {
        right: 60px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 406px;
    }
    .journey2020 .netZero .rilLogoAfter {
        top: 48%;
    }
    .chairman-msg-box {
        padding: 20px;
    }
    .about-founder__block .aboutAs {
        padding: 20px 0 20px 0px;
    }
    .search-box input {
        font-weight: 300;
    }
    .sustainability-block h3 {
        margin-bottom: 15px;
    }
    .sustainability-block p {
        font-size: 15px;
    }
    .document-pdf .cb-wrap p {
        font-weight: 300;
    }
    .document-box.bor-right .cb-wrap:not(:last-child),
    .document-box .cb-wrap:not(:last-child) {
        margin-bottom: 15px;
    }
    .career-right img {
        width: 170px !important;
        right: 36px;
    }
    .boldborder {
        margin-bottom: 30px;
    }
    .good-box p {
        font-size: 15px;
        line-height: 22px;
    }
    .welcome-block {
        padding-top: 20px;
    }
    .welcome-block h2 {
        font-size: 35px;
    }
    h3.efect3,
    .about-title {
        font-size: 25px;
        line-height: 30px;
    }
    .business​__block h2,
    .forward-block h3,
    .values-behaviours h2 {
        font-size: 35px;
    }
    .awards {
        padding: 30px 0;
    }
    .video-wrapper::before {
        height: 45px;
    }
    .home-header .navbar-brand img.logo {
        height: 55px;
    }
    .platformIcon {
        top: 44.5%;
    }
    .career-block {
        width: 170px;
        right: 8px;
    }
    .block-3 {
        height: 106px;
    }
    .block-1 {
        height: 115px;
        margin-top: 50px;
    }
    .career-left-btm img {
        width: 170px;
    }
    .block-2 {
        height: 36px;
    }
    .block-4 {
        height: 63px;
    }
    .career-left-btm {
        margin-top: 50px;
    }
    .RILFound {
        padding: 40px 0;
    }
    .sensex-box .text-center img {
        width: 90px;
    }
    .md-left-blue {
        padding: 20px;
    }
    .name-heading {
        line-height: 36px;
    }
    .e-bid {
        margin-top: 15px;
    }
    .notice-inviting .table-heading {
        margin-top: 15px;
    }
    .table-heading {
        margin-bottom: 15px;
    }
    .sensex-box .bx-content p,
    .sensex-box .bx-content p small {
        font-size: 14px;
    }
    .we-care-content h2 br {
        display: none;
    }
    .we-care-content h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .we-care-bg h3,
    .we-care-bg p span,
    .we-care-bg p {
        font-size: 18px;
    }
    .management-block .mgmnt-content h2 {
        font-size: 20px;
        line-height: 26px;
    }
    ._eB2B.management-block .mgmnt-content h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .mgmnt-box .mgmnt-content::after {
        bottom: -8px;
    }
    .buttonBox a img {
        width: 12px;
        margin-top: -2px;
    }
    .buttonBox a {
        padding: 8px 20px;
    }
    .rilpopup .modal-title {
        font-size: 16px;
    }
    .about-founder__block .images-holder {
        margin-top: 0;
    }
    .finance-report>li>span,
    .finance-report>li a {
        border-bottom: 2px solid #fdf2df;
    }
    .finance-report>li.current span::before {
        display: none;
    }
    .ril_people .modal-body .profile_text h4 {
        font-size: 16px;
    }
    .ril_people .modal-body .profile_image img {
        max-width: 100%;
        width: 100%;
    }
    .ril_people .modal-body .profile_image {
        margin: 0 0 15px;
    }
    .ril_people .modal-body {
        padding: 15px;
    }
    .ril_people .btn-close,
    .rnd_project .btn-close {
        right: 5px;
        top: 5px;
    }
    .career-left p {
        margin-bottom: 1rem;
    }
    .block-career.career_sec {
        padding-bottom: 25px;
    }
    .diversity-block .profile__bio {
        padding: 25px;
        padding-top: 0;
    }
    .aboutch__block-sec2 .aboutAs.invent .quote_text {
        font-size: 20px;
    }
    .yoybanner-block .tv-block .ch_column::after {
        bottom: -8px;
    }
    .yoybanner-block .tv-block .ch_column {
        margin-bottom: 15px;
    }
    .esterisk {
        bottom: -5px;
        right: 15px;
    }
    .planet_count .careerPlus .box {
        margin-bottom: 10px;
    }
    .planet_count .careerPlus .box p {
        margin-bottom: 0;
    }
    .planet_count .careerPlus {
        padding: 30px 0;
    }
    .year1977 {
        margin-bottom: 30px;
    }
    .wealth-creation-text p {
        padding-right: 0;
    }
    #yr2002-05 .factory-text {
        height: 150px;
    }
}

@media (max-width:440px) {
    #MSDSandShelfLife4 .commanTabList {
        grid-template-columns: repeat(1, 1fr);
    }
    #MSDSAndShelfLife ul.commanTabList {
        grid-template-columns: repeat(1, 1fr);
    }
    .ril-2 .block-1 {
        height: 220px;
        margin-top: 88px;
    }
    .ril-2 .block-2 {
        height: 70px;
    }
    .ril-2 .block-3 {
        height: 210px;
    }
    .subsidiariesBox .content p.fontSm {
        max-width: 60%;
    }
    .rilf__founder::before {
        width: 380px;
        height: 300px;
    }
    .rilf__founder .aboutas {
        margin-top: 0px;
    }
    .journey2020 .netZero .rilLogoAfter {
        top: 50%;
    }
    .yoy_block h2 {
        padding-left: 10px;
        padding-left: 10px;
    }
    .sustainable-block .quote-block .quote_1,
    .sustainable-block .quote-block .quote_2 {
        position: inherit;
    }
    .sustainable-block .quote-block .quote_2 {
        margin-bottom: 0;
    }
    .sustainable-block .quote-block .quote_1 {
        margin-left: 0;
        margin-bottom: 0;
    }
    .sustainable-block .profile__bio {
        padding: 0 15px 0;
    }
    .sustainable-block .quote-block {
        max-width: 330px;
    }
    .aboutGenNext-content {
        padding: 20px 20px;
    }
    ul.unclaimed-item>li>a {
        font-size: 16px;
        line-height: 22px;
    }
    .career_sec .block-3 {
        height: 245px;
    }
    .career_sec .block-1 {
        height: 270px;
    }
    .business​__block h2 {
        margin-bottom: 15px !important;
    }
    ._eB2B .eb2b-bg.mgmnt-box2 img.img-fluid.mb-3 {
        height: 38px;
    }
    .council_team ul {
        margin-bottom: 0;
    }
    .search-wrapper-cs.active .input-holder {
        width: 356px;
    }
    .finance-report>li>span {
        padding: 8px;
    }
    .finance-report>li>span,
    .finance-report>li a {
        font-size: 13px;
    }
    .finance-report>li,
    .bio-tab>li {
        padding: 0 2px;
    }
    .tv-channels .note-txt {
        font-size: 11px;
    }
    .block-innovator .aboutGenNext-content h2 {
        font-size: 42px;
        line-height: 42px;
    }
    .aboutGenNext-content p {
        margin-bottom: 10px;
    }
    .locations_block {
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .profile__bio.sponsor {
        padding: 20px;
        padding-top: 0;
    }
    .profile__bio.sponsor .quote-block .quote_text {
        padding-left: 20px
    }
    .profile__bio.sponsor .quote-block .quote_text .quote_1 {
        left: -5px;
    }
    .diversity-block .profile__bio.sponsor .quote-block .quote_text {
        padding-left: 0
    }
    .diversity-block .profile__bio.sponsor .quote-block .quote_text .quote_1 {
        left: 0;
    }
    .diversity-block .profile__bio.sponsor {
        padding-top: 20px;
    }
    .ir-box {
        margin-bottom: 15px;
    }
    .marker-icon.kgd6 {
        top: 59% !important;
    }
    .marker-icon.nagpur {
        top: 49% !important;
    }
    .marker-icon.hosiarpur {
        top: 15% !important;
    }
    .marker-icon.barabanki {
        top: 27% !important;
    }
    .marker-icon.barabanki-energy {
        top: 27% !important;
        left: 38.5% !important;
    }
    .marker-icon.allahabad {
        top: 30.5% !important;
    }
    .marker-icon.naroda {
        top: 42% !important;
    }
    .marker-icon.jamnagar2 {
        top: 44.5% !important;
    }
    .marker-icon.jamnagar {
        top: 42.5% !important;
    }
    .marker-icon.jamnagar-energy {
        top: 42.5% !important;
        left: 9% !important;
    }
    .marker-icon.jamnagar-sez {
        top: 44% !important;
    }
    .marker-icon.dahej {
        top: 43% !important;
    }
    .marker-icon.hazira {
        top: 45.5% !important;
    }
    .test_content p {
        font-size: 13px;
        line-height: 17px;
    }
    .memb-text p {
        min-height: auto;
    }
    .sensex-block {
        margin-top: 10px;
    }
    .division_img {
        width: 85px;
    }
    .marker-icon.coal-bed-shahdol {
        top: 38.5% !important;
        left: 44.5% !important;
    }
    .subsidiariesBox {
        margin-bottom: 20px;
    }
    .chairman-bio .quote-block .quote_text .quote_1 {
        top: -10px;
    }
    .form-container .captcha img {
        width: 116px;
        height: fit-content;
    }
    .form-container .webform-submission-form .captcha .reload-captcha-wrapper {
        left: 125px;
        top: 22px;
    }
    .form-container .webform-submission-form .captcha .js-form-type-textfield {
        margin-left: 25px;
    }
    .quote::before {
        left: -20px;
    }
    .quote::after {
        right: 20px;
    }
    .journey2020 .aboutch__block p::after {
        left: 0;
    }
    .journey2020 .aboutch__block p::before {
        right: 100px;
    }
    .about-founder__block .images-holder h2 {
        font-size: 50px;
        line-height: 55px;
        margin-left: 0;
        margin-top: 15px;
    }
    ul.story li span {
        display: block;
    }
    ul.story {
        align-items: center;
    }
    ul.story li {
        line-height: 18px;
    }
    .sensex-box h3 {
        font-size: 15px;
        line-height: 16px;
    }
    .sensex-row p {
        font-size: 11px;
    }
    .bx-content p {
        font-size: 13px;
    }
    .sensex-box .bx-content p,
    .sensex-box .bx-content p small {
        font-size: 12px;
        line-height: 16px;
    }
    .sensex-box .text-center img {
        width: 70px;
    }
    .memorable-wrap.mw-right .memb-text {
        padding-left: 20px;
    }
    .memorable-wrap.mw-right .memb-text h3::after {
        width: 108%;
        left: -20px;
    }
    .ch-img h2.nameTag {
        bottom: 16%;
    }
    .ch-img h2.tag {
        bottom: 3%;
    }
    .board-box>a {
        font-size: 14px;
    }
    .subsidiariesBox .content p {
        font-size: 18px;
    }
    .subsidiariesBox .content p.fontSm {
        font-size: 18px;
    }
    .shareholdersBox .content ul li {
        max-width: 100px;
        flex: 0 0 100px;
    }
    .shareholdersBox .content ul li:not(:last-child) {
        margin-right: 5px;
    }
    .shareholdersBox .content ul li {
        font-size: 13px;
        line-height: 16px;
    }
    .shareholdersBox .content ul li a {
        line-height: 16px;
    }
    img.next {
        margin-left: 5px;
    }
    img.prev {
        margin-right: 5px;
    }
    ul.date>li:not(:last-child) {
        margin-right: 0;
        padding-right: 5px;
    }
    .cb-wrap p,
    .document-pdf .cb-wrap p {
        line-height: 22px;
    }
    .borad-member-content {
        width: 90%;
    }
    .RilBoardSec h2 {
        padding-left: 0;
        font-size: 18px;
        line-height: 24px;
        padding-right: 32px;
    }
    .career-right img {
        right: 20px;
    }
    .bg-img {
        width: 330px;
        height: 330px;
    }
    .testimonial-cont img {
        width: 44px !important;
    }
    .testimonial-cont h6 {
        font-size: 14px;
    }
    .business-text>div {
        max-width: 196px;
    }
    .forward-block h3 {
        line-height: 38px;
    }
    .testimonial-list.owl-theme .owl-nav [class*="owl-"] {
        width: 40px;
        height: 40px;
    }
    .sustainability-block h3 {
        font-size: 30px;
        line-height: 38px;
    }
    .video-text .section-title,
    .agm_text .section-title {
        font-size: 28px;
        line-height: 38px;
    }
    ul.story {
        padding: 5px 12px;
    }
    ul.story li::before {
        bottom: -10px;
    }
    .sustainability-block p {
        max-width: 100%;
    }
    .video-banner {
        height: 280px;
    }
    .video-banner p {
        font-size: 18px;
    }
    .video-banner .video-wrapper2 {
        bottom: 10px;
    }
    .test_content {
        padding: 0 44px;
    }
    .bicon::before {
        bottom: -10px;
        height: 3px;
    }
    .bicon {
        margin-bottom: 20px;
    }
    .breadcrumb ul li {
        font-size: 13px;
    }
    .custom-table .btn-custom2 {
        padding: 9px 30px 9px 10px;
        font-size: 12px;
    }
    .btn-custom2::before {
        top: 10px;
        right: 9px;
    }
    .search-wrapper .views-exposed-form .form-checkboxes ul li {
        min-width: 95px;
    }
    .search-wrapper .views-exposed-form .form-checkboxes .js-form-item.form-item label {
        padding-left: 5px;
    }
    .fs-block .address .office_block a {
        display: inline-block;
        width: 90%;
    }
    .quick_block.pt-0 li img {
        width: 100px;
    }
    .event-title .meeting,
    .event-title .meeting span {
        font-size: 17px;
    }
    .subsidiariesTitle h2.investerSecTitle {
        width: 220px;
    }
    .video-bg {
        max-width: 440px;
    }
    .product-brands .bl-image img {
        width: 130px;
    }
    .planet_block .profile__block .profile__bio .quote_1 {
        top: -10px;
    }
    .jioDigital .digitalJio h6 {
        margin-bottom: 10px;
    }
}

@media (max-width:428px) {
    .video-bg {
        max-width: 428px;
    }
    .journey2020 .netZero .rilLogoAfter {
        top: 52%;
    }
    .commanTabList li a {
        padding: 10px 18px;
    }
    .ril-2 .block-1 {
        margin-top: 86px;
    }
    .recron_block a.explore-btn,
    .polyester_block a.explore-btn {
        margin-top: 10px;
    }
    .notice-inviting .custom-table .btn-custom2 {
        font-size: 11px;
    }
    .india_map {
        margin-top: 25px;
    }
    .gradient_bg {
        margin-bottom: 15px;
    }
    .commanTabList li a {
        padding: 10px 10px;
    }
    .aboutGenNext .aboutGenNext-content .quote_1,
    .aboutGenNext .aboutGenNext-content .quote_2 {
        position: relative;
    }
    .aboutGenNext .aboutGenNext-content .quote_1 {
        margin-left: 0;
    }
    .bio-content .views-exposed-form .js-form-item.form-item label {
        margin-bottom: 5px;
    }
    .bio-content .press-block.m-0.mb-4 {
        margin-bottom: 1rem !important;
    }
    .compliance-reports.report-wise {
        margin: 1rem 0;
    }
    .search-wrapper-cs.active .input-holder {
        width: 356px
    }
}

@media (max-width:414px) {
    .career_sec .block-1 {
        height: 255px;
    }
    .career_sec .block-3 {
        height: 230px;
        margin-top: 21px;
    }
    .profile__bio.sponsor .quote-block .quote_text {
        padding-left: 6px;
    }
    .profile__bio.sponsor .quote-block .quote_text .quote_1 {
        left: -15px;
    }
    .video-bg {
        max-width: 414px;
    }
    .journey2020 .netZero .rilLogoAfter {
        top: 54%;
    }
    .commanTabList {
        grid-template-columns: repeat(2, 1fr);
    }
    .ril-2 .block-1 {
        margin-top: 86px;
    }
    .ril-2 .block-1 {
        height: 205px;
    }
    .ril-2 .block-4 {
        margin-top: 3px;
    }
    .compliance-reports.report-wise h4 {
        font-size: 18px;
    }
    .close-button1,
    .close-button2 {
        right: 10px;
        top: 10px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 342px;
    }
}

@media (max-width:393px) {
    .block-innovator .aboutGenNext-img {
        padding-top: 330px;
    }
    .rural_trans .asterisk {
        bottom: 5px;
        line-height: 14px;
    }
    .journey2020 .netZero .rilLogoAfter {
        top: 57%;
    }
    .career_sec .block-1 {
        height: 240px;
    }
    .career_sec .block-3 {
        height: 218px;
    }
    .profile__bio.sponsor .quote-block .quote_text {
        padding-left: 0;
    }
    .profile__bio.sponsor .quote-block .quote_text .quote_1 {
        left: 0;
    }
    .board-box>a.prev_btn {
        padding-left: 35px;
    }
    .board-box>a.next_btn {
        padding-right: 35px;
    }
    .ril-2 .block-3 {
        height: 195px;
    }
    .ril-2 .block-1 {
        height: 192px;
    }
    .ril-2 .block-1 {
        margin-top: 80px;
    }
    .ril-2 .block-4 {
        height: 125px;
    }
    .aboutGenNext-img {
        padding-top: 370px;
    }
    .aboutGenNext-img.text-end {
        padding-top: 440px;
    }
    .name-subhead {
        font-size: 19px;
    }
    .name-heading {
        margin-bottom: 10px;
    }
    .profile-wrapper .name-para {
        margin-bottom: 0;
    }
    .top-image .highlights_text h4 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .polymerOffice p.location span {
        display: inline;
    }
    .sensex-box .bx-content p,
    .sensex-box .bx-content p small {
        font-size: 12px;
    }
    .sensex-wrap {
        padding: 5px;
    }
    .career-right img {
        right: 5px;
    }
    .made-in-india​_block h3 {
        font-size: 18px;
    }
    .made-in-india​_block h3 span {
        font-size: 16px;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav [class*="owl-"] {
        left: -5px;
    }
    .testimonial-cont .testimonial-list.owl-theme .owl-nav .owl-next {
        left: inherit;
        right: -5px;
    }
    .video-wrapper::before {
        height: 30px;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        margin-top: -90px;
    }
    .digitalJioCommittedVideo .digitalJioCommitted {
        padding: 110px 0 10px;
    }
    .digitalJioCommittedBox .columanBox.col-first p {
        min-height: inherit;
    }
    ul.story li {
        font-size: 14px;
    }
    .sustainability-block .more-btn {
        font-size: 14px;
    }
    .jioDigital .digitalJio .whiteBg {
        padding: 10px 0;
    }
    .jioDigital .digitalJio h5 {
        font-size: 20px;
        line-height: 10px;
    }
    .jioDigital .digitalJio h6 {
        width: 55px;
        height: 55px;
    }
    .digital-lifeline {
        margin-bottom: 20px;
        margin-top: -25px;
    }
    .video-banner {
        height: 260px;
    }
    .video-banner .video-wrapper2 {
        bottom: 0;
    }
    h2.nameTag {
        margin-right: 60px;
    }
    h2.tag {
        margin-right: 25px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 318px;
    }
    .finance-report>li>span {
        padding: 8px 5px;
    }
    .sensex-block .sensex-wrap:first-child {
        margin-right: 20px;
    }
    .document-pdf .pdf-title {
        max-width: 256px
    }
    .video-bg {
        max-width: 390px;
    }
    .block-career .career-left p {
        margin-bottom: 30px;
    }
    .block-career.career_sec .career-left p {
        margin-bottom: 16px;
    }
    .block-career .block-3 {
        height: 100px;
    }
    .block-career .block-1 {
        height: 110px;
    }
    .year2002 .globalBox .detail {
        padding-right: 0;
    }
    .year2002 .globalBox .detail p {
        margin-bottom: 0;
    }
    .year2002 .globalBox .detail h5 {
        margin-bottom: 0;
    }
    .sustainable-block .quote-block .quote_2 {
        margin-left: 2px !important;
    }
    .awars_text {
        padding: 30px 15px;
        height: auto;
    }
    .block-career.career_sec .block-1 {
        height: 238px;
        margin-top: 34px;
    }
    .block-career.career_sec .block-3 {
        height: 215px;
        margin-top: 0;
    }
}

@media (max-width:375px) {
    .career_sec .block-1 {
        height: 230px;
    }
    .career_sec .block-3 {
        height: 211px;
    }
    .block-career.career_sec {
        padding-bottom: 10px;
    }
    .video-bg {
        max-width: 375px;
    }
    .board-box>a {
        font-size: 13px;
    }
    .ril-2 .block-3 {
        height: 185px;
    }
    .ril-2 .block-1 {
        height: 182px;
        margin-top: 77px;
    }
    .block-innovator .aboutGenNext-img {
        padding-top: 320px;
    }
    .block-innovator .aboutGenNext-content h2 {
        padding-top: 15px;
    }
    .diversity-block .profile__bio.sponsor {
        padding: 5px;
    }
    .submenu-item h4,
    .submenu-item .navmenu_title {
        font-size: 16px;
    }
    .close-button1,
    .close-button2 {
        width: 12px;
        right: 5px;
        top: 0;
    }
    .sustainable-block .profile__bio {
        padding: 0;
    }
    .search-wrapper-cs.active .input-holder {
        width: 306px;
    }
    .block-career.career_sec .block-1 {
        height: 228px;
        margin-top: 30px;
    }
    .block-career.career_sec .block-3 {
        height: 205px;
        margin-top: 0;
    }
}

@media (max-width:360px) {
    .journey2020 .netZero .rilLogoAfter {
        top: 58.5%;
    }
    .subsidiariesBox .content {
        padding: 90px 6px 30px;
    }
    .career_sec .block-1 {
        height: 220px;
    }
    .career_sec .block-3 {
        height: 200px;
        margin-top: 24px;
    }
    .profile__bio.sponsor .quote-block .quote_text .quote_1 {
        left: -12px;
    }
    .video-bg {
        max-width: 360px;
    }
    .sensex-block .sensex-wrap:first-child {
        margin-right: 6px;
    }
    .document-pdf .cb-wrap .pdf-icon {
        margin-right: 10px;
    }
    .year2002 .globalBox .box {
        padding: 10px 10px;
    }
    .board-box>a {
        font-size: 12px;
    }
    .search-wrapper-cs.active .input-holder {
        width: 290px;
    }
    .document-pdf .pdf-title {
        max-width: 260px;
    }
    .chairman-video .video-title_block {
        left: 20px;
    }
    .business-text>div {
        max-width: 190px;
    }
    .business-text>div:not(:last-child) {
        margin-bottom: 10px;
    }
    .block-glance .past-events-box.glance .video-wrap {
        height: 230px;
    }
    .careerTeam:hover .hoverBx {}
    .careerTeam .hoverBx {
        width: 90%;
        padding: 10px 10px;
        bottom: 10px;
        height: 60px;
    }
    .media_block .note {
        top: 67%;
    }
    .yoytext .ch_column {
        margin: 0 15px;
    }
    .career-right img {
        right: -7px;
    }
    ul.story li {
        font-size: 13px;
    }
    .quote::after {
        bottom: -15px;
    }
    .custom-table .btn-custom2 {
        font-size: 11px;
    }
    .fs-block .address .office_block a {
        width: 88%;
    }
    .block-career.career_sec .block-1 {
        height: 218px;
    }
    .block-career.career_sec .block-3 {
        height: 196px;
    }
    .year2002 .globalBox .detail,
    .year2020-22 .globalBox .detail {
        padding: 0 12px;
    }
}

@media (max-width:330px) {
    .video-bg {
        max-width: 330px;
    }
    .digitalJioCommittedBox .columanBox p {
        min-height: 66px;
    }
    .RIlGlobalPartner .partnerBox .box {
        margin: 0 0 20px;
        width: 100%;
        padding: 20px 15px 20px;
    }
    .businesses-content {
        padding: 8px;
    }
    .reatil-head {
        font-size: 30px;
        line-height: 32px;
    }
    .business-explore {
        margin-top: 10px;
    }
    .retail-para {
        font-size: 16px;
        line-height: 20px;
    }
}

.subscriptions_block .submitmsg {
    display: block !important;
}

.cursor {
    position: relative;
}

.cursor i {
    position: absolute;
    width: 1px;
    height: 80%;
    background-color: gray;
    left: 5px;
    top: 10%;
    animation-name: blink;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    opacity: 1;
}

.cursor input:focus+i {
    display: none;
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.unclaimed-wrap .views-exposed-form .form-actions input {
    display: block !important;
}

.form-item--error-message {
    color: red;
}

.locations_block .oil_textiles {
    display: block;
}

.ch_column h5 span {
    text-transform: capitalize;
}

.video_jio1 {
    position: relative;
    text-align: center;
}

.rural_content>.rural_block {
    align-items: normal;
}

.goldbg {
    background: #d2ab67;
}

.jioPlatfromBox .PlatfromArea.bottomSide:first-child .PlatfromContent {
    padding: 16px 50px !important;
}

.txtdisclaimer {
    font-size: 13px;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 25px;
    font-style: italic;
}

.equalopp {
    margin-bottom: 16px !important;
}

.video_jio1 img {
    width: 100%;
}

.equal-btn:before {
    top: 0px;
    height: 40px;
}

@media screen and (max-width:767px) {
    .equal-btn:before {
        top: 0px;
        height: 34px;
    }
}

@media screen and (max-width:992px) {
    .equal-btn:before {
        top: 0px;
        height: 36px;
    }
}

.equal-btn:before {
    background: url(/sites/default/files/images/arrow2.png) no-repeat right center;
}

.icontacts-info ul li {
    width: 290px;
}

.icontacts-info ul {
    max-width: 590px;
}

.navbar.navbar-expand-lg .navbar-nav .nav-item {
    margin-right: 1.5rem;
}

ul.story li a {
    color: #fff;
}

.bio-tab>li span {
    background: #fff;
    padding: 13px 29.3px;
    white-space: nowrap;
    border-bottom: 4px solid #fdf2df;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-family: "JioType";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #a6a4a4;
    border-radius: 6px 6px 0px 0px;
    display: block;
}

.open_year a {
    color: #777;
}

.open_year a:hover {
    color: #777;
}

.navbar .nav-item .dropdown-menu.active,
.top-menu .nav-item .dropdown-menu.active {
    display: block;
}

.top-menu .nav-item .dropdown-menu.active {
    min-width: 42rem;
    right: 0;
    box-shadow: none;
    z-index: 9999;
}

.foundation-block .slick-arrow:focus,
.foundation-block .slick-arrow:focus-visible,
.rural_box .slick-arrow:focus,
.rural_box .slick-arrow:focus-visible,
.glance-gallery-poster a:focus,
.glance-gallery-poster a:focus-visible,
.fs-block .accordion .accordion-button:focus,
.fs-block .accordion .accordion-button:focus-visible,
.career-left .btn-custom:focus,
.career-left .btn-custom:focus-visible {
    outline: 2px solid #000;
}

.webcast-bottom .glance-gallery-poster a {
    width: 60px;
    height: 33px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

.speech-icon {
    margin: 2px 55px 0 0;
}

.speech-icon img {
    width: 20px;
    height: auto;
}

.speech-icon a {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/sites/default/files/images/speech-icon.svg) no-repeat center;
    background-size: 100%;
}

.speech-icon a.speech-active {
    background: url(/sites/default/files/images/speech-icon-active.svg) no-repeat center;
    background-size: 100%;
}

.home-header .speech-icon a.speech-active,
.about-header .speech-icon a.speech-active,
.sticky.home-header .speech-icon.speech-active,
.sticky.about-header .speech-icon.speech-active {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
}

.home-header .speech-icon a,
.about-header .speech-icon a {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.sticky.home-header .speech-icon a,
.sticky.about-header .speech-icon a {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
}

.speech-icon.mobile {
    display: none;
}

@media (min-width:1200px) and (max-width:1365px) {
    .navbar.navbar-expand-lg .navbar-nav .nav-item,
    .navbar.navbar-expand-lg .navbar-nav .nav-item {
        margin-right: .5rem;
        margin-left: .5rem;
    }
    .navbar.navbar-expand-lg .navbar-nav .nav-item:first-child {
        margin-left: 0;
    }
}

@media (max-width:1199px) {
    .about-header .speech-icon a {
        filter: brightness(1) invert(0);
        -webkit-filter: brightness(1) invert(0);
    }
    .search-wrapper-cs .input-holder {
        width: 40px;
    }
    .search-wrapper-cs .input-holder .search-input {
        padding: 0 20px;
    }
    .speech-icon {
        display: none;
    }
    .speech-icon.mobile {
        display: block;
        margin: 0;
        position: absolute;
        right: 50px;
        top: 12px;
    }
    .sticky .speech-icon.mobile {
        top: 21px;
    }
}

.workforce_block .strength_block {
    grid-template-columns: repeat(3, 1fr);
}

.workforce_block .strength_block .datacol:nth-child(3n)::after {
    content: none;
}

@media (max-width:1199px) {
    .workforce_block .strength_block {
        grid-template-columns: repeat(2, 1fr);
    }
    .workforce_block .strength_block .datacol:nth-child(3n)::after {
        content: "" !important;
    }
    .workforce_block .strength_block .datacol:nth-child(4n)::after,
    .workforce_block .strength_block .datacol:last-child::after {
        content: none !important;
    }
}

@media (max-width:767px) {
    .workforce_block .strength_block {
        grid-template-columns: repeat(1, 1fr);
    }
    .workforce_block .strength_block .datacol:nth-child(4n)::after,
    .workforce_block .strength_block .datacol:nth-child(5n)::after {
        content: "" !important;
    }
}

.yoytext .ch_column {
    margin: 30px 30px;
}

@media (max-width:1199px) {
    .yoytext .ch_column {
        margin: 0px 30px;
    }
}

.asteriskAdd.asterisk2 {
    bottom: 10px !important;
}

@media screen and (min-width:1100px) {
    .csr_banner .text-block.noBline::after {
        display: none;
    }
}

.subsidiary-main p.noLine:last-child {
    padding-right: 0;
}

.subsidiary-main.RandD p.noLine:last-child::after {
    display: none;
}

.pharmacy_block p {
    overflow: hidden;
}

@media (min-width:992px) and (max-width:1100px) {
    .reportDetails .content h3 {
        font-size: 16px;
    }
}

.reportDetails img {
    width: 100%;
}

.reportDetails .content a img {
    width: auto;
}

.mediayear {
    bottom: -15px;
    right: -15px;
}

@media (max-width:1200px) {
    .mediayear {
        bottom: 10px;
        right: 10px;
    }
}

@media (min-width:768px) {
    .unclaimed-box .form-item--error-message {
        position: absolute;
        font-size: 13px;
        color: red;
        padding-top: 3px;
        padding-bottom: 5px;
    }
}

@media (max-width:767px) {
    .unclaimed-box .form-item--error-message {
        font-size: 13px;
        color: red;
        padding-top: 0;
        padding-bottom: 0;
    }
    .planet_count .careerPlus .flexbox .box:nth-last-child(2)::after {
        content: none !important;
    }
    .planet_count.impact_bluebox .careerPlus .flexbox .box:nth-last-child(2)::after {
        content: '' !important;
    }
    .esterisk {
        text-align: center;
    }
    .workforce_block .strength_block .datacol:nth-last-child(1)::after {
        content: none !important;
    }
}

@media (max-width:1199px) {
    .navbar-expand-lg .navbar-nav ul.list-unstyled.text-end li {
        margin-right: 1.5rem;
    }
    .renewable_block.planet_count .careerPlus .flexbox .box:nth-last-child(2)::after {
        content: none !important;
    }
}

.agm-wrap::before {
    display: none;
}

.carousel.fade {
    opacity: 1;
    transition: opacity 0.5s;
}

.carousel.fade .carousel-inner .carousel-item {
    opacity: 0;
    transition: opacity 0.5s;
}

.carousel.fade .carousel-inner .carousel-item.active {
    opacity: 1;
}

.invest-bullet ul {
    padding: 0;
    margin: 0;
}

.invest-bullet li {
    font-size: 18px;
    background: url(/sites/default/files/images/bullet-icon.png) no-repeat 0 4px;
    padding-left: 30px;
    margin-bottom: 15px;
}

.pro-green-title {
    color: #4d4d4d !important;
    font-family: "Playfair Display";
    margin-bottom: 15px !important;
    font-size: 30px !important;
}

#picture.seven {
    background-image: url(/sites/default/files/images/jfs.jpg);
}

.twit-icon {
    background: url(/sites/default/files/images/twitter-new-icon.png) no-repeat;
    width: 30px;
    height: 30px
}

.twit-icon:hover {
    background: url(/sites/default/files/images/twitter-new-icon-hover.png) no-repeat;
}

.jfs_main {}

.jfs_main h4 {
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 15px;
}

.jfs_inverse_block {
    margin-top: 30px;
}

.jfs_inverse_block h2 {
    font-size: 65px;
    color: #053c8f;
    font-weight: 400;
    margin-bottom: 25px;
}

.jfs_inverse_block h6 {
    font-size: 30px;
    color: #053c8f;
    font-weight: 500;
    margin-bottom: 25px;
}

.jfs_inverse_block p {
    padding: 0 30px;
}

.jfs_inverse_block h3 {
    font-family: "JioType";
    font-weight: 500;
    font-size: 30px;
    color: #053c8f;
    margin-bottom: 20px;
    position: initial;
    left: auto;
    transform: none;
    bottom: auto;
    text-align: left;
    padding: 0 30px;
    text-transform: lowercase;
    text-transform: capitalize;
}

.jfs_inverse_block ul {
    padding: 0 30px;
}

.jfs_inverse_block li {
    font-size: 18px;
    background: url(/sites/default/files/images/bullet-icon.png) no-repeat 0 4px;
    padding-left: 30px;
    margin-bottom: 15px;
    text-align: left;
}

@media (max-width:991px) {
    .jfs_inverse_block h3,
    .jfs_inverse_block ul {
        padding: 0 30px;
    }
}

@media (max-width:767px) {
    .jfs_inverse_block {
        margin-top: 10px;
    }
    .jfs_inverse_block h3,
    .jfs_inverse_block ul {
        padding: 0 10px;
        font-size: 20px;
    }
    .jfs_inverse_block p {
        padding: 0 10px;
    }
    .jfs_inverse_block li {
        font-size: 15px;
    }
}

.cd-top {
    display: inline-block;
    height: 51px;
    width: 50px;
    position: fixed;
    bottom: 50px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(/sites/default/files/images/slide-arrow.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.pro-green-title {
    color: #4d4d4d !important;
    font-family: "Playfair Display";
    margin-bottom: 15px !important;
    font-size: 30px !important;
}

.new_energy_block.newmaterial_block {
    background-color: #d2ab67;
}

@media (max-width:1199px) {
    .bioenergy_block .row>div {
        width: 100%;
    }
    .bioenergy_block .row>div img {
        width: 100%;
    }
    .pro-green-sec .row>div,
    .zero-carbon .row>div {
        width: 100%;
    }
}

.products_block.mobility-block.bioenergy_block {
    padding-top: 30px;
}

.zero-carbon .recron_block {
    padding: 30px 0;
}

.submenu-block h3,
.submenu-block-eb2b h3,
.submenu-block-eb2b h3 a,
.submenu-item h4 a,
.submenu-item .navmenu_title a,
.submenu-item ul li a,
ul.underline li a,
ul.overview_menu li a,
.footer-nav li a,
.RILFound .RILFlexArea .contentBox p,
.news-text p,
.news-text p a {
    color: #000000 !important;
}

.video-overlay:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 12.77%, rgba(0, 0, 0, 0) 20.13%), linear-gradient(90deg, rgba(0, 0, 0, 0.85) 1.71%, rgba(52, 52, 52, 0) 100%);
}

#picture:before {
    background: radial-gradient(30.38% 41.37% at 50.63% 51.67%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.75) 59.21%);
}

.btnrf {
    margin: 20px auto 25px;
}

@media (max-width:991px) {
    .btnrf {
        display: table;
    }
}

@media (max-width:767px) {
    .btnrf:after {
        top: 10px;
        right: 12px;
    }
}

.nma-found {
    margin-top: 50px !important;
}

.nma-found-p {
    margin-top: 20px !important;
}

.nma-found-ab {
    margin-top: 25px !important;
}

.nma-found:before {
    top: 95px;
}

@media (max-width:992px) {
    .nma-found:before {
        top: 400px !important;
        width: 100% !important;
    }
}

.awards_slider .slick-prev:hover.slick-disabled {
    background-color: #fdf2df !important;
    border: 1px solid #fdf2df !important;
}

.awards_slider .slick-next:hover.slick-disabled {
    background-color: #fdf2df !important;
    border: 1px solid #fdf2df !important;
}

.awards_slider .slick-prev:hover,
.awards_slider .slick-next:hover {
    background-color: #be9244 !important;
    border: 1px solid #be9244 !important;
}

#block-unpaiddividendsearch {
    padding-top: 0;
    padding-bottom: 0;
}

.no-records {
    margin: 22px 0 0;
}

.bothYear.slider2022 .slider p {
    padding: 0;
    font-size: 24px;
    line-height: 34px;
    color: #1f1919;
}

.bothYear.slider2022 .slider h6 {
    font-weight: 500;
    font-size: 53px;
    color: #17427b;
    font-family: "Playfair Display", serif;
}

@media (max-width:1199px) {
    .bothYear.slider2022 .slider h6 {
        font-size: 40px;
    }
    .bothYear.slider2022 .slider p {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width:767px) {
    .bothYear.slider2022 .slider p {
        font-size: 15px;
        line-height: 22px;
    }
    .bothYear.slider2022 .slider h6 {
        font-size: 30px;
    }
}

.business-block ul#tabs-nav li:hover,
.business-block ul#tabs-nav li.active {
    font-size: 20px;
}

@media (max-width:1366px) {
    .business-block ul#tabs-nav li:hover,
    .business-block ul#tabs-nav li.active {
        font-size: 21px;
    }
}

@media (max-width:1199px) {
    .business-block ul#tabs-nav li:hover,
    .business-block ul#tabs-nav li.active {
        font-size: 18px;
    }
    .business-block ul#tabs-nav li {
        font-size: 17px;
    }
    .navbar-expand-lg .navbar-collapse {
        display: block !important;
    }
}

.glance-gallery>ul>li a .glance-gallery-poster>img,
.playericon>img {
    top: unset;
    bottom: 0;
    left: 7%;
    width: 38px !important;
    z-index: 1;
}

.event-details .glance-gallery .play_btn {
    top: unset;
    left: 7%;
    bottom: 0;
}

.agm_text {
    position: absolute;
    top: unset;
    left: 0;
    transform: none;
    padding: 0 15px;
    width: 45px;
    bottom: 1%;
}

.video-js .vjs-big-play-button {
    height: 45px;
    width: 45px;
    border: 2px solid #fff;
    background-color: #1f385c;
    border-radius: 30px;
    line-height: 40px;
}

.video_jio1 .start_btn {
    top: unset;
    left: 1%;
    transform: initial;
    bottom: 2%;
}

.vjs-big-play-centered .vjs-big-play-button {
    top: initial;
    left: 2%;
    margin-top: 0;
    margin-left: 0;
    bottom: 3%;
}

.share svg use {
    fill: #000 !important;
}

.finance-report>li>span,
.finance-report>li a {
    padding-right: 15px;
    padding-left: 15px;
}

@media screen and (max-width:991px) {
    .video-icon img {
        width: 35px !important;
    }
}

@media screen and (max-width:767px) {
    .council_block .council_txt h2 {
        font-size: 35px;
    }
    .glance-gallery>ul>li a .glance-gallery-poster>img,
    .playericon>img {
        left: 10%;
    }
    .vjs-big-play-centered .vjs-big-play-button {
        left: 0;
    }
    .video-js .vjs-big-play-button {
        line-height: 32px;
        width: 35px;
        height: 35px;
    }
    .awars_text {
        padding: 30px 15px;
        height: auto;
    }
    .navbar-brand {
        display: inline-block;
    }
}

@media screen and (max-width:500px) {
    .glance-gallery>ul>li a .glance-gallery-poster>img,
    .playericon>img {
        left: 14%;
    }
}

.search-wrapper-cs .input-holder .search-icon {
    width: 34px;
}

@media (max-width:1199px) {
    .search-wrapper-cs .input-holder {
        width: 30px;
    }
}

@media (max-width:1280px) {
    .search-wrapper-cs .input-holder {
        right: 0px;
    }
}

.media-kit-logo {
    height: 130px;
    width: 260px;
    margin: 0 auto;
}

.media-kit-logo img {
    height: 130px;
}

.media-kit h5 {
    color: #be9244;
    margin: 20px 0 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #e7e7e7;
}

.media-kit-title h5 {
    margin: 20px 0px !important;
    font-size: 16px !important;
}

.search-input-filter .views-exposed-form {
    display: block;
}

.search-input-filter .views-exposed-form .js-form-item.form-item .form-text {
    width: 100%;
}

.stfiil {
    flex: auto !important;
    max-width: none !important;
    white-space: normal !important;
}

.council_txt h2 {
    font-size: 55px;
}

@media screen and (min-width:1200px) and (max-width:1365px) {
    .council_txt h2 {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}

.rfvantara p strong {
    font-weight: 400;
    color: #000;
}

.rfvantara {
    background: #fdf2df;
    border-radius: 0px;
}

.rfvantara3 {
    background: #ffffff;
    border-radius: 6px;
}

.rvantarab::after {
    background: #d2ab67;
}

.videosp {
    margin-bottom: 20px;
}

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

.rndpt img {
    width: auto !important;
}

.views-exposed-form .form-actions input {
    display: none !important;
}

.views-exposed-form .js-form-item.form-item .form-text:focus {
    outline: none;
}

.press-block .views-exposed-form .js-form-item.form-item .form-text {
    position: relative;
    left: 36px;
}

.press-block .views-exposed-form .js-form-item-sort-order {
    position: relative;
    left: 175px;
    width: 50% !important;
}

.press-block .views-exposed-form .form-item-sort-bef-combine {
    position: relative;
    left: 160px;
}

.press-block .views-exposed-form .js-form-item.form-item select {
    width: 56%;
    margin-left: 0px;
}

.press-block .filter-event .views-exposed-form .form-item-sort-bef-combine {
    left: inherit;
}

.press-block .filter-event .views-exposed-form {
    padding-left: 0;
    padding-right: 0;
    text-align: right;
}

.press-block .filter-event .views-exposed-form .js-form-item.form-item select {
    width: 75% !important;
}

.insights-listing figure img {
    border-radius: 6px;
}

.award-year a {
    font-size: 28px;
    line-height: 26px;
    text-transform: capitalize;
    color: #D2AB67;
    font-weight: 400;
}

.imgsubtitle {
    position: relative;
    top: -86px;
    left: 102px;
    text-align: center;
    color: white;
}

.btn-info {
    color: #fff;
    background: #bfa161;
    border-color: #bfa161;
}

.insights-main-txt {
    padding-top: 163px;
}

.video-title_block {
    top: 175px !important;
}

#video-press .views-exposed-form .js-form-item.form-item .form-text {
    left: 9px;
}

.search-item .views-exposed-form .form-item-sort-bef-combine {
    left: 80px;
}

#media-press .views-exposed-form .js-form-item.form-item .form-text {
    left: 9px;
}

body .span12 {
    overflow: hidden;
}

.share {
    display: flex;
}

.social-block .share a {
    margin: 0 2px !important;
}

.resource-video .glance-gallery>ul>li a .glance-gallery-poster>img {
    top: 41% !important;
}

.social-menu2 {
    display: flex;
}

ul.social-menu2>li.mr-2 {
    margin-right: 3px !important;
}

.input-holder form .form-wrapper input {
    display: none;
}

.investor_nse img {
    width: 8px;
    height: 5px;
}

.search-box form .form-wrapper input {
    display: none;
}

#views-exposed-form-press-release-page-1 .views-exposed-form .form-actions,
.search-item .views-exposed-form .form-actions {
    display: none;
}

@media (max-width:1365px) {
    .press-block .views-exposed-form .js-form-item-sort-order {
        left: 140px;
    }
    .search-item .views-exposed-form .form-item-sort-bef-combine {
        left: 90px;
    }
    .press-block #views-exposed-form-press-release-page-1 .form-item-sort-bef-combine {
        left: 135px;
    }
}

@media (max-width:1199px) {
    .search-item .views-exposed-form .form-item-sort-bef-combine {
        left: 45px;
    }
    .press-block .views-exposed-form .js-form-item-sort-order {
        left: 100px;
    }
    .press-block .filter-event .views-exposed-form input.form-text {
        width: 100%;
    }
    .press-block #views-exposed-form-press-release-page-1 .form-item-sort-bef-combine {
        left: 95px;
    }
}

@media (max-width:991px) {
    .press-block .views-exposed-form .js-form-item-sort-order {
        left: 65px;
    }
    .search-item .views-exposed-form .form-item-sort-bef-combine {
        left: 15px;
    }
    .press-block .filter-event .views-exposed-form .js-form-item.form-item select {
        width: 68% !important;
    }
    .press-block #views-exposed-form-press-release-page-1 .form-item-sort-bef-combine {
        left: 50px;
    }
}

@media (max-width:767px) {
    .press-block .filter-event .views-exposed-form {
        text-align: left;
    }
    .press-block .filter-event .views-exposed-form .js-form-item.form-item label {
        display: block;
    }
    .press-block .filter-event .views-exposed-form .js-form-item.form-item select {
        width: 100% !important;
    }
    .award-year a {
        position: absolute;
        top: 0;
        left: 0;
        background: #26378D;
        color: #fff;
        font-size: 14px;
        padding: 0 10px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .press-block .views-exposed-form .js-form-item-sort-order {
        left: auto;
        width: 100% !important;
    }
    .views-exposed-form .js-form-item.form-item label {
        margin-bottom: 10px;
        margin-right: 0;
        margin-top: 5px;
        font-size: 15px;
    }
    .press-txt h4 {
        min-height: auto;
    }
    .press-txt {
        padding: 15px;
    }
    .ajit-sapre {
        padding: 15px;
    }
    #views-exposed-form-press-release-page-1 .views-exposed-form .form-actions,
    .search-item .views-exposed-form .form-actions {
        display: block;
    }
    .search-item .views-exposed-form .form-actions input,
    #views-exposed-form-press-release-page-1.views-exposed-form .form-actions input,
    #views-exposed-form-insights-insights.views-exposed-form .form-actions input,
    .filter-event #views-exposed-form-insights-insights .form-actions {
        display: block !important;
    }
    .search-box form .form-wrapper input {
        margin-top: 0;
    }
}