/* @font-face {
    font-family: 'Acumin Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Acumin Pro'), url('../fonts/Acumin-RPro.woff') format('woff');
}


@font-face {
    font-family: 'Acumin Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Acumin Pro Italic'), url('../fonts/Acumin-ItPro.woff') format('woff');
}


@font-face {
    font-family: 'Acumin Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Acumin Pro Bold'), url('../fonts/Acumin-BdPro.woff') format('woff');
}


@font-face {
    font-family: 'Acumin Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Acumin Pro Bold Italic'), url('../fonts/Acumin-BdItPro.woff') format('woff');
} */

:root {
    --dark-blue: #002650;
    --light-blue: #003a70;
    --theme-red: #df0000;
    --white: #ffffff;
    --black: #000000;
    --bg-grey: #f2f2f2;
    --grey: #e6e6e6;
    --standard-radious: 10px;
    --hover-color-blue: #1061ad;
    --hover-color-white: #d6d6d6;
    --hover-color-dark: #595959;
    /* --font-family-normal: 'Acumin Pro';
    --font-family-italic: 'Acumin Pro Italic';
    --font-family-bold: 'Acumin Pro Bold';
    --font-family-bold-italic: 'Acumin Pro Bold Italic'; */
    --font-large: 2.7em;
    --font-semi-large: 2.5em;
    --font-medium: 2em;
}

/* Common */
body {
    background-color: #f2f2f2;
    line-height: 21px;
    /* font-family: var(--font-family-normal); */
}

input[type=text],
input[type=password],
input[type=email],
select,
textarea {
    border-radius: 25px !important;
    border: 1px solid var(--grey) !important;
    padding-left: 20px !important;
    background-color: var(--bg-grey) !important;
}

.select2-container .select2-selection {
    border-radius: 25px !important;
    border: 1px solid var(--grey) !important;
    background-color: var(--bg-grey);
}

.select2-container--krajee-bs4 .select2-selection {
    box-shadow: none !important;
    background-color: var(--bg-grey) !important;
}

.select2-container--krajee-bs4 .select2-selection--single {
    padding: 5px 20px;
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
    border-left: none;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
select:focus {
    box-shadow: none !important;
}

.field-white input[type=text],
.field-white input[type=password],
.field-white input[type=email],
.field-white select,
.field-white textarea {
    border: 1px solid var(--white) !important;
    background-color: transparent;
    color: var(--white);
}

button {
    border-radius: 25px !important;
}

.weight-light {
    font-weight: 400;
}

.weight-bold {
    font-weight: 600;
}

.weight-bolder {
    font-weight: 700;
}

.font-24 {
    font-size: 24px;
}

.font-18 {
    font-size: 18px;
}

.section-title {
    font-size: var(--font-large);
    color: var(--dark-blue);
}

span.badge {
    border-radius: 50px;
}

.flex-middle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-light-grey {
    background-color: var(--bg-grey);
}

.bg-dark-blue {
    background-color: var(--dark-blue);
}

.text-capital {
    text-transform: uppercase;
}

.text-white {
    color: var(--white);
}

.text-red {
    color: var(--theme-red);
}

.text-dark-blue {
    color: var(--dark-blue);
}

.text-light-blue {
    color: var(--light-blue);
}

.text-bg-primary {
    background-color: var(--light-blue) !important;
}

.text-bg-danger {
    background-color: var(--theme-red) !important;
}

.text-bg-white {
    background-color: var(--white) !important;
}

.text-bg-grey {
    background-color: var(--bg-grey) !important;
}

.border-light-blue {
    border: 1px solid var(--light-blue) !important;
}

.border-grey {
    border: 1px solid var(--grey) !important;
}

.border-dark-blue {
    border: 1px solid var(--dark-blue) !important;
}

.scifiniti-radious {
    border-radius: var(--standard-radious);
}

.btn-scifiniti {
    border: var(--bs-btn-border-width) solid var(--theme-red);
    border-radius: 25px;
    background-color: var(--theme-red);
    color: #fff !important;
}

ul.special-list {
    padding-left: 0px;
}

ul.special-list li {
    list-style: none;
    margin-bottom: 5px;
}

ul.special-list li::before {
    content: "\f0a9";
    font-family: "Font Awesome 6 Free";
    margin-right: 5px;
    font-weight: 600;
}

.btn-scifiniti:hover,
.btn-scifiniti:focus,
.btn-scifiniti:active {
    color: var(--theme-red) !important;
    background-color: #fff !important;
    border-color: var(--theme-red) !important;
}

.btn-scifiniti-blue {
    border: var(--bs-btn-border-width) solid var(--dark-blue);
    border-radius: 25px;
    background-color: var(--white);
    color: var(--dark-blue);
}

.btn-scifiniti-blue-bg {
    border: var(--bs-btn-border-width) solid var(--dark-blue);
    border-radius: 25px;
    background-color: var(--dark-blue);
    color: var(--white);
}

.btn-scifiniti-blue-bg:hover {
    color: var(--dark-blue);
    background-color: var(--white);
    border-color: var(--dark-blue);
}

.btn-scifiniti-blue:hover {
    color: var(--white);
    background-color: var(--dark-blue);
    border-color: var(--white);
}

.btn-scifiniti-red {
    border: var(--bs-btn-border-width) solid var(--theme-red);
    border-radius: 25px;
    background-color: var(--white);
    color: var(--theme-red);
}

.btn-scifiniti-red:hover {
    color: var(--white);
    background-color: var(--theme-red);
    border-color: var(--white);
}

.btn-scifiniti-red:hover i {
    color: var(--white);
}

.btn-scifiniti-white {
    border: var(--bs-btn-border-width) solid var(--white);
    border-radius: 25px;
    background-color: transparent;
    color: var(--white);
}

.btn-scifiniti-white:hover {
    color: var(--dark-blue);
    background-color: var(--white);
    border-color: var(--dark-blue);
}

.btn-scifiniti-white-bg {
    border: var(--bs-btn-border-width) solid var(--white);
    border-radius: 25px;
    background-color: var(--white);
    color: var(--dark-blue);
}

.btn-scifiniti-white-bg:hover {
    color: var(--white);
    background-color: transparent;
    border-color: var(--white);
}

/* BUtton Animations */
.red-white-animate,
.white-blue-animate,
.blue-white-animate {
    border-radius: 25px;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
}

.red-white-animate:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-red);
    border-radius: 25px;
    z-index: -2;
}

.red-white-animate:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #fff;
    transition: all 0.3s;
    border-radius: 25px;
    z-index: -1;
}

.red-white-animate:hover {
    color: var(--theme-red);
}

/* White Blue */
.white-blue-animate:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    border-radius: 25px;
    z-index: -2;
}

.white-blue-animate:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--dark-blue);
    transition: all 0.3s;
    border-radius: 25px;
    z-index: -1;
}

.white-blue-animate:hover {
    color: var(--white);
}

/* Blue white */
.blue-white-animate:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-blue);
    border-radius: 25px;
    z-index: -2;
}

.blue-white-animate:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--white);
    transition: all 0.3s;
    border-radius: 25px;
    z-index: -1;
}

.blue-white-animate:hover {
    color: var(--dark-blue);
}

.red-white-animate:hover:before,
.white-blue-animate:hover:before,
.blue-white-animate:hover:before {
    width: 100%;
}

.rounded-100 {
    border-radius: 100%;
}

/* FLashing Effect on Image Hover */
/* Flashing */
.journal-carousel .item a {
    display: block;
    position: relative;
    overflow: hidden;
}

.journal-carousel .owl-stage,
.affiliation-carousel .owl-stage {
    /*width: auto!important;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.journal-carousel .item a::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.journal-carousel .item a:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/* .journal-carousel .item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.journal-carousel .item img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    
} */

.spacer {
    padding-bottom: 30px;
}

.section-view-all {
    font-size: 20px;
    text-decoration: none;
    color: var(--black);
    padding-top: 3px;
    padding-bottom: 3px;
}

.card {
    border: none;
    border-radius: var(--standard-radious);
}

select {
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* arrows */


select {
    background-image:
        linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%),
        linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%),
        linear-gradient(to right, transparent, transparent);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
}

select:focus {
    background-image:
        linear-gradient(45deg, rgb(0, 0, 0) 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, rgb(0, 0, 0) 50%),
        linear-gradient(to right, transparent, transparent);
    background-position:
        calc(100% - 15px) 1em,
        calc(100% - 20px) 1em,
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
    border-color: rgb(0, 0, 0);
    outline: 0;
}

select.white {
    background-image:
        linear-gradient(45deg, transparent 50%, rgb(255, 255, 255) 50%),
        linear-gradient(135deg, rgb(255, 255, 255) 50%, transparent 50%),
        linear-gradient(to right, transparent, transparent);
}

select.white:focus {
    background-image:
        linear-gradient(45deg, rgb(0, 0, 0) 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, rgb(0, 0, 0) 50%),
        linear-gradient(to right, transparent, transparent);
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.pre-header {
    padding: 15px 0px 0px 0px;
    background-color: var(--white);
}
.pre-header .sec-logo {
    border-left: 2px solid var(--light-blue);
}
.header-logo img {
    height: 80px;
}

.header-logo,
.footer-logo {
    display: flex;
    align-items: center;
}

.header-logo h1,
.footer-logo h1 {
    font-weight: 600;
    letter-spacing: 3px;
}

.header-with-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logo h1 {
    font-size: 50px;
}

/* Nav-Bar*/
.navbar {
    background-color: var(--dark-blue);
    margin: 12px 0px 0px 0px;
    z-index: 10;
}

.navbar .nav-item {
    margin-right: 15px;
}

.navbar a.nav-link {
    color: var(--white) !important;
    font-size: 17px;
    font-weight: 600;
}
.dropdown-toggle::after {
    vertical-align: 0.18em;
}
.navbar .nav-item .dropdown-menu {
    border-radius: 0px 0px 5px 5px;
    padding: 0px;
}

.navbar .nav-item .dropdown-menu li a {
    padding: 10px 15px;
}

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

.dropdown:hover .dropdown-menu a:hover {
    border-radius: 0 0 5px 5px;
}

/* SearchBar*/
.search-bar {
    padding: 20px 15px;
    background-color: #003a70;
    background-image: url(http://scifiniti.com/frontend/img/bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: var(--dark-blue);
    font-weight: 600;
    box-shadow: 0px 0px 20px -1px #e0e0e0;
}

.search-bar:before {
    content: "";
    background-color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.search-bar {}

.search-bar h4 {
    margin-bottom: 0px;
    font-size: 18px;
}

/* Main slider */
.main-slider .item {
    height: 500px;
    position: relative;
}

.main-slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-slider .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
}

.main-slider .item .cover .header-content {
    position: relative;
    padding: 56px;
    overflow: hidden;
    text-align: center;
}

.main-slider .item .cover .header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 9px solid #fff;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

.main-slider .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
}

.main-slider .item .cover .header-content h1 {
    font-size: 56px;
    font-weight: 600;
    margin: 5px 0 20px;
    word-spacing: 3px;
    color: #fff;
}

.main-slider .item .cover .header-content h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: var(--dark-blue);
    background-color: var(--white);
    border-radius: 50px;
    padding: 10px 15px;
    margin: auto 200px;
}

.main-slider .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.main-slider .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.main-slider .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.main-slider .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}

.main-slider .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(255, 255, 255, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.main-slider .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
}

.main-slider .owl-nav .owl-prev:focus {
    outline: 0;
}

.main-slider .owl-nav .owl-prev:hover {
    background: #ffffff !important;
}

.main-slider .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(255, 255, 255, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}

.main-slider .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
}

.main-slider .owl-nav .owl-next:focus {
    outline: 0;
}

.main-slider .owl-nav .owl-next:hover {
    background: #ffffff !important;
}

.main-slider:hover .owl-prev {
    left: 30px;
    opacity: 1;
}

.main-slider:hover .owl-next {
    right: 30px;
    opacity: 1;
}

/* Journal-Carousel*/
.journal-slider {
    padding: 15px;
}

.owl-carousel:not(.owl-carousel.main-carousel) .owl-nav button.owl-prev,
.owl-carousel:not(.owl-carousel.main-carousel) .owl-nav button.owl-next {
    font-size: 50px;
    color: #d7d7d7;
}

.owl-carousel:not(.owl-carousel.main-carousel) .owl-nav button.owl-prev {
    position: absolute;
    top: 45%;
    left: -50px;
}

.owl-carousel:not(.owl-carousel.main-carousel) .owl-nav button.owl-next {
    position: absolute;
    top: 45%;
    right: -50px;
}

.journal-carousel .item {
    padding: 0px;
    background-color: var(--white);
    border-radius: var(--standard-radious);
    border: 1px solid var(--grey);
}

.journal-carousel .item .item-prop {
    font-size: 18px !important;
    text-align: center;
}

.journal-carousel .item a {
    text-decoration: none;
    border-radius: 10px;
}

.journal-carousel .item .item-prop h4 {
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--light-blue);
    font-weight: 600;
    font-size: 1.1rem !important;
}

.journal-carousel .item .item-prop i {
    border: 2px solid var(--theme-red);
    color: var(--theme-red);
    border-radius: 100%;
    padding: 7px 10px;
}

/* Recent Articles */
.article-nav a.left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #002650;
    border-color: #002650;
}

.article-nav a.right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #0a3667;
    border-color: #002650;
}

.article-nav a:focus {
    box-shadow: none;
}

.article-nav a:active {
    background-color: #002650 !important;
    border-color: #002650 !important;
}

.article-section {
    white-space: normal;
}

.article-list {
    overflow: hidden;
}

.article-list.owl-carousel .author-tooltip .tooltip-content img {
    width: auto !important;
}

/*.article-list.owl-carousel .owl-item.active:last-of-type{
    width: 100%!important;
}*/
.article-list .article {
    padding: 15px;
    background: var(--bg-grey);
    border: 1px solid var(--grey);
    min-height: 585px;
    border-radius: var(--standard-radious);
    position: relative;
}

.article-list .article.with-abstract {
    min-height: 585px !important;
}

.gf_abstract{
    min-height: 270px;
}
.gf_abstract img {
    max-height: 240px;
    width: 100%;
    object-fit: contain;
}

.recent-articles .keywords {
    padding: 15px;
    background: var(--bg-grey);
    border: 1px solid var(--grey);
    min-height: 100px;
    position: relative;
}

.recent-articles .keywords .keyword {
    color: var(--dark-blue);
}

.recent-articles .doi a,
.recent-articles .doi p {
    font-size: 14px;
}

.article-list .article .badges .open-access-icon {
    font-size: 24px;
}

.article-single {
    /* overflow: hidden; */
}

.article-single .badges .open-access-icon {
    font-size: 12px;
    font-weight: 700;
}

.article-single .badges .open-access-icon img {
    width: 25px;
}

.article-list .article h4 {
    color: var(--light-blue);
    font-weight: 600;
    margin-top: 15px;
    font-size: 18px;
}

.article-list .article h4 a {
    text-decoration: none;
    color: var(--black);
}

.article-list .article h6 {
    color: var(--black);
    margin-bottom: 3px;
}

.article-list .article h6 span {
    font-weight: 700;
}

.article-list .article h6 a {
    text-decoration: none;
    color: var(--black);
}

.article-list .article h4 a:hover {
    color: var(--hover-color-blue);
}

.article-list .article .journal-name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid var(--grey);
    border-bottom-right-radius: var(--standard-radious);
    border-bottom-left-radius: var(--standard-radious);
    padding: 10px 15px;
}

.article-list .article .accordion {}

.article-list .article .accordion .accordion-button::after {
    background-image: none;
    content: none;
}

.article-list .article .accordion .accordion-button i {
    margin-right: 5px;
    font-size: 18px;
}

.article-list .authors-list {
    padding: 15px 0px;
    position: relative;
}

.authors-list {
    display: flex;
    margin-bottom: 15px;
    border-radius: var(--standard-radious);
}

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

.authors-list ul.authors li {
    padding-right: 0px;
    color: var(--light-blue)
}

.authors-list ul.authors li a {
    text-decoration: none;
    color: var(--gray);
    font-weight: 400;
}

/* Recent Articles */
.news-list a {
    text-decoration: none;
    color: var(--dark-blue);
}

.news-list .news-single-box .news {
    min-height: 610px;
}

.news-list .news-single-box .news {
    border-radius: var(--standard-radious);
    background-color: var(--white);
    overflow: hidden;
    border: 1px soild var(--grey);
    margin-bottom: 15px;
}

.news-list .news-two-boxes .news {
    display: flex;
    border-radius: var(--standard-radious);
    background-color: var(--white);
    overflow: hidden;
    border: 1px soild var(--grey);
}

.news-list .news-two-boxes .news-img {
    flex: 0 0 40%;
}

.news-list .news-details {
    padding: 15px;
    min-height: 130px;
}

.news-list .news-details h5 {
    font-size: 18px;
}

.news-list .news-single-box .news-details h4 {
    font-size: 22px;
}

.news-list .news-two-boxes .news-details h4 {
    font-size: 18px;
}

/* END Recent Articles */
/* Subscribe Section */
.subscibe-section form.subscribe .form-control {
    background-color: var(--bg-grey);
}

form.subscribe .error {
    color: var(--theme-red);
}

.subscibe-section form.subscribe .help-block {
    color: var(--white);
}


/* END Subscribe Section */
/* News in sidebar */
.sidebar-button {
    background-color: var(--white);
    border-radius: var(--standard-radious);
    color: var(--white);
    padding: 15px 30px;
    font-weight: 600;
}

.sidebar-button a {
    color: var(--dark-blue);
    text-decoration: none;
    font-size: 18px;
    display: flex;
}

.sidebar-button a:hover {
    color: var(--hover-color-white);
}

.sidebar-button a i {
    font-size: 25px;
    margin-right: 15px;
}

.side-box {
    background-color: var(--white);
    border-radius: var(--standard-radious);
    color: var(--dark-blue);
    padding: 30px 20px;
    font-weight: 600;
}

.side-box .news-item {
    border-bottom: 1px solid var(--white);
    padding: 10px 0px;
}

.side-box .news-item .date {
    font-size: 13px;
}

.side-box hr {
    border-top-color: var(--grey);
    opacity: 1;
    margin: 0.5rem 0;
}

.side-box h4 {
    font-size: 18px;
}

.side-box h4 a {
    color: var(--white);
    text-decoration: none;
}

.side-box h4 a:hover {
    color: var(--hover-color-white);
}

.side-box .read-more {
    padding: 15px 0px 0px;
}

.side-box .read-more a {
    font-size: 20px;
    color: white;
    text-decoration: none;
    font-weight: 700;
}

.side-box .read-more a:hover {
    color: var(--hover-color-white);
}

/* List Sidebar */
.side-box .list {
    list-style: none;
    padding-left: 0px;
    color: var(--dark-blue);
}

.side-box .list li:before {
    content: "\f0a9";
    font-family: "Font Awesome 6 Free";
    margin-right: 5px;
}

.side-box .list li {
    line-height: 30px;
    padding: 0px 5px;
    display: flex;
}

.side-box .list li.active {
    background-color: var(--light-blue);
    border-radius: 25px;
}

.side-box .list li a {
    font-size: 13px;
    text-decoration: none;
    color: var(--dark-blue);
}

.side-box .list li.active:before {
    color: var(--white);
}

.side-box .list li.active a {
    color: var(--white);
}


/* Sidebar Journal Issues */
.volume-issue-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0px;
}

.volume-issue-list ul li {
    flex: 0 0 50%;
}

.footer {
    background-color: var(--light-blue);
    color: var(--white);
}

.footer .newsletter h4 {
    font-size: 18px;
}

.social-links ul.social-media {
    list-style: none;
    padding: 0px;
}

.social-links ul.social-media li {
    display: inline-block;
    margin-right: 15px;
}

.social-links ul.social-media li a {
    color: #fff;
    font-size: 30px;
}

.social-links ul.social-media li a:hover {
    color: var(--hover-color-white)
}

.copyright-footer {
    background-color: var(--dark-blue);
}

.copyright-footer p.copyright-text {
    color: var(--white);
}

.copyright-footer ul {
    list-style: none;
    margin-bottom: 0px;
}

.copyright-footer ul li {
    display: inline-block;
    margin-right: 15px;
}

.copyright-footer ul li a {
    text-decoration: none;
    color: var(--white);
}

.copyright-footer ul li a:hover {
    color: var(--hover-color-white);
}

/* table-scifiniti */
.table-scifiniti .journal-thumb {
    height: 50px;
}

.table-scifiniti thead th {
    background-color: var(--bg-grey);
    border-bottom: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

.table-scifiniti th:nth-child(1) {
    -webkit-border-radius: var(--standard-radious) 0px 0px var(--standard-radious);
    -moz-border-radius: var(--standard-radious) 0px 0px var(--standard-radious);
    border-radius: var(--standard-radious) 0px 0px var(--standard-radious);
    padding-left: 15px;
}

.table-scifiniti th:nth-last-child(1) {
    -webkit-border-radius: 0px var(--standard-radious) var(--standard-radious) 0px;
    -moz-border-radius: 0px var(--standard-radious) var(--standard-radious) 0px;
    border-radius: 0px var(--standard-radious) var(--standard-radious) 0px;
    padding-right: 15px;
}

.table-scifiniti {
    font-size: 14px;
}

.table-scifiniti thead th {
    vertical-align: top;
}

.table-scifiniti tbody td {
    vertical-align: middle;
}

.table-scifiniti tbody td.journal-name {
    display: flex;
    align-items: center;
}

.table-scifiniti tbody td.journal-name span {
    margin-left: 10px;
    font-weight: 600;
}

.table-scifiniti tbody td.journal-name span a {
    text-decoration: none;
    color: inherit;
}

.table-scifiniti tbody td.journal-name span a:hover {
    color: var(--hover-color-dark);
}

.table-scifiniti input {
    border-radius: 4px !important;
    height: 24px;
    margin-top: 10px;
    border: 1px solid #a3a3a3 !important;
    background: transparent;
    padding-left: 5px !important;
}

.table-scifiniti i.fa-rss {
    border-radius: 100%;
    background-color: #ff9500;
    padding: 7px 8px;
    color: var(--white);
}

/* Proposal Form */
.proposal-form .form-group {
    margin-bottom: 15px;
}

.proposal-form .help-block {
    color: var(--theme-red);
}

.proposal-form input[type=text],
.proposal-form input[type=email],
.proposal-form select {
    background-color: var(--bg-grey);
    height: 50px;
}

.proposal-form .select2-container--krajee-bs4 .select2-selection--single {
    padding: 12px 20px;
    height: 50px;
}

.proposal-form textarea {
    background-color: var(--bg-grey);
}

/* Vrtual Table */
.virtual-table .virtual-row {
    display: flex;
    margin-bottom: 15px;
}

.virtual-table .virtual-row .virtual-td:first-child {
    flex: 0 0 20%;
    font-weight: 700;
}

.virtual-table .virtual-row .virtual-td:last-child {
    flex: 0 0 80%;
}

.virtual-table .virtual-table-footer {
    background-color: var(--dark-blue);
}

/* Journal Info */
.journal-info-card .journal-attr span {
    font-size: 18px;
    font-weight: 600;
}

.journal-info-card .journal-attr a {
    display: block;
    vertical-align: middle;
    line-height: 39px;
}

.journal-info-card .journal-attr i {
    color: var(--theme-red);
    font-size: 24px;
    font-style: normal;
    margin-right: 10px;
}

.badges .download a:hover {
    color: var(--hover-color-white);
}

/* New Menu */
body.offcanvas-active {
    overflow: hidden;
}

.offcanvas-header {
    display: none;
}

.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition: opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active {
    z-index: 10;
    transition: opacity .3s ease, width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
}

/* Mobile only Accordion*/
.js-accordion-title {
    display: block;
    pointer-events: none;
}

.js-accordion-panel[hidden] {
    display: none;
}

.nav-multi-col .nav-multi-col__trigger {
    background: none;
    border: 0;
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0;
    cursor: pointer;
    color: var(--dark-blue);
}

.nav-multi-col .nav-multi-col__heading {
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
}

.nav-multi-col .nav-multi-col__heading i {
    display: none;
}

.nav-multi-col .nav-multi-col__heading svg {
    font-size: 20px;
    font-weight: normal;
}

.nav-multi-col .nav-multi-col__panel {
    margin: 0;
}

.nav-multi-col .nav-multi-col__panel h5 a {
    text-decoration: none;
    color: var(--dark-blue);
    margin-left: 5px;
}

#ArticlesSearch input,
#ArticlesSearch .select2-container--krajee-bs4 .select2-selection--single {
    background-color: var(--white) !important;
}

.article-list .member-details h5 a {
    color: var(--dark-blue);
    text-decoration: none;
}

.article-list .member-details p.position {
    margin-bottom: 5px;
    color: var(--gray);
}

.article-list .member-details p.university {
    margin-bottom: 5px;
}

.article-list .issue-details a {
    color: var(--dark-blue);
    text-decoration: none;
}

.pagination {
    background-color: var(--bg-grey);
    padding: 3px 15px;
}

.page-link.active {
    background-color: var(--dark-blue);
    color: #fff;
}

.page-link.active a {
    color: #fff;
}

.pagination li a,
.pagination li span,
.pagination li i {
    text-decoration: none;
    font-size: 16px;
}

.pagination .btn.disabled {
    border: none;
}

.news-list .news-details span {
    display: block;
    color: var(--gray);
    margin-bottom: 5px;
    margin-top: 5px;
}

.news-list .news-details h5 a {
    text-decoration: none;
    color: var(--dark-blue);
}

.affiliations .form-group {
    position: relative;
}

.affiliations i {
    position: absolute;
    right: 30px;
    top: 15px;
    padding: 3px 5px;
    background: #002650;
    color: white;
    border-radius: 50%;
}

.breadcrumb .breadcrumb-item a {
    text-decoration: none;
    padding-right: 0.2rem;
    color: var(--dark-blue) !important;
}

.breadcrumb .breadcrumb-item a:hover {
    color: #007bff !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: " ";
}

.breadcrumb-item+.breadcrumb-item {
    padding: 0px !important;
}

.breadcrumb-item:last-child i::before {
    content: " ";
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0.2rem;
}

.search-bar-container {
    position: relative;
}

.search-bar-title {
    margin-bottom: 25px;
    font-size: 40px;
}

#modal-lg input[type=text] {
    border: none;
    border-radius: 8px !important;
}

#modal-lg .select2-container .select2-selection {
    border-radius: 8px !important;
}

.modal-header {
    padding: 30px 15px 20px;
}

.breadcrumb {
    margin-bottom: 0;
    font-size: 18px;
}

.footer-widget__contact {
    position: relative;
    display: block;
}

.footer-widget__tag {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.footer-widget__contact-box {
    position: relative;
    display: block;
    padding-top: 5px;
}

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

.footer-widget__contact-box li {
    position: relative;
    display: flex;
}

.footer-widget__contact-box li .icon {
    font-size: 20px;
    margin-right: 15px;
    color: #f6f6f7;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__contact-box li .icon {
    font-size: 20px;
    margin-right: 15px;
    color: #f6f6f7;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__contact-box li .text a {
    color: #fff;
    text-decoration: none;
}

.footer-widget__contact-box li .text p {
    font-size: 16px;
    color: #fff;
}

.journal-attr a {
    text-decoration: none;
    color: var(--white);
}

.article-menu-wrap {
    position: sticky;
    z-index: 2;
    top: 0;
}

.sec-journal-stats-icon {
    color: var(--dark-blue);
}

.sec-journal-stats-icon .journal-stat .stat-number {
    font-size: 18px;
    color: #ccc;
}

.recent-articles {
    padding: 40px 0px;

}
/*.equation-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1em 0;
}*/
.equation-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 0;
    gap: 2rem;
}
.equation-math {
    flex: 1;
}
disp-formula {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
}

disp-formula label {
    padding-left: 40px;
}

inline-formula {
    display: inline-block;
}

.journal-list-item .card-header {
    background-color: var(--white);
    border-bottom: none;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}

.journal-list-item .card-header .card-title {
    margin: 0px;
}

.journal-list-item .card-header .card-toolbar a i {
    font-size: 13px;
}

.journal-list-item .journal-title {
    font-size: 24px;
    text-decoration: none;
    margin-bottom: 15px;
    color: var(--dark-blue) !important;
}

.journal-list-item .short-desc {
    color: var(--dark-blue);
    min-height: 105px;
    text-align: justify;
}

.journal-list-item a {
    text-decoration: none !important;
}

.journal-list-item img {
    border-top-left-radius: var(--standard-radious);
    border-bottom-left-radius: var(--standard-radious);
}

.journal-list-item.single-view img {
    border-radius: var(--standard-radious);
}

.journal-list-item .card-body {
    padding: 0;
}

.separator.separator-solid {
    border: 1px solid var(--bg-grey);
}

.insights-section .insight-box {
    min-height: 141px;
}

/* Teams Section */
.team-item .details-side .team-img img {
    width: 100px;
    border-radius: 50%;
}

.team-item .details-side .name {
    margin-top: 15px;
    margin-bottom: 0px;
}

.team-item .details-side .position {
    font-size: 15px;
}

.team-item .details-side .email {
    font-size: 14px;
}

.team-item .details-side .email a {
    text-decoration: none;
    color: var(--dark-blue);
}

.team-item .description-side {
    font-size: 14px;
    line-height: 18px;
}

/* End Teams Section */

.contact-box {
    background: var(--bg-grey);
    padding: 30px 15px;
    text-align: center;
}

.contact-box h4 {
    font-weight: 600;
}

.contact-box .contact-icon {
    color: #df0000;
    font-size: 35px;
}

.contact-box .contact-title {
    color: var(--dark-blue);
}


.publish-journal {
    background-image: url('/frontend/img/publish-journal.jpg');
    min-height: 230px;
    border-radius: var(--standard-radious);
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}

.publish-journal>div {
    z-index: 2;
}

.publish-journal::after {
    content: "";
    background-color: #000000a8;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.publish-journal .publish-icon {
    line-height: 40px;
}

.publish-journal .publish-icon i::before {
    font-size: 16px;
}

.image-part.special-issue {
    background-image: url(/frontend/img/special-issue.jpg);
    background-position: center;
    background-size: cover;
}

.image-part.propose-journal {
    background-image: url(/frontend/img/propose-journal.jpg);
    background-position: center;
    background-size: cover;
}

.image-part.additional-service {
    background-image: url(/frontend/img/additional-service.jpg);
    background-position: center;
    background-size: cover;
}

.sided-image-box {
    display: flex;
    border-radius: var(--standard-radious);
    overflow: hidden;
}

.sided-image-box .text-part {
    flex: 0 0 50%;
}

.sided-image-box .image-part {
    flex: 0 0 50%;
}

.sided-image-box .text-part a {
    display: block;
}

/* Tootip*/
.mytooltip {
    display: inline;
    z-index: 999
}

.mytooltip .tooltip-item {
    cursor: pointer;
    font-weight: 500;
    padding: 0 10px
}

.mytooltip .tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 360px;
    left: 80%;
    margin: 0 0 20px -180px;
    bottom: 85%;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    background: var(--dark-blue);
    opacity: 0;
    cursor: default;
    pointer-events: none;
    border-radius: var(--standard-radious);
}

.mytooltip.tooltip-singlepage .tooltip-content {
    left: 85%;
    bottom: 93%;
}

.mytooltip .tooltip-content p {
    margin-bottom: 5px;
}

.mytooltip .tooltip-content::after {
    content: '';
    top: 100%;
    left: 88%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #2a3035 transparent transparent;
    border-width: 10px;
    margin-left: -10px
}

.mytooltip .tooltip-content img {
    position: relative;
    height: 140px;
    display: block;
    float: left;
    margin-right: 1em
}

.mytooltip .tooltip-item::after {
    content: '';
    position: absolute;
    width: 360px;
    height: 20px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mytooltip:hover .tooltip-item::after {
    pointer-events: auto
}

.mytooltip:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg)
}

.mytooltip:hover .tooltip-content2 {
    opacity: 1;
    font-size: 18px
}

.mytooltip .tooltip-text {
    font-size: 14px;
    line-height: 24px;
    display: block;
    padding: 1em 1.21em 1em 0;
    color: #fff
}


.author-tooltip {
    display: inline;
    z-index: 999;
    position: relative;
}

.author-tooltip .tooltip-item {
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 3px 3px 0px 3px;
}

.author-tooltip .tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 380px;
    margin: 0 0 20px -50px;
    bottom: 34%;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    background: var(--dark-blue);
    opacity: 0;
    cursor: default;
    pointer-events: none;
    border-radius: var(--standard-radious);
}

.author-tooltip .tooltip-content {
    margin: 0 0 20px -190px;
}

.re-article-0 {
    z-index: 3;
}

.re-article-1 {
    z-index: 2;
}

.re-article-1 {
    z-index: 1;
}

.re-article-2 .author-tooltip .tooltip-content {
    margin: 0 0 20px -390px;
}

.author-tooltip.tooltip-singlepage .tooltip-content {
    left: 85%;
    bottom: 93%;
}

.author-tooltip .tooltip-content::after {
    content: '';
    top: 100%;
    left: 10%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #002650 transparent transparent;
    border-width: 10px;
    margin-left: -10px
}

.author-tooltip .tooltip-content.innerpage-tooltip::after {
    left: 40%;
}

.re-article-2 .author-tooltip .tooltip-content::after {
    left: inherit;
    right: 10%;
}

.author-tooltip .tooltip-content img {
    position: relative;
    height: 130px;
    display: block;
    float: left;
    margin-right: 1em
}

.author-tooltip .tooltip-item::after {
    content: '';
    position: absolute;
    width: 360px;
    height: 20px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.author-tooltip:hover .tooltip-item::after {
    pointer-events: auto
}

.author-tooltip:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg)
}

.author-tooltip:hover .tooltip-content2 {
    opacity: 1;
    font-size: 18px
}

.author-tooltip .tooltip-text {
    font-size: 14px;
    line-height: 24px;
    display: block;
    padding: 1.31em 1.21em 1.21em 1.21em;
    color: #fff
}

.author-tooltip .tooltip-content p {
    margin-bottom: 5px;
}

.tooltip-content .social-icons {
    display: flex;
    margin-bottom: 5px;
}

.tooltip-content .social-icons img {
    margin-right: 5px;
    /* background-color: var(--white); */
    border-radius: 4px;
}

.author-tooltip .tooltip-item a.author-name {
    font-size: 16px;
    padding-left: 0;
    padding-right: 0px;
    color: var(--dark-blue);
}

/* News */

.search-news input[type=text],
.search-news input[type=password],
.search-news input[type=email],
.search-news select,
textarea {
    background-color: var(--white) !important;
}

.search-news input[type=text],
.search-news input[type=password],
.search-news input[type=email],
.search-news select,
textarea {
    background-color: var(--white) !important;
}

.search-news .select2-container--krajee-bs4 .select2-selection {
    box-shadow: none !important;
    background-color: var(--white) !important;
}


/*Publish with Us */
.publish-with-us .sided-image-box ul.special-list li {
    list-style: none;
    margin-bottom: 5px;
    display: flex;
}

.publish-with-us .sided-image-box ul.special-list li a {
    text-decoration: none;
    color: var(--bs-body-color);
}

/* Icon Styling */

.svg-icon.svg-icon-1x svg {
    height: 1rem !important;
    width: 1rem !important;
}

.svg-icon.svg-icon-2x svg {
    height: 2rem !important;
    width: 2rem !important;
}

.svg-icon.svg-icon-3x svg {
    height: 3rem !important;
    width: 3rem !important;
}

.svg-icon.svg-icon-4x svg {
    height: 4rem !important;
    width: 4rem !important;
}

.svg-icon.svg-icon-5x svg {
    height: 5rem !important;
    width: 5rem !important;
}

.svg-icon.svg-icon-6x svg {
    height: 6rem !important;
    width: 6rem !important;
}

.svg-icon.svg-icon-7x svg {
    height: 7rem !important;
    width: 7rem !important;
}

.svg-icon.svg-icon-8x svg {
    height: 8rem !important;
    width: 8rem !important;
}

.svg-icon.svg-icon-dark svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: var(--dark-blue) !important;
}

.svg-icon.svg-icon-dark svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-grey svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ccc !important;
}

.svg-icon.svg-icon-grey svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-primary svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3699FF !important;
}

.svg-icon.svg-icon-primary svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-secondary svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E5EAEE !important;
}

.svg-icon.svg-icon-secondary svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-success svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1BC5BD !important;
}

.svg-icon.svg-icon-success svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-info svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #8950FC !important;
}

.svg-icon.svg-icon-info svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-warning svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #FFA800 !important;
}

.svg-icon.svg-icon-warning svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-danger svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F64E60 !important;
}

.svg-icon.svg-icon-danger svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-light svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9 !important;
}

.svg-icon.svg-icon-light svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-dark svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #212121 !important;
}

.svg-icon.svg-icon-dark svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-icon-white svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

/* Icon Stylling */
/*Margin and Padding*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-3,
.my-3 {
    margin-top: 0.75rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 0.75rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 0.75rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 0.75rem !important;
}

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

.mt-4,
.my-4 {
    margin-top: 1rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1rem !important;
}

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

.mt-5,
.my-5 {
    margin-top: 1.25rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 1.25rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 1.25rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 1.25rem !important;
}

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

.mt-6,
.my-6 {
    margin-top: 1.5rem !important;
}

.mr-6,
.mx-6 {
    margin-right: 1.5rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 1.5rem !important;
}

.ml-6,
.mx-6 {
    margin-left: 1.5rem !important;
}

.m-7 {
    margin: 1.75rem !important;
}

.mt-7,
.my-7 {
    margin-top: 1.75rem !important;
}

.mr-7,
.mx-7 {
    margin-right: 1.75rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 1.75rem !important;
}

.ml-7,
.mx-7 {
    margin-left: 1.75rem !important;
}

.m-8 {
    margin: 2.75rem !important;
}

.mt-8,
.my-8 {
    margin-top: 2.75rem !important;
}

.mr-8,
.mx-8 {
    margin-right: 2.75rem !important;
}

.mb-8,
.my-8 {
    margin-bottom: 2.75rem !important;
}

.ml-8,
.mx-8 {
    margin-left: 2.75rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-3,
.py-3 {
    padding-top: 0.75rem !important;
}

.pr-3,
.px-3 {
    padding-right: 0.75rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 0.75rem !important;
}

.pl-3,
.px-3 {
    padding-left: 0.75rem !important;
}

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

.pt-4,
.py-4 {
    padding-top: 1rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1rem !important;
}

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

.pt-5,
.py-5 {
    padding-top: 1.25rem !important;
}

.pr-5,
.px-5 {
    padding-right: 1.25rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 1.25rem !important;
}

.pl-5,
.px-5 {
    padding-left: 1.25rem !important;
}

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

.pt-6,
.py-6 {
    padding-top: 1.5rem !important;
}

.pr-6,
.px-6 {
    padding-right: 1.5rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 1.5rem !important;
}

.pl-6,
.px-6 {
    padding-left: 1.5rem !important;
}

.p-7 {
    padding: 1.75rem !important;
}

.pt-7,
.py-7 {
    padding-top: 1.75rem !important;
}

.pr-7,
.px-7 {
    padding-right: 1.75rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 1.75rem !important;
}

.pl-7,
.px-7 {
    padding-left: 1.75rem !important;
}

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

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

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

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

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

.search-news .kv-drp-dropdown .range-value {
    padding-left: 2rem !important;
}
.article-section p.list-item~p:not(p.list-item) {
    padding-left: 15px;
}
.article-section p.list-item {
    margin-bottom: 5px;
}
.article-section .table-wrap .table-label {
    white-space: nowrap;
}
.article-section table {
    margin-bottom: 1rem;
}
.article-section table img {
    min-width: 120px;
}
#abstract, #abstract p{
    text-align: justify;
}

li span.custom-label,
li span.list-item-text {
    display: inline;/*inline-block changed on 03/09*/
    padding-right: 5px;
}

li span.list-item-text p {
    display: inline;
    margin-bottom: 10px;
}


/* Horizontal alignment from `align` attribute */

table.table td[align="left"],
table.table th[align="left"] {
    text-align: left !important;
}

table.table td[align="center"],
table.table th[align="center"] {
    text-align: center !important;
}

table.table td[align="right"],
table.table th[align="right"] {
    text-align: right !important;
}


/* Vertical alignment from `valign` attribute */

table.table td[valign="top"],
table.table th[valign="top"] {
    vertical-align: top !important;
}

table.table td[valign="middle"],
table.table th[valign="middle"] {
    vertical-align: middle !important;
}

table.table td[valign="bottom"],
table.table th[valign="bottom"] {
    vertical-align: bottom !important;
}

/* Moved from view to live */
.article-section img {
    cursor: pointer;
    width: 50%;
}
.article-section li {
    margin-bottom: 10px;
}

.keyword {
    text-decoration: none;
}

.img-wrapper {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.html-expand.html-figpopup {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    z-index: 10;
    cursor: pointer;
    border: 0;
    background: #003a7000;
}

.html-expand.html-figpopup img {
    width: 40px;
    height: 40px;
}
.list-style-none{
    list-style: none;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

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

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

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

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

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

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

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

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

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

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

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

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

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 0.75rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 0.75rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 0.75rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 0.75rem !important;
    }

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

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1rem !important;
    }

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

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 1.25rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 1.25rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 1.25rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 1.25rem !important;
    }

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

    .mt-sm-6,
    .my-sm-6 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 1.5rem !important;
    }

    .m-sm-7 {
        margin: 1.75rem !important;
    }

    .mt-sm-7,
    .my-sm-7 {
        margin-top: 1.75rem !important;
    }

    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 1.75rem !important;
    }

    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 1.75rem !important;
    }

    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 1.75rem !important;
    }

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

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

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

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

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

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

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

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

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

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

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

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

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

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 0.75rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 0.75rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 0.75rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 0.75rem !important;
    }

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

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1rem !important;
    }

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

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 1.25rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 1.25rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 1.25rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 1.25rem !important;
    }

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

    .pt-sm-6,
    .py-sm-6 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-6,
    .px-sm-6 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-6,
    .px-sm-6 {
        padding-left: 1.5rem !important;
    }

    .p-sm-7 {
        padding: 1.75rem !important;
    }

    .pt-sm-7,
    .py-sm-7 {
        padding-top: 1.75rem !important;
    }

    .pr-sm-7,
    .px-sm-7 {
        padding-right: 1.75rem !important;
    }

    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 1.75rem !important;
    }

    .pl-sm-7,
    .px-sm-7 {
        padding-left: 1.75rem !important;
    }

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

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

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

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

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

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

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

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

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

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

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

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

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

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

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

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

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

    .mt-md-3,
    .my-md-3 {
        margin-top: 0.75rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 0.75rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 0.75rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 0.75rem !important;
    }

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

    .mt-md-4,
    .my-md-4 {
        margin-top: 1rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1rem !important;
    }

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

    .mt-md-5,
    .my-md-5 {
        margin-top: 1.25rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 1.25rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 1.25rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 1.25rem !important;
    }

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

    .mt-md-6,
    .my-md-6 {
        margin-top: 1.5rem !important;
    }

    .mr-md-6,
    .mx-md-6 {
        margin-right: 1.5rem !important;
    }

    .mb-md-6,
    .my-md-6 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-6,
    .mx-md-6 {
        margin-left: 1.5rem !important;
    }

    .m-md-7 {
        margin: 1.75rem !important;
    }

    .mt-md-7,
    .my-md-7 {
        margin-top: 1.75rem !important;
    }

    .mr-md-7,
    .mx-md-7 {
        margin-right: 1.75rem !important;
    }

    .mb-md-7,
    .my-md-7 {
        margin-bottom: 1.75rem !important;
    }

    .ml-md-7,
    .mx-md-7 {
        margin-left: 1.75rem !important;
    }

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

    .mt-md-8,
    .my-md-8 {
        margin-top: 2rem !important;
    }

    .mr-md-8,
    .mx-md-8 {
        margin-right: 2rem !important;
    }

    .mb-md-8,
    .my-md-8 {
        margin-bottom: 2rem !important;
    }

    .ml-md-8,
    .mx-md-8 {
        margin-left: 2rem !important;
    }

    .m-md-9 {
        margin: 2.25rem !important;
    }

    .mt-md-9,
    .my-md-9 {
        margin-top: 2.25rem !important;
    }

    .mr-md-9,
    .mx-md-9 {
        margin-right: 2.25rem !important;
    }

    .mb-md-9,
    .my-md-9 {
        margin-bottom: 2.25rem !important;
    }

    .ml-md-9,
    .mx-md-9 {
        margin-left: 2.25rem !important;
    }

    .m-md-10 {
        margin: 2.5rem !important;
    }

    .mt-md-10,
    .my-md-10 {
        margin-top: 2.5rem !important;
    }

    .mr-md-10,
    .mx-md-10 {
        margin-right: 2.5rem !important;
    }

    .mb-md-10,
    .my-md-10 {
        margin-bottom: 2.5rem !important;
    }

    .ml-md-10,
    .mx-md-10 {
        margin-left: 2.5rem !important;
    }

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

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

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

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

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

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

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

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

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

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

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

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

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

    .pt-md-3,
    .py-md-3 {
        padding-top: 0.75rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 0.75rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 0.75rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 0.75rem !important;
    }

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

    .pt-md-4,
    .py-md-4 {
        padding-top: 1rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1rem !important;
    }

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

    .pt-md-5,
    .py-md-5 {
        padding-top: 1.25rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 1.25rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 1.25rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 1.25rem !important;
    }

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

    .pt-md-6,
    .py-md-6 {
        padding-top: 1.5rem !important;
    }

    .pr-md-6,
    .px-md-6 {
        padding-right: 1.5rem !important;
    }

    .pb-md-6,
    .py-md-6 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-6,
    .px-md-6 {
        padding-left: 1.5rem !important;
    }

    .p-md-7 {
        padding: 1.75rem !important;
    }

    .pt-md-7,
    .py-md-7 {
        padding-top: 1.75rem !important;
    }

    .pr-md-7,
    .px-md-7 {
        padding-right: 1.75rem !important;
    }

    .pb-md-7,
    .py-md-7 {
        padding-bottom: 1.75rem !important;
    }

    .pl-md-7,
    .px-md-7 {
        padding-left: 1.75rem !important;
    }

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

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

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

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

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

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

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

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

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

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

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

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

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

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

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

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

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

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 0.75rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 0.75rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 0.75rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 0.75rem !important;
    }

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

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1rem !important;
    }

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

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 1.25rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 1.25rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 1.25rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 1.25rem !important;
    }

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

    .mt-lg-6,
    .my-lg-6 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 1.5rem !important;
    }

    .m-lg-7 {
        margin: 1.75rem !important;
    }

    .mt-lg-7,
    .my-lg-7 {
        margin-top: 1.75rem !important;
    }

    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 1.75rem !important;
    }

    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 1.75rem !important;
    }

    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 1.75rem !important;
    }



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

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

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

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

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

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

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

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

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

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

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

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

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

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 0.75rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 0.75rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 0.75rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 0.75rem !important;
    }

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

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1rem !important;
    }

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

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 1.25rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 1.25rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 1.25rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 1.25rem !important;
    }

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

    .pt-lg-6,
    .py-lg-6 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-6,
    .px-lg-6 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-6,
    .px-lg-6 {
        padding-left: 1.5rem !important;
    }

    .p-lg-7 {
        padding: 1.75rem !important;
    }

    .pt-lg-7,
    .py-lg-7 {
        padding-top: 1.75rem !important;
    }

    .pr-lg-7,
    .px-lg-7 {
        padding-right: 1.75rem !important;
    }

    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 1.75rem !important;
    }

    .pl-lg-7,
    .px-lg-7 {
        padding-left: 1.75rem !important;
    }



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

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

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

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

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

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

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

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

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

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

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

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

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

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

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

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

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

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 0.75rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 0.75rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 0.75rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 0.75rem !important;
    }

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

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1rem !important;
    }

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

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 1.25rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 1.25rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 1.25rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 1.25rem !important;
    }

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

    .mt-xl-6,
    .my-xl-6 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 1.5rem !important;
    }

    .m-xl-7 {
        margin: 1.75rem !important;
    }

    .mt-xl-7,
    .my-xl-7 {
        margin-top: 1.75rem !important;
    }

    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 1.75rem !important;
    }

    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 1.75rem !important;
    }

    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 1.75rem !important;
    }

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

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

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

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

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

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

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

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

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

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

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

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

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

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

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 0.75rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 0.75rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 0.75rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 0.75rem !important;
    }

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

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1rem !important;
    }

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

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 1.25rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 1.25rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 1.25rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 1.25rem !important;
    }

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

    .pt-xl-6,
    .py-xl-6 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-6,
    .px-xl-6 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-6,
    .px-xl-6 {
        padding-left: 1.5rem !important;
    }

    .p-xl-7 {
        padding: 1.75rem !important;
    }

    .pt-xl-7,
    .py-xl-7 {
        padding-top: 1.75rem !important;
    }

    .pr-xl-7,
    .px-xl-7 {
        padding-right: 1.75rem !important;
    }

    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 1.75rem !important;
    }

    .pl-xl-7,
    .px-xl-7 {
        padding-left: 1.75rem !important;
    }

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

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

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

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

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1400px) {
    .m-xxl-0 {
        margin: 0 !important;
    }

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

    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important;
    }

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

    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important;
    }

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

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

    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
    }

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

    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
    }

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

    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: 0.5rem !important;
    }

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

    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 0.75rem !important;
    }

    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 0.75rem !important;
    }

    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 0.75rem !important;
    }

    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 0.75rem !important;
    }

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

    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 1rem !important;
    }

    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1rem !important;
    }

    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 1rem !important;
    }

    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1rem !important;
    }

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

    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 1.25rem !important;
    }

    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 1.25rem !important;
    }

    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 1.25rem !important;
    }

    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 1.25rem !important;
    }

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

    .mt-xxl-6,
    .my-xxl-6 {
        margin-top: 1.5rem !important;
    }

    .mr-xxl-6,
    .mx-xxl-6 {
        margin-right: 1.5rem !important;
    }

    .mb-xxl-6,
    .my-xxl-6 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xxl-6,
    .mx-xxl-6 {
        margin-left: 1.5rem !important;
    }

    .m-xxl-7 {
        margin: 1.75rem !important;
    }

    .mt-xxl-7,
    .my-xxl-7 {
        margin-top: 1.75rem !important;
    }

    .mr-xxl-7,
    .mx-xxl-7 {
        margin-right: 1.75rem !important;
    }

    .mb-xxl-7,
    .my-xxl-7 {
        margin-bottom: 1.75rem !important;
    }

    .ml-xxl-7,
    .mx-xxl-7 {
        margin-left: 1.75rem !important;
    }

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

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

    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important;
    }

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

    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important;
    }

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

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

    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: 0.25rem !important;
    }

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

    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: 0.5rem !important;
    }

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

    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: 0.5rem !important;
    }

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

    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 0.75rem !important;
    }

    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 0.75rem !important;
    }

    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 0.75rem !important;
    }

    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 0.75rem !important;
    }

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

    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 1rem !important;
    }

    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1rem !important;
    }

    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 1rem !important;
    }

    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1rem !important;
    }

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

    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 1.25rem !important;
    }

    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 1.25rem !important;
    }

    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 1.25rem !important;
    }

    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 1.25rem !important;
    }

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

    .pt-xxl-6,
    .py-xxl-6 {
        padding-top: 1.5rem !important;
    }

    .pr-xxl-6,
    .px-xxl-6 {
        padding-right: 1.5rem !important;
    }

    .pb-xxl-6,
    .py-xxl-6 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xxl-6,
    .px-xxl-6 {
        padding-left: 1.5rem !important;
    }

    .p-xxl-7 {
        padding: 1.75rem !important;
    }

    .pt-xxl-7,
    .py-xxl-7 {
        padding-top: 1.75rem !important;
    }

    .pr-xxl-7,
    .px-xxl-7 {
        padding-right: 1.75rem !important;
    }

    .pb-xxl-7,
    .py-xxl-7 {
        padding-bottom: 1.75rem !important;
    }

    .pl-xxl-7,
    .px-xxl-7 {
        padding-left: 1.75rem !important;
    }

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

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

    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important;
    }

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

    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important;
    }
}

/* Margin and Padding */
/* JSocial*/
.jssocials-shares {
    margin: .2em 0;
    text-align: center;
}

.jssocials-shares * {
    box-sizing: border-box
}

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: 0em 1em .3em 0
}

.jssocials-share:last-child {
    margin-right: 0
}

.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1.8em
}

img.jssocials-share-logo {
    width: auto;
    height: 1em
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    color: var(--dark-blue);
}

.jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: .6em;
    margin: 0 -.5em -.8em -.5em
}

.jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em
}

.jssocials-share-label {
    padding-left: .3em;
    vertical-align: middle
}

.jssocials-share-count-box {
    display: inline-block;
    height: 1.5em;
    padding: 0 .3em;
    line-height: 1;
    vertical-align: middle;
    cursor: default
}

.jssocials-share-count-box.jssocials-share-no-count {
    display: none
}

.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle
}

.jssocials-share-twitter .jssocials-share-link .jssocials-share-label {
    color: #00aced
}

.jssocials-share-twitter .jssocials-share-link:hover,
.jssocials-share-twitter .jssocials-share-link:focus,
.jssocials-share-twitter .jssocials-share-link:active {
    color: #0087ba
}

.jssocials-share-twitter .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-twitter .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-twitter .jssocials-share-link:active .jssocials-share-label {
    color: #0087ba
}

.jssocials-share-facebook .jssocials-share-link .jssocials-share-label {
    color: #3b5998
}

.jssocials-share-facebook .jssocials-share-link:hover,
.jssocials-share-facebook .jssocials-share-link:focus,
.jssocials-share-facebook .jssocials-share-link:active {
    color: #2d4373
}

.jssocials-share-facebook .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-facebook .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-facebook .jssocials-share-link:active .jssocials-share-label {
    color: #2d4373
}

.jssocials-share-googleplus .jssocials-share-link {
    color: #dd4b39
}

.jssocials-share-googleplus .jssocials-share-link .jssocials-share-label {
    color: #dd4b39
}

.jssocials-share-googleplus .jssocials-share-link:hover,
.jssocials-share-googleplus .jssocials-share-link:focus,
.jssocials-share-googleplus .jssocials-share-link:active {
    color: #c23321
}

.jssocials-share-googleplus .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-googleplus .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-googleplus .jssocials-share-link:active .jssocials-share-label {
    color: #c23321
}

.jssocials-share-linkedin .jssocials-share-link .jssocials-share-label {
    color: #007bb6
}

.jssocials-share-linkedin .jssocials-share-link:hover,
.jssocials-share-linkedin .jssocials-share-link:focus,
.jssocials-share-linkedin .jssocials-share-link:active {
    color: #005983
}

.jssocials-share-linkedin .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-linkedin .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-linkedin .jssocials-share-link:active .jssocials-share-label {
    color: #005983
}

.jssocials-share-pinterest .jssocials-share-link {
    color: #cb2027
}

.jssocials-share-pinterest .jssocials-share-link .jssocials-share-label {
    color: #cb2027
}

.jssocials-share-pinterest .jssocials-share-link:hover,
.jssocials-share-pinterest .jssocials-share-link:focus,
.jssocials-share-pinterest .jssocials-share-link:active {
    color: #9f191f
}

.jssocials-share-pinterest .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-pinterest .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-pinterest .jssocials-share-link:active .jssocials-share-label {
    color: #9f191f
}

.jssocials-share-email .jssocials-share-link .jssocials-share-label {
    color: #3490F3
}

.jssocials-share-email .jssocials-share-link:hover,
.jssocials-share-email .jssocials-share-link:focus,
.jssocials-share-email .jssocials-share-link:active {
    color: #0e76e6
}

.jssocials-share-email .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-email .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-email .jssocials-share-link:active .jssocials-share-label {
    color: #0e76e6
}

.jssocials-share-stumbleupon .jssocials-share-link {
    color: #eb4823
}

.jssocials-share-stumbleupon .jssocials-share-link .jssocials-share-label {
    color: #eb4823
}

.jssocials-share-stumbleupon .jssocials-share-link:hover,
.jssocials-share-stumbleupon .jssocials-share-link:focus,
.jssocials-share-stumbleupon .jssocials-share-link:active {
    color: #c93412
}

.jssocials-share-stumbleupon .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-stumbleupon .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-stumbleupon .jssocials-share-link:active .jssocials-share-label {
    color: #c93412
}

.jssocials-share-whatsapp .jssocials-share-link .jssocials-share-label {
    color: #29a628
}

.jssocials-share-whatsapp .jssocials-share-link:hover,
.jssocials-share-whatsapp .jssocials-share-link:focus,
.jssocials-share-whatsapp .jssocials-share-link:active {
    color: #1f7d1e
}

.jssocials-share-whatsapp .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-whatsapp .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-whatsapp .jssocials-share-link:active .jssocials-share-label {
    color: #1f7d1e
}

.jssocials-share-telegram .jssocials-share-link {
    color: #2ca5e0
}

.jssocials-share-telegram .jssocials-share-link .jssocials-share-label {
    color: #2ca5e0
}

.jssocials-share-telegram .jssocials-share-link:hover,
.jssocials-share-telegram .jssocials-share-link:focus,
.jssocials-share-telegram .jssocials-share-link:active {
    color: #1c88bd
}

.jssocials-share-telegram .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-telegram .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-telegram .jssocials-share-link:active .jssocials-share-label {
    color: #1c88bd
}

.jssocials-share-line .jssocials-share-link {
    color: #25af00
}

.jssocials-share-line .jssocials-share-link .jssocials-share-label {
    color: #25af00
}

.jssocials-share-line .jssocials-share-link:hover,
.jssocials-share-line .jssocials-share-link:focus,
.jssocials-share-line .jssocials-share-link:active {
    color: #1a7c00
}

.jssocials-share-line .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-line .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-line .jssocials-share-link:active .jssocials-share-label {
    color: #1a7c00
}

.jssocials-share-viber .jssocials-share-link {
    color: #7b519d
}

.jssocials-share-viber .jssocials-share-link .jssocials-share-label {
    color: #7b519d
}

.jssocials-share-viber .jssocials-share-link:hover,
.jssocials-share-viber .jssocials-share-link:focus,
.jssocials-share-viber .jssocials-share-link:active {
    color: #61407b
}

.jssocials-share-viber .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-viber .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-viber .jssocials-share-link:active .jssocials-share-label {
    color: #61407b
}

.jssocials-share-pocket .jssocials-share-link {
    color: #ef4056
}

.jssocials-share-pocket .jssocials-share-link .jssocials-share-label {
    color: #ef4056
}

.jssocials-share-pocket .jssocials-share-link:hover,
.jssocials-share-pocket .jssocials-share-link:focus,
.jssocials-share-pocket .jssocials-share-link:active {
    color: #e9132e
}

.jssocials-share-pocket .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-pocket .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-pocket .jssocials-share-link:active .jssocials-share-label {
    color: #e9132e
}

.jssocials-share-messenger .jssocials-share-link {
    color: #0084ff
}

.jssocials-share-messenger .jssocials-share-link .jssocials-share-label {
    color: #0084ff
}

.jssocials-share-messenger .jssocials-share-link:hover,
.jssocials-share-messenger .jssocials-share-link:focus,
.jssocials-share-messenger .jssocials-share-link:active {
    color: #006acc
}

.jssocials-share-messenger .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-messenger .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-messenger .jssocials-share-link:active .jssocials-share-label {
    color: #006acc
}

.jssocials-share-vkontakte .jssocials-share-link {
    color: #45668e
}

.jssocials-share-vkontakte .jssocials-share-link .jssocials-share-label {
    color: #45668e
}

.jssocials-share-vkontakte .jssocials-share-link:hover,
.jssocials-share-vkontakte .jssocials-share-link:focus,
.jssocials-share-vkontakte .jssocials-share-link:active {
    color: #344d6c
}

.jssocials-share-vkontakte .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-vkontakte .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-vkontakte .jssocials-share-link:active .jssocials-share-label {
    color: #344d6c
}

.jssocials-share-link {
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    font-size: .5em
}

.jssocials-share-label {
    font-size: .8em;
    color: #444;
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out
}

.jssocials-share-count-box {
    margin-left: .3em;
    border: 1px solid #efefef;
    border-radius: .3em
}

.jssocials-share-count-box .jssocials-share-count {
    line-height: 1.8em;
    font-size: .8em;
    color: #444
}

/* End Jsocial */
@media (max-width:801px) {
    .navbar-toggler-icon {
        color: var(--black);
        background-image: none;
        font-size: 28px;
        display: inline;
    }

    .navbar-toggler-icon::before {
        content: "\f0c9";
        font-family: 'Font Awesome 6 Free';
        font-weight: 700;
    }

    .dropdown-item:focus,
    .dropdown-item:hover,
    .dropdown-item:active {
        background-color: transparent;
    }

    .header-logo img {
        height: 60px;
    }

    .search-bar .form-control,
    .search-bar h4,
    .select2-container--krajee-bs4 .select2-selection--single {
        margin-bottom: 10px;
    }

    .navbar-toggler,
    .navbar-toggler:focus {
        border: none;
        box-shadow: none;
    }

    .footer-logo img {
        height: 75px;
    }

    .footer {
        text-align: center;
    }

    .footer-logo {
        justify-content: center;
    }

    .copyright-footer {
        text-align: center;
    }

    .copyright-footer .footer-menu {
        margin-top: 15px;
    }

    .newsletter,
    .social-media,
    .copyright-footer p.copyright-text,
    .footer-menu {
        text-align: left;
    }

    .footer-menu {
        padding-left: 0px;
    }

    .copyright-footer ul li a {
        font-size: 15px;
    }

    .newsletter .form-control {
        margin-bottom: 15px;
    }

    .social-links ul.social-media {
        margin-bottom: 0;
    }

    .pre-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        box-shadow: 0px 5px 10px var(--bg-grey);
        padding-bottom: 15px;
    }

    .mobile-submit-article {
        margin-top: 70px;
    }

    .nav-multi-col .nav-multi-col__heading i {
        display: inherit;
    }

    .side-box {
        background-color: var(--white) !important;
        color: var(--black);
        padding: 15px;
        margin-bottom: 15px !important;
    }

    .nav-multi-col .nav-multi-col__heading {
        margin-bottom: 5px;
    }

    .nav-multi-col .nav-multi-col__trigger,
    .side-box h4 a,
    .side-box .read-more a,
    .side-box .list li a,
    .side-box .list,
    .nav-multi-col .nav-multi-col__panel h5 a {
        color: var(--black);
    }

    .about-banner .banner {
        min-height: 270px;
        margin: 0;
    }

    .about-banner .banner .banner-desc h2 {
        font-size: 2rem;
    }

    .about-banner .banner .banner-desc p,
    .about-banner .banner .banner-desc a {
        font-size: 18px;
    }

    .side-box .list li.active,
    .side-box .list li.active a {
        color: var(--white);
    }

    .journal-thumb-title {
        display: flex;
        align-items: center;
    }

    select.white {
        background-image:
            linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%),
            linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%),
            linear-gradient(to right, transparent, transparent);
    }

    select.white:focus {
        background-image:
            linear-gradient(45deg, rgb(0, 0, 0) 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, rgb(0, 0, 0) 50%),
            linear-gradient(to right, transparent, transparent);
    }

    .field-white input[type=text],
    .field-white input[type=password],
    .field-white input[type=email],
    .field-white select,
    .field-white textarea {
        border: 1px solid var(--black) !important;
        background-color: transparent;
        color: var(--black);
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 10px;
    }

    #navbar_main.mobile-offcanvas .container {
        padding: 0px 15px;
    }

    .footer-widget__tag {
        margin-bottom: 15px;
        text-align: left;
    }

    .footer-widget__contact {
        margin-top: 2rem;
    }

    .main-slider .item .cover .header-content h1 {
        font-size: 35px;
    }

    .main-slider .item .cover .header-content h4 {
        font-size: 18px;
        line-height: 26px;
        margin: auto 0px;
    }

    .journal-extra-buttons {
        margin-top: 15px;
    }

    .journal-extra-buttons a {
        width: 100%;
        margin-bottom: 5px;
    }

    .journal-extra-buttons .float-end {
        float: none !important;
    }

    .section-title {
        font-size: 30px;
    }

    .insights-section .insight-box {
        margin-bottom: 15px;
    }
}

@media all and (max-width: 991px) {

    .offcanvas-header {
        display: flex;
    }

    .mobile-offcanvas {
        visibility: hidden;
        transform: translateX(-100%);
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1200;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
    }

    .mobile-offcanvas.show {
        visibility: visible;
        transform: translateX(0);
    }

    .mobile-offcanvas .container,
    .mobile-offcanvas .container-fluid {
        display: block;
    }

    .offcanvas-header .btn-close {
        background-color: var(--white);
        padding: 5px;
    }

    .navbar a.nav-link {
        font-size: 24px;
        font-weight: 600;
        color: var(--white) !important;
    }

    .navbar .nav-item {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .navbar-nav {
        margin-top: 15px;
    }

    .dropdown-toggle::after {
        position: absolute;
        right: 0;
    }

    .dropdown-menu {
        background-color: transparent;
        border: none;
    }

    .navbar .nav-item .dropdown-menu li a {
        padding: 0;
        color: var(--white)
    }

    .navbar {
        background-color: #002650cc;
        margin: 0px;
    }

    .header-btn-search {
        color: var(--black);
        font-size: 20px;
        vertical-align: middle;
        padding-right: 15px;
    }

    .search-bar {
        padding: 35px 15px;
    }

    .search-bar-title {
        font-size: 26px;
        font-weight: 600;
    }

    .btn-borderless {
        background: none;
        border: none;
    }

    .btn-borderless:hover,
    .btn-borderless:focus {
        background: none;
        border: none;
    }

    .header-logo img {
        height: 40px;
    }

    .journal-carousel .item {
        padding: 0px;
    }

    .journal-carousel .item .item-prop h4 {
        font-size: 15px;
    }

    .journal-carousel .item .item-prop i {
        font-size: 10px;
        padding: 4px 6px;
    }

    .content {
        overflow-x: hidden;
    }

    .journal-list-item img {
        width: 75px;
    }

    .journal-list-item .short-desc {
        display: none;
    }

    .journal-list-item .journal-stat {
        flex: 0 0 50%;
    }

    .journal-list-item .journal-title {
        font-size: 20px;
    }

    .main-slider .item {
        height: auto;
    }
}





@media (min-width: 1024px) {
    .nav-multi-col {
        display: block;
    }
}

@media (min-width: 1024px) {
    .nav-multi-col .nav-multi-col__column {
        border-bottom: none;
    }
}

@media (min-width: 1024px) {
    .nav-multi-col .nav-multi-col__trigger {
        cursor: inherit;
    }
}

@media (min-width: 1024px) {
    .nav-multi-col .nav-multi-col__heading svg {
        display: none;
    }
}