* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: 'Raleway Regular', sans-serif;
    /*   font-weight: normal; */
    /*white-space: pre-wrap;*/
    /* cursor: url(https://cur.cursors-4u.net/holidays/hol-5/hol443.ani), url(https://cur.cursors-4u.net/holidays/hol-5/hol443.gif), auto !important; */
}
.terms-input {
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    color: #000D30;
    background-color: #FCFCFC !important;
    padding: 5px 10px;
    width: 100px;
}

button {
    cursor: pointer;
}
.container {
    width: 100%;
    max-width: 1136px;
    margin: 0 auto;
}
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    scroll-behavior: smooth;
}
#apliciraj{
	scroll-margin-top: 500px;
}
.financial-markets-menu {
    pointer-events: none;
}
.documentation-box2.karijera h3,
.documentation-box2.karijera h4 {
    color: rgba(0, 13, 48, 0.7) !important;
    transition: color 0.3s ease;
}
.career-news h2 {
    font-size: 44px !important;
    line-height: 46px !important;
}
#alertMsg {
    color: #02667a;
    font-weight: 600;
}
.documentation-box2.karijera a:hover h3,
.documentation-box2.karijera a:hover h4 {
    color: #000000 !important;
}
.oglas-za-posao.single {
    padding: 0px !important;
}
body {
    overflow-x: hidden;
    overscroll-behavior-y: none;
    position: static;
    height: 100%;
    background-color: #fff;
}
#upload-image-form {
    padding: 80px 0px;
}
ul {
    list-style: inside square;
    font-size: 20px;
    line-height: 38px;
}
.documentation-box2.karijera h4 {
    width: 200px;
    text-align: end;
}
/* ul {
  list-style: none;
}
ul li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
} */
.mobile-header {
    display: none;
}
.ebank-mobile {
    display: none;
}
nav {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
}
.stednja-bankarstvo{
    transform: translateY(-120px);
}
@media screen and (max-height: 830px) {
    .stednja-bankarstvo{
        transform: translateY(-70px);
    }
}
@media screen and (max-height: 750px) {
    .stednja-bankarstvo{
        transform: translateY(0px);
    }
}
.stednja-bankarstvo-title-h1{
    font-family: "Source Sans 3", sans-serif;
    font-size: 55px;
    line-height: 107px;
    color: #0076BE!important;
    font-weight: 900;
}
.stednja-bankarstvo-title-h1 span{
    font-family: "Source Sans 3", sans-serif;
    font-size: 105px;
    line-height: 56px;
    color: #0076BE!important;
}
.stednja-bankarstvo-title {
    font-family: "Source Sans 3", sans-serif;
    font-size: 30px;
    line-height: 24px;
  font-weight: 400;
  color: #0076BE!important;
  margin-bottom: 40px;
}
.stednja-bankarstvo-title strong{
    font-weight: 600!important;
    font-family: "Source Sans 3", sans-serif;
}.studenti tr td:last-child{   font-weight: normal!important;}
.footer-first-links {
    font-weight: 300;
}
nav > .top-bar {
    width: 100%;
    height: 70px;
    background-color: #000D30;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
select,
input {
    appearance: none;
}
.grafikon-form-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.maps-tooltip a {
    font-size: 15px !important;
    color: #018EA9;
    font-weight: 600;
    transition: color 0.3s ease;
}
.maps-tooltip a:hover {
    color: #005b6c;
}
.maps-tooltip h5 {
    font-size: 20px;
}
.maps-tooltip p {
    font-size: 15px;
}
.scrollUp {
    margin-top: -70px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.currency-select-box img {
    position: relative !important;
    right: unset !important;
    top: unset !important;
    transform: unset !important;
    pointer-events: none;
}
.currency2-select-box img {
    position: relative !important;
    right: unset !important;
    top: unset !important;
    transform: unset !important;
    pointer-events: none;
}
.mreza-bankomata-atos-bank h4:hover {
    color: #053dd5!important;
}
#paketi-racuna-asistencije td,
#paketi-racuna-asistencije p,
#paketi-racuna-asistencije ul li {
    font-size: 17px !important;
}
#paketi-racuna-tabela td,
#paketi-racuna-tabela p {
    font-size: 17px !important;
    line-height: 18px !important;
    margin-bottom: 0px !important;
    text-align: center !important;
}
.calculator-input-container .currency-a {
    padding-left: 0px !important;
}
.calculator-inputs .currency-select-box {
    margin-top: 0px !important;
}
.calculator-inputs .currency2-select-box {
    margin-top: 0px !important;
}
.calculator-input-container .currency-b {
    top: 60px !important;
}
.currency-b img {
    position: relative !important;
    right: unset !important;
    top: unset !important;
    transform: unset !important;
    pointer-events: none;
}
.alert {
    position: absolute;
    z-index: 10;
    width: auto;
    right: 0;
    bottom: 0;
    text-align: center;
    color: white;
    background-color: #125712;
    border-top-left-radius: 5px;
    padding: 20px;
}
.alert.slideRight {
    transform: translateX(100%);
    transition: all 0.6s;
}
.alert.alert-error {
    background-color: darkred;
}
.content-scroll {
    top: 0px !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.fast-links {
    display: flex;
    align-items: center;
}
.calc-button-tooltip .info {
    margin: 0px 20px;
}
.calc-button-tooltip {
    position: relative;
    width: max-content;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.top-bar {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.home-icon {
    width: 13px;
}
.username-input-nl {
    display: none;
}
#breadcrumbs .container {
    display: flex;
    align-items: center;
}
#breadcrumbs .container a {
    font-size: 13px;
    line-height: 22px;
    font-family: 'Roboto Medium', sans-serif;
    color: #000D30;
    margin: 0 5px;
}
.p-highlight {
    text-align: justify;
    line-height: 22px;
}
/* navigation links */
.fast-links .lista-0 {
    display: flex;
    justify-content: center;
    border-bottom: 7px solid transparent;
    height: 100%;
    align-items: center;
    transition: all 0.3s;
    padding: 0 13px;
    margin-right: 10px;
    cursor: pointer;
}
.grafikon-tab {
    width: 100%;
    height: 70px;
    background-color: #000D30;
    display: flex;
    align-items: center;
    justify-content: center;
}
#grafikon-button1 {
    margin-right: 5px;
}
#grafikon-button2 {
    margin-left: 5px;
}
#poslovnice-button1 {
    margin-right: 5px;
}
#poslovnice-button2 {
    margin-left: 5px;
}
.career-news {
    max-width: 100% !important;
}
.grafikon-button.active-grafikon {
    border-bottom: 7px solid #FEBE10;
}
#grafikon-container {
    display: none;
}
svg g[transform="translate(0,579)"] {
    display: none !important;
}
#grafikon-container form div select {
    width: 160px;
    height: unset;
    text-align: start;
    font-family: 'Roboto Regular';
    border: none;
    border-radius: 0px;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
    padding: 8px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#grafikon-container form div .button-convert {
    margin-top: 50px;
    margin-bottom: 50px;
}
#date_from {
    font-family: 'Roboto Regular';
    border: none;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
    padding: 7px;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#date_to {
    font-family: 'Roboto Regular';
    border: none;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
    padding: 7px;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
.grafikon-button {
    color: white;
    font-size: 20px;
    transition: .3s;
    background-color: transparent;
    border: none;
    border-bottom: 7px solid transparent;
    height: 100%;
    padding: 0 20px;
}
.poslovnice-button {
    color: white;
    font-size: 20px;
    transition: .3s;
    background-color: transparent;
    border: none;
    border-bottom: 7px solid transparent;
    height: 100%;
    padding: 0 20px;
}
.poslovnice-button.active-poslovnice {
    border-bottom: 7px solid #FEBE10;
}
#atms {
    display: none;
}
.poslovnice-button:hover {
    border-bottom: 7px solid #FEBE10;
}
.poslovnice-tab {
    width: 100%;
    height: 70px;
    background-color: #000D30;
    display: flex;
    align-items: center;
    justify-content: center;
}
.grafikon-button:hover {
    border-bottom: 7px solid #FEBE10;
}
.lista-0.active-list {
    border-bottom: 7px solid #FEBE10;
}
.fast-links .lista-0 .smart-nova-menu {
    pointer-events: none;
}
.fast-links .lista-1 .smart-nova-menu {
    pointer-events: all;
}
@media screen and(min-width: 1280px) {
    .lista-0:hover {
        border-bottom: 7px solid #FEBE10;
    }
}
.lista-0 > a:first-child {
    margin: 0 4px;    font-size: 17px;
}
.content-0 {
    /*  display: flex;  */
    width: auto;
    height: 120px;
    justify-content: flex-start;
    position: absolute;
    right: 0;
    top: 70px;
    list-style: none;
    align-items: center;
    display: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.content-0:first-child {
    display: flex;
}
nav > .menu {
    display: flex;
    width: 100%;
    height: 120px;
    align-items: center;
    background-color: rgba(0, 13, 48, 0.8);
    justify-content: space-between;
}
.lista-1 {
    font-size: 14px;
    line-height: 20px;
    margin-right: 25px;
    font-family: 'Roboto Bold', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    transition: all 0.3s;
    display: flex;
    height: 100%;
    align-items: center;
    position: relative;
    border-bottom: 7px solid transparent;
}
.lista-1 a {
    font-size: 17px;
}
.active {
    display: flex;
}
.lista-1:hover {
    border-bottom: 7px solid #FEBE10;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.content-1 {
    position: absolute;
    top: 120px;
    background-color: #fff;
    width: 260px;
    flex-direction: column;
    left: 0;
    height: auto;
    align-items: flex-start;
    list-style: none;
    display: none;
    border-right: 1px solid #D4DAEB;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
    box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
}
.content-1 li:first-child {
    margin-top: 10px;
}
.content-1 li:last-child {
    margin-bottom: 10px;
}
.content-2 li:first-child {
    margin-top: 10px;
}
.content-2 li:last-child {
    margin-bottom: 10px;
}
.single-news-box h3 {
    margin-bottom: 30px;
}
.lista-2 a {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Roboto Regular', sans-serif;
    color: #000D30;
    z-index: 10;
    line-height: 14px !important;
}
.lista-2 {
    position: relative;
    width: 100%;
    padding: 7px 20px;
    z-index: 5;
    line-height: 16px;
}
.full-content-arrow {
    background-image: url("../../img/arrow.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}
@media screen and (min-width: 1280px) {
    .lista-2:hover > a {
        color: #FEBE10;
    }
}
.content-2 {
    background-color: #FFFFFF;
    position: absolute;
    width: 200px;
    flex-direction: column;
    left: 260px;
    align-items: flex-start;
    top: 0;
    list-style: none;
    display: none;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
    box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
}
.content-3 {
    background-color: #FFFFFF;
    position: absolute;
    width: 200px;
    flex-direction: column;
    left: 200px;
    align-items: flex-start;
    top: 0;
    list-style: none;
    display: none;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
    box-shadow: 0px 0px 5px -1px rgba(0, 13, 48, 0.4);
}
.lista-3 {
    width: 100%;
    padding: 7px 20px;
    z-index: 5;
    line-height: 16px;
    position: relative;
    /* border-bottom: 1px solid #7070701e; */
}
.lista-3 a {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Roboto Regular', sans-serif;
    color: #000D30;
}
.lista-3:hover > a {
    color: #FEBE10;
}
/* .stepen-2{
    z-index: 10;
}
 */
 .lista-3:hover > .content-3{
    display: flex;
 }
 .lista-4{
    width: 100%;
    padding: 7px 20px;
    z-index: 5;
    line-height: 16px;
    position: relative;
 }
 .lista-4:hover > a {
    color: #FEBE10;
}
/* .stepen-2{
    z-index: 10;
}
 */
@media screen and (min-width: 1280px) {
    .lista-1:hover > .content-1 {
        display: flex;
    }
    .lista-2:hover > .content-2 {
        display: flex;
    }
}
.lista-1 {
    z-index: 5;
}
/*end navigation links */
.fast-links-second {
    display: flex;
    height: 100%;
    align-items: center;
}
.fast-links-second > .lang {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Roboto Medium", sans-serif;
    font-weight: normal;
    position: relative;
    color: white;
    cursor: pointer;
    margin-right: 20px;
}
.fast-links-second > .lang a {
    font-family: "Roboto Medium", sans-serif;
    font-weight: normal;
    font-size: 16px;
    margin: 0 5px;
}
.fast-links-second > .ebank {
    background-color: #FEBE10;
    width: 195px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Roboto Medium", sans-serif;
    font-weight: normal;
    position: relative;
    color: white;
    cursor: pointer;
}
.ebank:hover {
    background-color: rgba(254, 190, 16, 0.8);
}
.fast-links-second > .ebank > img {
    margin-left: 20px;
    transition: all 0.3s;
}
.fast-links-second > .ebank > img.active {
    transform: translateX(10px);
    transition: all 0.3s;
}
.ebank-dropdown img {
    width: 6px !important;
}
.fast-links-second > .ebank > .ebank-dropdown {
    position: absolute;
    bottom: -86px;
    left: 0;
    width: 225px;
    height: 86px;
    background-color: white;
    transform: translateY(20px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.about-bank-custom-table tr td {
    padding: 20px;
    text-align: center;
    line-height: 25px !important;
}
.about-bank-custom-table tr td:nth-child(odd) {
    background-color: #F5F7FA;
}
.about-bank-custom-table tr td:nth-child(even) {
    background-color: white;
}
.fast-links-second > .ebank > .ebank-dropdown.active {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
    flex-direction: column;
    z-index: 10;
}
.vrijednosti-container div img {
    height: 50px;
    width: 50px;
}
.vrijednosti-container div h3 {
    margin-bottom: 0px !important;
}
.vrijednosti-container > div {
    display: flex;
    padding: 25px 35px;
    gap: 35px;
}
.vrijednosti-container > div:nth-child(odd) {
    background-color: #F2F4F6;
}
.vrijednosti-container {
    margin-bottom: 50px;
    border: 1px solid rgba(212, 218, 235, 0.5);
}
.vrijednosti-container div p {
    margin-bottom: 0px !important;
    font-size: 20px !important;
    max-width: 880px;
    line-height: 32px !important;
}
.vrijednosti-container div > div:nth-child(1) {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vrijednosti-grid {
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 40px;
}
.fast-links-second > .ebank > .ebank-dropdown > a {
    font-size: 20px;
    display: flex;
    justify-content: space-evenly;
    color: #000D30;
    height: 43px;
    align-items: center;
    width: 100%;
    transition: all 0.3s;
}
.vrijednosti-container div > div:nth-child(2) {
    display: flex;
    flex-direction: column;
}
.fast-links-second > .ebank > .ebank-dropdown > a:hover {
    background-color: #F5F7FA;
    transition: all 0.3s;
}
.fast-links-second > .ebank > .ebank-dropdown > a:hover img {
    transform: translateX(5px);
    transition: all 0.3s;
}
.fast-links-second > .ebank > .ebank-dropdown > a img {
    transition: all 0.3s;
}
.fast-links-second > .search {
    height: 100%;
    /*
    color: white;
    background: #001E3F url("./icon/search.svg") no-repeat right;
    border: none;
    text-indent: 20px;
    background-position-x: 85%;
    width: 155px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; */
}
.search input {
    height: 100%;
    color: white !important;
    background: #001E3F url("./icon/search.svg") no-repeat right;
    border: none;
    text-indent: 20px;
    background-position-x: 85%;
    width: 155px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.lang a img {
    height: 20px;
    transition: opacity 0.3s ease-in
}
.lang a img:hover {
    opacity: 0.7;
}
.fast-links-second > .search input:focus {
    height: 100%;
    width: 250px;
    overflow-x: hidden;
    background-image: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.fast-links-second > .search input::placeholder {
    font-family: "Roboto Medium", sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
}
/* trebao biti drugi nivo navigacije */
.main-menu {
    display: flex;
    height: 100%;
    align-items: center;
    list-style-type: none;
}
.main-menu > li > a {
    font-size: 18px;
    line-height: 20px;
    margin-right: 55px;
    font-family: 'Roboto Bold', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    border-bottom: 7px solid transparent;
    transition: all 0.3s;
    display: flex;
    height: 100%;
    align-items: center;
}
.main-menu > li > a:hover {
    border-bottom: 7px solid #FEBE10;
    transition: all 0.3s;
}
/*  end drugi nivo navigacje */
header {
    margin-top: 70px;
    position: relative;
}
.header-slider {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
}
.header-slider .header-slider-item {
    overflow: hidden;
}
.header-slider .header-slider-item img {
    width: 100%;
}
.sticky-menu {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 96px;
    background-color: rgba(0, 13, 48, 0.88);
    z-index: 90;
}
.sticky-menu > a {
    font-size: 10px;
    line-height: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 96px;
    text-align: center;
    transition: all 0.3s ease-in;
    background-color: rgba(0, 13, 48);
    border-bottom: 1px solid rgba(0, 13, 48, 0.68);
}
.sticky-menu > a:hover {
    background-color: #FEBE10;
    transition: all 0.3s ease-out;
}
.sticky-menu > a > img {
    margin-bottom: 15px;
}
.header-slider .slick-dots {
    position: absolute;
    z-index: 10;
    width: fit-content;
    transform: translateY(0px);
    bottom: 130px;
    height: fit-content;
    top: unset !important;
}
.header-slider-text {
    height: calc(100vh - 70px);
    z-index: 1;
    display: flex !important;
    align-items: center;
    color: white;
    max-width: 1136px;
    margin: 0 auto;
    transform: translateX(-200px);
}
.header-slider-text .container {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
.header-slider-text .container > h1:nth-child(1) > span:nth-child(1) {
    font-family: 'Raleway Bold', sans-serif;
    font-weight: normal;
}
.header-slider-text .container > h1:nth-child(1) {
    width: 860px;
    margin-bottom: 15px;
    color: white;
}
.header-slider-text .container > h5 {
    width: 750px;
    margin-bottom: 30px;
    color: white;
}

.header-slider-text .container > div:nth-child(3) {
    display: flex;
}
.container > div:nth-child(3) > a {
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    cursor: pointer;
}
.container > div:nth-child(3) > a:first-child {
    background-color: #FEBE10;
    margin-right: 25px;
}
.container > div:nth-child(3) > a:first-child:hover {
    background-color: rgba(254, 190, 16, 0.8);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#benefits .container > div:nth-child(3) > a:first-child:hover {
    background-color: transparent !important;
}
.container > div:nth-child(3) > a:last-child {
    background-color: transparent;
    border: 1px solid white;
}
.js-video-button:hover {
    background-color: rgba(254, 190, 16, 0.8);
    border: 1px solid rgba(254, 190, 16, 0.8);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#integration {
    z-index: 10;
    position: relative;
    scroll-margin-top: 200px;
}
#integration > .container:nth-child(1) {
    max-width: calc(100% - 192px);
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: -90px;
}
#integration > .container > div {
    flex: calc((4 / 12) * 100%);
    width: calc((4 / 12) * 100%);
    max-width: calc((4 / 12) * 100% - 15px);
    padding: 48px;
    background-color: white;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    height: 440px;	
}
#integration > .container > div > .name-of-box {
    display: flex;
    justify-content: space-between;
}
#integration > .container > div > .name-of-box > p,
#integration > .container > div > .name-of-box > a {
    font-family: 'Roboto Regular', sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #000D30;
}
#integration > .container > div > .name-of-box > h3 {
    color: #000D30;
    text-transform: uppercase;
}
/* currencu converter */
.convertor {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
}
.convertor .name-of-box {
    margin-bottom: 80px;
}
#pravna-lica-form {
    display: none;
}
.custom-input {
    height: 50px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    padding: 10px 20px;
    margin-top: 40px;
}
.convertor form {
    margin-top: 20px;
    transform: translateY(-37px);
}
.noscroll {
    overflow-y: hidden;
}
.converter-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.converter-wrapper > div {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}
.currency-b {
    top: 100px;
}
.currency-a {
    max-height: 300px;
    overscroll-behavior: contain;
    overflow-y: scroll;
}
.currency-arrow {
    max-width: 30px;
    margin: 0 15px;
}
.currency-arrow img {
    width: 30px;
    margin-top: 40px;
}
#poruka-1 {
    position: absolute;
    bottom: -22px;
}.studenti thead tr:nth-child(1) th{	white-space: nowrap;}
.currency-a li span,
.currency-select-box li span {
    margin-left: 15px !important;
    font-size: 15px !important;
}
.currency-a li span,
.currency2-select-box li span {
    margin-left: 15px !important;
    font-size: 15px !important;
}
.currency-select-box li {
    font-weight: 400 !important;
}
.currency2-select-box li {
    font-weight: 400 !important;
}
.currency-a li {
    display: flex;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
}
.currency-select-box {
    height: 50px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    padding: 10px 20px;
    background-color: #e3e3e3 !important;
    margin-top: 45px;
}
.poruka-area {
    height: 70px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    padding: 10px 20px;
    resize: none;
}
#poruka-2 {
    position: absolute;
    bottom: -22px;
}
.br-racuna,
.br-jmbg {
    position: relative;
}
.status > form:nth-child(2) {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
    position: relative;
}
.status > form:nth-child(2) > label {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}
.status > form > label > input {
    height: 50px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    padding: 10px 20px;
}
.status > form > div:last-child {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 50px;
}
.status > form > div:last-child > * {
    width: 48%;
    font-size: 16px;
    line-height: 20px;
    color: white;
    border-radius: 4px;
    border: none;
    background-color: #018EA9;
}
.status > form > div:last-child > *:hover {
    background-color: #02667a;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.status > form > div:last-child > button {
    background-color: #000D30;
}
/* exchange rate */
.exchange-rate {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.exchange-table {
    border: none;
}
.exchange-table tbody tr:nth-child(1) {
    background-color: #F5F7FA !important;
}
.exchange-table tr {
    height: 40px;
    background-color: white;
}
.exchange-table td,
.exchange-table th {
    border: none !important;
    text-align: center;
}
.exchange-table td {
    padding: 13px 20px;
}
.exchange-table thead td {
    border-bottom: 3px solid #000D30 !important;
}
.pogodnostiKredita {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
    color: rgba(0, 13, 48, 0.7);
}
.exchange-table thead tr:nth-child(1) {
    background-color: transparent !important;
}
.exchange-table tr:nth-child(1) > th {
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    font-weight: 400;
    font-family: 'Raleway Regular', sans-serif;
    text-transform: none;
    text-align: left;
    padding-left: 20px;
}
#result22 {
    margin-top: 44px;
}
#amount {
    margin-top: 44px;
}
#currency_out {
    margin-top: 45px;
}
#currency {
    margin-top: 45px;
}
.exchange-rate .button {
    background-color: #02667a !important;
    color: #fff;
    height: 60px !important;
    width: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto;
    border-radius: 4px;
}
.exchange-rate .button p {
    font-size: 16px;
    color: #fff;
}
#benefits > h2 {
    text-align: center;
    padding: 78px 0;
}
#benefits > .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.person-right img {
    height: 440px;
}
.person-left img {
    height: 440px;
    margin-bottom: 30px;
}
.person-left {
    width: 100%;
    margin-bottom: 70px;
    display: flex;
}
.person-right {
    width: 100%;
    margin-bottom: 70px;
    display: flex;
}
.person-left div {
    text-align: justify;
    padding-left: 40px;
}
.person-right div {
    text-align: justify;
    padding-right: 40px;
}
#benefits > .container > .one-box {
    flex: calc((4 / 12) * 100%);
    width: calc((4 / 12) * 100%);
    max-width: calc((4 / 12) * 100% - 15px);
    background-color: white;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 38px;
    margin-bottom: 22px;
    transition: all 0.3;
    -webkit-transition: all 0.3;
    -moz-transition: all 0.3;
    -ms-transition: all 0.3;
    -o-transition: all 0.3;
}
#benefits > .container > .one-box:hover {
    border: 1px solid #FEBE10;
    transition: all 0.3;
    -webkit-transition: all 0.3;
    -moz-transition: all 0.3;
    -ms-transition: all 0.3;
    -o-transition: all 0.3;
}
#benefits > .container > .one-box a h3 {
    margin: 30px 0 10px;
    color: #000D30;
}
#benefits > .container > .one-box img {
    transition: all 0.3s;
    height: 50px;
    width: 50px;
}
#benefits > .container > .one-box:hover img {
    transform: scale(1.3);
    transition: all 0.4s;
}
#benefits .container > .one-box:nth-child(3) > a {
    width: auto;
    display: flex;
    flex-direction: column;
    height: auto;
    margin-right: 0;
    border: none;
}
#news {
    background-color: white;
    /*  padding: 125px 0; */
    padding-bottom: 90px;
    width: 1139px;
    margin: 0 auto;
}
#news > h2 {
    text-align: center;
    margin-bottom: 78px;
}
.news-block {
    height: fit-content;
}
#news > .news-block a h3 {
    margin: 20px 0;
    font-family: "Raleway SemiBold", sans-serif;
    color: #000D30;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 60px;
}
.news-item p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#otherArticles .slick-slide,
#news .slick-slide {
    margin: 0 8px;
}
#otherArticles .slick-list,
#news .slick-list {
    margin: 0 -8px;
}
.news-block a {
    width: 100% !important;
    max-width: 368px !important;
}
.news-block a > img:nth-child(1) {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
#contactUs {
    background-color: #018EA9;
    display: flex;
    position: relative;
    scroll-margin-top: 300px;
}
#contactUs .contacnt-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex: calc((4 / 12) * 100%);
    width: calc((4 / 12) * 100%);
    max-width: calc((4 / 12) * 100%);
    padding: 105px 0;
}
#contactUs .contacnt-box > .contact-box-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
#contactUs .contacnt-box:nth-child(2) {
    background-color: #019BB8;
}
#contactUs .contacnt-box > img {
    min-width: 84px;
}
#contactUs > .contacnt-box > div > h3 {
    font-size: 27px;
    line-height: 35px;
    color: white;
    width: 200px;
    text-align: center;
    margin: 50px 0 20px;
    width: 100%;
}
#contactUs > .contacnt-box > div > button > img {
    margin-left: 15px;
}
#contactUs > .contacnt-box > div > a > img {
    margin-left: 15px;
}
#signUp {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}
#signUp > div {
    max-width: 790px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 90px;
}
#signUp div form {
    display: flex;
    width: 100%;
}
#signUp div form input[type='email'] {
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    height: 66px;
    width: inherit;
    padding: 20px;
    font-size: 23px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    color: #000D30;
}
#signUp div form input[type='submit'] {
    height: 66px;
    border-radius: 4px;
    background-color: #018EA9;
    width: 200px;
    margin-left: 20px;
    border: none;
    font-size: 23px;
    line-height: 30px;
    font-family: 'Roboto Bold', sans-serif;
    color: white;
    cursor: pointer;
}
#signUp div form input[type='submit']:hover {
    background-color: #02667a;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#signUp > div:nth-child(1) > h5:nth-child(2) {
    font-size: 24px;
    line-height: 38px;
    color: #707070;
    margin: 55px 0;
}
#location {
    background-color: #F5F7FA;
    display: flex;
}
#location > div:first-child {
    width: 100%;
    max-width: 71%;
}
#location > div:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 76%);
}
#location > div:nth-child(1) > img:nth-child(1) {
    width: 100%;
}
#googleMap {
    height: 550px;
    width: 100%;
}
#location > div:last-child > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 71%;
}
#location > div:last-child > div input[type='text'] {
    height: 50px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    margin: 20px 0 30px;
    padding: 20px;
}
#location > div:last-child > div input[type='submit'] {
    width: 225px;
    height: 50px;
    border-radius: 4px;
    border: none;
    background-color: #018EA9;
    font-size: 16px;
    line-height: 18px;
    color: white;
    cursor: pointer;
}
#location .dropdown {
    height: 50px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    margin: 20px 0 30px;
    padding: 20px;
}
#socialBar {
    background-color: #FFFFFF;
}
#socialBar > div {
    padding: 65px 0px 80px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1087px;
    width: 100%;
    margin: 0 auto;
}
#socialBar > div > div:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
}
#socialBar > div > div:last-child > a {
    width: 86px;
    height: 86px;
    border: 2px solid #000D30;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
#socialBar > div > div:last-child > a:hover {
    background-color: #000D30;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#socialBar > div > div:last-child > a:hover svg path {
    fill: #fff;
}
#socialBar > div > div:last-child > a:nth-child(3):hover svg path:nth-child(2) {
    fill: #000d30;
}
#socialBar > div > div:last-child > a:first-child {
    margin-left: 0;
}
#socialBar > div:nth-child(1) > h1:nth-child(1) {
    display: flex;
    flex-direction: column;
    color: #000D30;
    z-index: 1;
}
.slick-prev,
.slick-next {
    z-index: 3 !important;
}
#socialBar > div:nth-child(1) > h1:nth-child(1) > div:first-child p {
    font-size: 54px;
    line-height: 66px;
    font-family: 'Raleway Bold', sans-serif;
    color: #000D30;
    position: relative;
}
#socialBar > div:nth-child(1) > h1:nth-child(1) > div:last-child {
    font-size: 104px;
    line-height: 79px;
    font-family: 'Raleway Bold', sans-serif;
}
#socialBar > div:nth-child(1) > h1:nth-child(1) > div:first-child p:before {
    position: absolute;
    top: 0;
    left: -27px;
    width: 238px;
    height: 66px;
    background-color: #FEBE10;
    content: '';
    z-index: -1;
}
#socialBar > div:nth-child(1) > h1:nth-child(1) > div:last-child > span {
    color: #FEBE10;
}
footer {
    background-color: #000D30;
}
footer > .copyright {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    height: 100px;
}
.copyright-container {
    max-width: calc(100% - 324px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    height: 100%;
}
.copyright-container div a {
    transition: color 0.3s ease;
}
.copyright-container div a:hover {
    color: #FEBE10;
}
.copyright-container div {
    display: flex;
    gap: 30px;
}
.saglasnost-container label {
    font-size: 14px;
    line-height: 22px;
}
.saglasnost-container {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
    align-items: center;
}
.saglasnost-notchecked {
    opacity: 0.4;
    pointer-events: none;
}
.saglasnost-container {
    font-size: 14px;
    line-height: 17px;
}
.saglasnost-container input {
    appearance: auto;
    height: 21px;
    width: 21px;
}
footer > .copyright h4 {
    font-family: 'Roboto Regular', sans-serif;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: white;
    font-weight: 100;
}
footer > .container {
    max-width: calc(100% - 324px);
}
footer > .container > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 75px 0;
}
footer > .container > div:first-child > .download {
    display: flex;
    align-items: center;
}
footer > .container > div:first-child > .download svg {
    width: 180px;
}
footer > .container > div:first-child > .download svg:hover path:first-child {
    fill: #FEBE10;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.swift-bold {
    font-weight: 600 !important;
}
footer > .container > div:first-child > .download > a:first-child {
    margin-right: 25px;
}
.huawei-icon {
    margin-left: 25px;
}
footer > .container > .footer-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 75px;
}
footer > .container > .footer-links > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 260px;
}
footer > .container > .footer-links > div:first-child {
    width: auto;
}
footer > .container > .footer-links > div:first-child > div:first-child {
    color: #fff;
}
footer > .container > .footer-links > div:first-child > div:first-child h4 {
    margin-bottom: 10px;
}
footer > .container > .footer-links > div:first-child > div:last-child {
    width: 300px;
}
.footer-links > div a,
.footer-links > div > h4 {
    font-size: 18px;
    line-height: 20px;
    color: white;
    transition: all 0.3s;
}
.footer-links > div > * {
    margin-bottom: 10px;
}
.footer-links > div a:hover {
    color: #FEBE10;
    transition: all 0.3s;
}
.footer-links > div > h5:nth-child(1) {
    font-size: 22px;
    font-family: 'Roboto Bold', sans-serif;
    color: white;
}
#breadcrumbs {
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
}
#breadcrumbs > .container > p {
    font-size: 13px;
    line-height: 22px;
    font-family: 'Roboto Medium', sans-serif;
    color: #000D30;
}
#breadcrumbs > .container > a {
    font-size: 13px;
    line-height: 22px;
    font-family: 'Roboto Medium', sans-serif;
    color: #000D30;
    /*   margin-right: 35px; */
}
#allNews-header > .container,
#search-header > .container {
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
#allNews-header > .container > h1:nth-child(1) {
    color: white;
    font-family: 'Raleway Bold', sans-serif;
    text-transform: uppercase;
}
#search-header {
    height: auto !important;
}
#search-header > .container > h1:nth-child(1) {
    color: #000D30;
    font-size: 36px;
}
#search-box > .container {
    padding-top: 50px !important;
    padding-bottom: 70px;
}
#allNews-box > .container,
#search-box > .container,
#singleNews-box > .container {
    padding-top: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #F5F7FA;
    position: relative;
}
#singleNews-box a {
    color: #000000;
    font-weight: 900;
    transition: color 0.3s;
}.table-flex{ display: flex;gap: 30px;}.table-flex > div{ flex: 1;}.above-table-text{    background-color: #F5F7FA;    padding: 10px 20px;}.above-table-text p{    margin-bottom: 0px!important;   text-align: center!important;   font-weight: 600!important;}.table-flex table{ margin-top: 0px!important;}
#singleNews-box a:hover {
    color: #FEBE10;
}
#allNews-box > .container > div:nth-child(1),
#singleNews-box > .container > div:nth-child(1) {
    max-width: 59%;
    width: 100%;
    margin-bottom: 110px;
}
#allNews-box > .container > div:nth-child(1) > h2,
#singleNews-box > .container > div:nth-child(1) > h2 {
    font-size: 56px;
    line-height: 66px;
    margin-bottom: 50px;
}
.allnews-list > a,
.singlenews-list > .single-news-box {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    margin-bottom: 35px;
}
.singlenews-list {
    background-color: #fff;
    border: 1px solid #D4DAEB;
}
.single-news-box {
    background-color: #fff;
    margin-bottom: 0px !important;
}
/*.allnews-list>a>img:nth-child(1),*/
/*.singlenews-list>.single-news-box>img:nth-child(1) {*/
/*    width: 100%;*/
/*    aspect-ratio: 16 / 9;*/
/*}*/
.single-news-box p:last-child {
    margin-bottom: 0px !important;
}
.calendar-picker-icon {
    position: relative;
}
.calendar-picker-icon.arrow img {
    height: 15px;
    right: 15px;
}
.calendar-picker-icon.karijera img {
    right: 20px;
}
.calendar-picker-icon img {
    position: absolute;
    right: 5px;
    height: 17px;
    top: 50%;
    transform: translateY(-50%);
}
.date-container {
    display: flex;
    gap: 10px;
}
.allnews-list > a > div:nth-child(2),
.singlenews-list > .single-news-box > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 30px;
    border: 1px solid #D4DAEB;
    background-color: white;
}
.allnews-list > a > div:nth-child(2) > .date,
.singlenews-list > .single-news-box > div:nth-child(2) > .date {
    display: flex;
    align-items: center;
    color: rgba(0, 13, 48, 0.7);
    width: 100%;
    height: 18px;
    margin-bottom: 10px;
}
.allnews-list > a > div:nth-child(2) > .date > img,
.singlenews-list > .single-news-box > div:nth-child(2) > .date > img {
    margin-right: 10px;
    max-width: 16px;
    width: 100%;
    height: 100%;
}
.allnews-list > a > div:nth-child(2) > h5,
.singlenews-list > .single-news-box > div:nth-child(2) > h5 {
    font-size: 30px;
    line-height: 36px;
    width: 100%;
    color: #000D30;
    font-family: "Raleway Bold", sans-serif;
    margin: 0 0 20px;
}
.allnews-list > a > div:nth-child(2) > p.textNews,
.singlenews-list > .single-news-box > div:nth-child(2) > p.textNews {
    width: 100%;
    line-height: 30px;
}
.singlenews-list > .single-news-box > div:nth-child(2) > ul {
    columns: 1;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 13, 48, 0.7);
    margin-left: 17px;
    margin-top: -20px;
    margin-bottom: 20px;
}
.allnews-list > a > div:nth-child(2) > button:last-child,
.singlenews-list > .single-news-box > div:nth-child(2) > button:last-child {
    width: 175px;
    height: 55px;
    background-color: #018EA9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-top: 25px;
    font-family: 'Raleway Medium', sans-serif;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.allnews-list > a > div:nth-child(2) > button:last-child:hover,
.singlenews-list > .single-news-box > div:nth-child(2) > button:last-child:hover {
    background-color: #02667a;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.allnews-list h2,
.singlenews-list h2 {
    color: #000D30;
    margin-bottom: 10px !important;
    font-size: 25px !important;
    line-height: 40px !important;
}
.all-news-gallery-gallery-wrapper {
    width: 100%;
}
.all-news-gallery-gallery,
.all-news-gallery-gallery-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*   grid-template-rows: 1fr 1fr; */
    gap: 30px 30px;
    grid-template-areas:
        ". ."
        ". .";
}
.all-news-gallery-gallery a,
.all-news-gallery-gallery-2 a {
    display: flex;
    height: 100%;
    width: fit-content !important;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.all-news-gallery-gallery a img,
.all-news-gallery-gallery-2 a img {
    width: 100%;
    height: 100%;
    display: flex;
}
/* nova paginacija */
.pagination {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
}
.pagination > li {
    width: 36px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #018EA9;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Raleway SemiBold', sans-serif !important;
    margin-right: 10px;
    transition: all 0.3s;
    border: 1px solid #018EA9;
    font-weight: bold;
}
.pagination > li a {
    font-size: 16px;
    line-height: 25px;
    font-family: 'Raleway SemiBold', sans-serif !important;
}
.pagination > .disabled {
    background-color: #fff;
    color: #018EA9;
}
.pagination > li:last-child {
    background-color: #fff;
    color: #018EA9;
}
.pagination > li:first-child {
    background-color: #fff;
    color: #018EA9;
}
.pagination .disabled:first-child span svg,
.arrow-prev {
    transform: rotate(180deg);
    transition: all 0.3s;
}
.pagination .arrow-next {
    background-color: #fff;
    color: #018EA9;
}
/* .pagination .disabled:first-child span svg path{
    fill: white;
}
 */
.pagination .active {
    background-color: #fff !important;
    border: 1px solid #018EA9 !important;
    color: #018EA9 !important;
}
.megafon {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.20);
    top: 0;
    left: 0;
    border-radius: 0 0 25px 0;
    height: 80px;
    width: 90px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.megafon-icon {
    position: absolute;
    height: 40px;
    left: 20px;
    top: 20px;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
}
.megafon2 {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.20);
    top: 0;
    left: 0;
    border-radius: 0 0 25px 0;
    height: 70px;
    width: 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.megafon-icon2 {
    position: absolute;
    height: 30px;
    left: 20px;
    top: 20px;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
}
#allNews-box > .container > div:nth-child(2),
#singleNews-box > .container > div:nth-child(2) {
    background-color: white;
    width: 100%;
    max-width: 38%;
    padding: 55px;
    display: flex;
    flex-direction: column;
    margin-bottom: 145px;
}
#allNews-box > .container > div:nth-child(2) > h3:nth-child(1),
#singleNews-box > .container > div:nth-child(2) > h3:nth-child(1) {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 30px;
}
#allNews-box > .container > div:nth-child(2) > a,
#singleNews-box > .container > div:nth-child(2) > a {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    color: rgba(0, 13, 48, 0.7);
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
    font-family: 'Roboto Regular', sans-serif;
}
#allNews-box > .container > div:nth-child(2) > a:last-child,
#singleNews-boxx > .container > div:nth-child(2) > a:last-child {
    margin-bottom: 0;
}
#allNews-box > .container > div:nth-child(2) > a:hover,
#singleNews-box > .container > div:nth-child(2) > a:hover {
    color: #000D30;
    transition: all 0.3s;
}
#allNews-box > .container > div:nth-child(2) > a img,
#singleNews-box > .container > div:nth-child(2) > a img {
    transition: all 0.3s;
    min-width: 7px;
    min-height: 5px;
}
#allNews-box > .container > div:nth-child(2) > a:hover img,
#singleNews-box > .container > div:nth-child(2) > a:hover img {
    transform: translateX(5px);
    transition: all 0.3s;
}
#allNews-header.samplePage {
    height: 480px;
}
#allNews-header,
#search-header {
    width: 100%;
    height: 420px;
    position: relative;
    overflow: hidden;
    /*  background: url("../../img/allNews-header.jpg") no-repeat center;
    background-size: cover; */
}
#allNews-header .header-img,
#search-header .header-img {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: -1;
}
#allNews-header.samplePage > .container > h1:nth-child(1) {
    width: 87%;
    text-transform: uppercase;
}
.leftImage-template .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 110px 0;
}
.leftImage-template .container > * {
    max-width: 48%;
    width: 100%;
}
.leftImage-template .container .leftImage-text > h2:nth-child(1) {
    color: #000D30;
}
.leftImage-template .container .leftImage-text > p {
    font-size: 20px;
    line-height: 35px;
}
#list-template {
    background: linear-gradient(#fff, #F5F7FA);
}
#list-template > .container {
    padding: 60px 0;
}
#list-template > .container > h2 {
    margin-bottom: 33px;
}
#default-template {
    background-color: white;
}
#default-template > .container {
    padding: 60px 0;
}
#default-template > .container > h2 {
    font-size: 32px;
    line-height: 48px;
    width: 70%;
    margin-bottom: 25px;
}
#default-template > .container p {
    font-size: 20px;
    line-height: 32px;
    text-align: justify;
    margin-bottom: 30px;
}
#default-template > .container h4{
 margin-bottom: 30px;
}
#default-template-crm {
    background-color: white;
}
#default-template-crm > .container {
    padding: 60px 0;
}
#default-template-crm > .container > h2 {
    font-size: 32px;
    line-height: 48px;
    width: 100%;
}
#default-template-crm > .container p {
    font-size: 20px;
    line-height: 32px;
    text-align: justify;
}
.ql-align-center{
    text-align: center!important;
}
.ql-align-left{
    text-align: left!important;
}
.ql-align-right{
    text-align: right!important;
}
.ql-align-right{
    text-align: justify!important;
}
.single-news-box p {
    font-size: 20px;
    line-height: 28px;
    text-align: justify;
    color: rgba(0, 13, 48, 0.7);
    margin-bottom: 20px;
}
.singlenews-list > .single-news-box > div:nth-child(2) > .date {
    margin-bottom: 15px;
}
li {
    font-size: 20px;
    line-height: 32px;
    color: rgba(0, 13, 48, 0.7);
}
#default-template table ul {
    margin-bottom: 0px;
}
#default-template table ul li:first-child {
    margin-top: 0px;
}
#default-template > .container h3 {
    margin-bottom: 20px;
}
#default-template > .container > .described-list {
    margin-bottom: 30px;
}
#default-template > .container > .described-list > h3 {
    background-color: #F5F7FA;
    width: 100%;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
}
#default-template > .container > .described-list > p {
    padding-left: 20px;
    margin-top: 10px;
}
#download-documentation {
    background-color: white;
}
#download-documentation > .container {
    padding-bottom: 60px;
}
#download-documentation > .container .documentation-box {
    margin-top: 30px;
}
.documentation-box > div:not(:first-child) h3 {
    width: 100%;
}
.documentation-box > div:nth-child(1) {
    border-bottom: 1px solid #D4DAEB;
    padding-bottom: 10px;
}
.documentation-box > div:nth-child(1) > h3 {
    font-family: 'Raleway Bold', sans-serif;
}
.documentation-box > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0;
}
.documentation-box > div > h3 {
    color: rgba(0, 13, 48, 0.7);
    font-family: 'Raleway Regular', sans-serif;
}
#atms_filter {
    display: none;
}
.documentation-box > div > a {
    color: rgba(0, 13, 48, 0.7);
    display: flex;
    transition: all 0.3s ease-in;
}
.documentation-box > div > a:nth-child(2) {
    width: 120px;
}
.documentation-box > div > a:nth-child(2) img {
    height: 30px;
    margin: 0 auto;
}
#poslovnice_filter {
    float: unset;
    text-align: center;
    padding-top: 50px
}
#poslovnice_filter label input {
    margin-left: 10px;
}
#atms_filter label input {
    margin-left: 10px;
}
#atms_filter {
    float: unset;
    text-align: center;
    padding-top: 50px
}
.documentation-box > div > img {
    transition: all 0.3s ease-in;
}
.documentation-box > div > a:hover {
    color: #000000;
    filter: brightness(0);
}
#applayNow {
    background: linear-gradient(#018EA9, #019BB8);
}
#applayNow > .container {
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#applayNow > .container > h2 {
    color: white;
    width: 80%;
    text-align: center;
    line-height: 60px;
}
#applayNow > .container > h2 > a {
    line-height: 60px;
    color: #FEBE10 !important;
    font-size: 49px;
    font-family: "Raleway Bold", sans-serif;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#applayNow > .container > h2 > a:hover {
    color: white !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.yellow-button {
    width: 235px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FEBE10;
    color: white;
    font-family: 'Raleway Bold', sans-serif;
    border-radius: 4px;
    margin-top: 40px;
}
.yellow-button:hover {
    background-color: rgba(254, 190, 16, 0.8);
}
#otherArticles .container {
    padding: 80px 0 0 0;
}
.application-wrapper.error {
    width: 100% !important;
    background: rgba(0, 48, 110, 0.2);
    padding: 36px 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.error-blur {
    position: absolute;
    font-size: 300px !important;
    font-family: 'Raleway Regular', sans-serif !important;
    top: 42%;
    color: white;
    filter: blur(5px);
    opacity: 0.7;
    z-index: 1;
    user-select: none;
}
.error-title {
    font-size: 120px;
}
input {
    background-color: white;
}
select {
    background-color: white;
}
.error-button {
    text-shadow: 0 0 6px rgb(0 0 0 / 65%);
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: #FEBE10;
    transition: all 0.3s ease-in;
    z-index: 9;
}
.error-button:hover {
    opacity: 0.8;
}
#otherArticles .container > h1 {
    width: 65%;
    font-size: 69px;
    line-height: 84px;
    font-family: 'Raleway Bold', sans-serif;
}
#otherArticles .container > p {
    font-size: 20px;
    line-height: 38px;
}
#otherArticles .other-articles {
    margin-top: 40px;
}
#otherArticles .other-articles a {
    max-width: 400px !important;
    border-radius: 4px;
}
#otherArticles .other-articles a img {
    width: 100% !important;
    height: 150px;
    object-fit: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#otherArticles .other-articles a h3:nth-child(2) {
    color: #000D30;
    padding: 25px 30px;
    border: 1px solid #D4DAEB;
    line-height: 24px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.amaunt-slider-value-p {
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    color: #000D30;
    background-color: #FCFCFC !important;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    color: #000D30;
    padding: 5px 10px;
    background-color: #FCFCFC !important;
    width: 100px;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
    border: 1px solid #D4DAEB;
}
td,
th {
    border: 1px solid #D4DAEB;
    border-top: none;
    border-bottom: none;
}
table tr:nth-child(1) {
    background-color: #000D30 !important;
}
#default-template table tr:nth-child(1) {
    color: white;
}
/* #default-template ul li{
    color: rgba(0, 13, 48, 0.7)!important;
} */
.smart-nova-icons-container {
    display: flex;
    gap: 30px;
}
#default-template ul {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 20px;
    list-style: square;
    padding-left: 20px;
    line-height: 32px;
    color: rgba(0, 13, 48, 0.7);
}
#default-template a {
    color: #000000;
    transition: color 0.3s;
}
.first-header-mobile {
    display: none;
}
.second-header-mobile {
    display: none;
}
.about-bank-custom-table {
    border: 1px solid rgba(212, 218, 235, 0.5) !important;
}
#default-template a:hover {
    color: rgba(254, 190, 16, 0.8);
}
/* #default-template ul li:first-child{
    margin-top: -20px;
} */
.single-news-box div table {
    width: 100% !important;
}
#default-template table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 32px;
    color: rgba(0, 13, 48, 0.7);
}
.smart-nova {
    position: relative;
}
.shareholders-table tr td {
    text-align: center;
}
.smart-nova::before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    left: -5px;
    background-image: url(../img/smart-nova-logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
}
.fast-links .lista-0 .smart-nova-menu {
    padding-left: 35px;
}
table tr:nth-child(odd) {
    background-color: #F5F7FA;
}
table tr:nth-child(1) > th {
    font-size: 18px;
    line-height: 23px;
    color: white;
    font-family: 'Raleway Bold', sans-serif;
    text-transform: uppercase;
}
.single-news-box div table tr:nth-child(1) {
    display: none;
}
table tr {
    height: 55px;
    background-color: white;
}
/* #default-template table tr:nth-child(1) td {
    color: white;
    font-weight: 600;
} */
table tr td {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
}
table tr:first-child td p {
    color: #fff !important;
}
.single-news-box table tr:first-child td p {
    color: #fff !important;
}
.input-wrapper {
    position: relative;
    width: inherit;
    z-index: 1;
}
:focus {
    outline: none;
}
.effect-input {
    transition: 0.4s;
    background: transparent;
}
.effect-input ~ .focus-border:before,
.effect-input ~ .focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #018EA9;
    transition: 0.3s;
    border-radius: 4px;
}
.effect-input ~ .focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}
.effect-input ~ .focus-border i:before,
.effect-input ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #018EA9;
    transition: 0.4s;
}
.effect-input ~ .focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}
.effect-input:focus ~ .focus-border:before,
.effect-input:focus ~ .focus-border:after,
.has-content.effect-input ~ .focus-border:before,
.has-content.effect-input ~ .focus-border:after {
    width: 100%;
    transition: 0.3s;
}
.effect-input:focus ~ .focus-border i:before,
.effect-input:focus ~ .focus-border i:after,
.has-content.effect-input ~ .focus-border i:before,
.has-content.effect-input ~ .focus-border i:after {
    height: 100%;
    transition: 0.4s;
}
.effect-input ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 50%;
    transition: 0.3s;
    z-index: -1;
    transform: translateY(-50%);
    font-size: 23px;
    line-height: 30px;
    color: #000D30;
    text-align: left;
}
.effect-input:focus ~ label,
.has-content.effect-input ~ label {
    top: -18px;
    left: 0;
    font-size: 13px;
    color: rgba(0, 13, 48, 0.75);
    transition: 0.3s;
    text-align: left;
}
.email-focus.active {
    top: -18px;
    left: 0;
    font-size: 13px;
    color: rgba(0, 13, 48, 0.75);
    transition: 0.3s;
    text-align: left;
}
.main-menu li {
    position: relative;
    display: flex;
    align-items: center;
}
.main-menu > li > .dropdown-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 73px;
    background-color: rgba(0, 13, 48, 0.88);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(10px);
}
.main-menu > li:hover > .dropdown-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s;
}
.main-menu > li > .dropdown-content a {
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    padding: 5px 15px;
}
.main-menu > li > .dropdown-content > li > .dropdown-content {
    position: absolute;
    right: -150px;
    background-color: rgba(0, 13, 48, 0.88);
    display: flex;
    flex-direction: column;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(10px);
}
.main-menu > li > .dropdown-content > li:hover > .dropdown-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s;
}
.menu > a:nth-child(1) {
    margin-left: 33px;
}
.menu > a:nth-child(1) img {
    width: 115%;
}
/* map */
.map-dropdown h3 {
    margin-bottom: 20px;
    font-size: 19px;
}
.map-dropdown form {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
}
.map-dropdown form select {
    width: 100%;
    height: 50px;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 10px;
    font-family: 'Roboto', sans-serif;
    color: #000D30;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../../img/arrow.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}
.map-dropdown form select option {
    font-family: 'Roboto', sans-serif;
}
/* The Modal*/
#contactUs > .contacnt-box > div > a {
    display: flex;
    align-items: center;
    color: white;
    font-size: 20px;
    line-height: 22px;
}
#contactUs > .contacnt-box > div > a svg {
    margin-left: 15px;
}
#contactUs > .contacnt-box > div > button {
    display: flex;
    align-items: center;
    color: white;
    font-size: 20px;
    line-height: 22px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
#contactUs > .contacnt-box > div > button svg {
    margin-left: 15px;
}
.appointment {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    /*   overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 13, 48, 0.8);
    max-width: 100% !important;
    padding: 0 !important;
}
.appointment-flex {
    display: flex !important;
}
.appointment .modal-content {
    background-color: #fefefe;
    padding: 0;
    width: 45% !important;
    height: 80%;
    max-width: 100% !important;
    position: absolute;
    overflow-y: auto;
    height: 82%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.paketi-table-mobile {
    display: none;
}
.modal-content div::-webkit-scrollbar {
    width: 5px;
}
.modal-content div::-webkit-scrollbar-track {
    background: #fff;
}
.modal-content div::-webkit-scrollbar-thumb {
    background: rgba(0, 13, 48, 0.7);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.modal-content div::-webkit-scrollbar-thumb:hover {
    background: #019BB8;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.appointment .modal-content a {
    color: #019BB8;
    cursor: pointer;
    font-size: 18px;
    line-height: 22px;
}
.close {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 18px;
    right: 30px;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    z-index: 5;
}
.close:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
/* table */
.appointment table.email-table {
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #D4DAEB;
    border-style: solid;
    color: #000000;
    margin-top: 0;
}
.appointment table.email-table td,
.appointment table.email-table th {
    border-width: 1px;
    border-color: #D4DAEB;
    border-style: solid;
    padding: 3px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 60px;
}
.appointment table.email-table td:first-child {
    width: 45%;
}
.appointment table.email-table thead {
    background-color: #000D30 !important;
    border: none;
    border-collapse: collapse;
    position: fixed;
    width: 100%;
}
.appointment table.email-table thead th {
    border: none;
    width: 79%;
}
.appointment table thead tr:nth-child(1) {
    background-color: #000D30 !important;
}
.appointment table tr:nth-child(1) {
    background-color: #F5F7FA !important;
}
.appointment thead th h3 {
    display: flex;
    font-size: 18px;
}
/* application-page */
#application {
    height: 100%;
    width: 100% !important;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 13, 48);
    max-width: 100% !important;
    padding: 0 !important;
}
.application-content {
    background-color: #fefefe;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    display: flex;
}
.application-content .application-img {
    width: 50%;
    overflow: hidden;
}
.application-content .application-img img {
    margin-left: -400px;
    height: 100%;
}
.application-form h2 {
    font-size: 54px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
.application-form p {
    font-size: 18px;
    line-height: 34px;
}
.application-content .application-form {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.application-content .application-wrapper {
    width: 70%;
    margin: 0 auto;
}
.application-form form {
    width: 100%;
}
.application-form form div {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}
.application-form form input {
    height: 50px;
    padding: 10px 20px;
    background-color: #FCFCFC;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.application-form form label {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
    font-weight: normal;
}
.application-form form input.button {
    width: 205px !important;
    background-color: #FEBE10 !important;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    font-family: 'Raleway Bold', sans-serif;
    cursor: pointer;
    margin-top: 10px;
}
.application-form form input.button:hover {
    background-color: rgba(254, 190, 16, 0.8) !important;
}
.application-form form div:last-child {
    flex-direction: row;
    align-items: center;
    margin-top: 80px;
}
.application-form form div:last-child label {
    margin-left: 10px;
}
/* search page */
#search-box .container .search-content a h5 {
    color: #000D30;
    margin-bottom: 5px;
    width: 100%;
}
#search-box .container .search-content a {
    border: 1px solid #D4DAEB;
    padding: 15px 10px;
    margin: 10px 0;
    width: 100%;
}
#search-box .container .search-content h2 {
    color: #000D30;
}
#search-box .container .search-content a:hover {
    border: 1px solid #018EA9;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#search-box .container .search-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
#search-box > .container {
    flex-direction: column;
}
#search-box > .container .pagination {
    margin-top: 50px;
}
.w-5 {
    width: 50px !important;
}
#search-box .container .thank-you {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.thank-you a {
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    padding: 0 10px;
    text-align: center;
    background-color: #ffff;
    color: #FEBE10;
    border: 1px solid #FEBE10;
}
.thank-you a:hover {
    background-color: #FEBE10;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.application-content .thank-you-page {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.thank-you-wrapper {
    width: 70%;
    margin: 0 auto;
}
.thank-you-page h2 {
    font-size: 54px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-bottom: 30px;
}
.thank-you-page p {
    font-size: 18px;
    line-height: 34px;
}
#allNews-box,
#singleNews-box {
    background-color: #F5F7FA;
}
#nnn-pag h2 {
    font-size: 56px;
    line-height: 66px;
    margin-bottom: 50px;
}
#allNews-box .container {
    position: relative;
}
.news-category {
    position: sticky;
    top: 210px;
    right: 0;
}
.news-category.news {
    margin-bottom: 182px !important;
}
.single-news-box div iframe,
.allnews-list div iframe {
    height: 350px;
    width: 100%;
    padding-bottom: 40px;
    padding-top: 40px;
}
.single-news-box div table tr td {
    font-size: 20px;
    line-height: 32px;
    color: rgba(0, 13, 48, 0.7);
    padding-top: 5px;
}
.single-news-box div table tr td ul {
    font-size: 20px;
    line-height: 32px;
    color: rgba(0, 13, 48, 0.7);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    list-style: square;
}
.background-white {
    background-color: white !important;
}
.honey-form {
    display: none
}
.errorcode {
    color: red
}
.button-convert {
    background-color: #02667a !important;
    color: #fff;
    height: 60px !important;
    width: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 25px auto 0;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    cursor: pointer;
}
.exchange-rate-wrapper {
    background-color: #ffffff;
    overflow: auto;
}
#date {
    font-family: 'Roboto Regular';
    border: none;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
    padding: 7px;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in;
}
#date:hover {
    box-shadow: 0 0 13px rgb(0 0 0 / 30%);
}
.exchange-table {
    border: none;
    max-width: calc(100%);
}
#allNews-box .exchange-rate-wrapper .exchange-table {
    margin: 50px auto;
    max-width: calc(100% - 192px);
    padding: 5px 20px;
}
#allNews-box .exchange-rate-wrapper .exchange-table td {
    padding: 5px 0px;
    text-align: left;
    padding-left: 20px;
}
#allNews-boxx .exchange-rate-wrapper .exchange-table {
    margin: 50px auto;
    max-width: calc(100% - 192px);
}
.exchange-table.index {
    margin-top: 0px;
    transform: translateY(-10px);
}
#allNews-box .exchange-table thead tr {
    background-color: #000D30 !important;
}
#allNews-box .exchange-table thead tr th {
    color: #ffffff !important;
}
.grafikon-box {
    padding: 50px;
}
.name-of-box h3 {
    position: relative;
    display: inline !important;
}
.name-of-box .info {
    position: absolute;
    right: -47px;
    top: 0;
}
.name-of-box .info img {
    width: 67%;
}
.calc-button-tooltip .info .tooltiptext {
    left: unset !important;
    right: -93px;
    transform: unset !important;
}
.calc-button-tooltip .info:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.name-of-box .info:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.info-grafikon {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 25px;
}
.tooltiptext.grafikon {
    transform: translatex(-47%)
}
.info-grafikon:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #001E3F;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    padding: 15px 20px;
    z-index: 1;
    top: 125%;
    left: 50%;
    transform: translatex(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    line-height: 1.5;
    letter-spacing: 1px;
}
.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translatex(-120%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #001E3F transparent;
}
.name-of-box h3::after:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.error-text {
    margin: 10px 0px;
}
/* NOVA BANKA 2022 */
.layout2 thead tr:nth-child(1) {
    background-color: #000D30 !important;
}
.layout2 thead tr:nth-child(1) th {
    color: white !important;
    text-align: start;
    text-transform: uppercase;
    padding: 0px 20px;
    font-size: 23px !important;
}
.layout2 tr td:first-child {
    text-align: start;
}
.layout2 tr td:last-child {
    text-align: end;
    font-weight: bold;
    color: #018199 !important;
}
/* .layout2-template{
  background: linear-gradient(#fff, #F5F7FA);
} */
.calculator-popout {
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    padding: 0px !important;
    max-height: 1000px;
}
.active-menu.news-menu {
    pointer-events: none;
}
.calculator-button {
    background-color: #FEBE10 !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px !important
}
.calculator-popout-inner {
    padding: 60px 0px 0px 0px;
}
.layout2 {
    margin: 0px 0px 50px 0px;
}
.calculator-button img {
    margin-left: 10px;
    transform: rotate(270deg);
    transition: transform 0.3s ease;
}
.calculator-button.active img {
    transform: rotate(360deg);
}
input[type=range] {
    margin: auto;
    outline: none;
    width: 100%;
    height: 4px;
    background-color: #d1d2d7;
    border-radius: 10px;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 0;
}
.amaunt-slider div {
    display: flex;
    justify-content: space-between;
}
.amaunt-slider-value {
    color: #018199;
}
.amaunt-slider div p {
    margin-bottom: 10px !important;
}
.amaunt-slider {
    margin-bottom: 20px;
}
#myMonth {
    margin-bottom: 15px;
}
#myRange {
    margin-bottom: 15px;
}
.month-slider div {
    display: flex;
    justify-content: space-between;
}
.month-slider div p {
    margin-bottom: 10px !important;
}
.amaunt-slider-static p {
    font-size: 17px !important;
}
.month-slider-static {
    margin-top: 5px;
}
.month-slider-static p {
    font-size: 17px !important;
}
.mjesecna-rata #eks {
    font-weight: bold;
}
.calculator-inputs input {
    height: 50px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    padding: 10px 20px;
}
.ukupna-uplata-deposit td {
    background-color: #000D30 !important;
    color: #FFFFFF !important;
}
.ukupna-uplata-deposit #eks {
    color: white !important;
}
.calculator-input-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    margin-bottom: 30px;
}
.calculator-inputs label {
    width: 100px;
    width: 100px;
    font-size: 20px;
    line-height: 32px;
    color: rgba(0, 13, 48, 0.7);
}
.custom-input.calculator {
    margin-top: 0px !important;
}
.calculator-popout-inner {
    display: flex;
    gap: 25px;
}
.calculator-popout-inner form {
    width: 100%;
    padding: 44px;
    height: fit-content;
    background-color: white;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
}
.calculator-popout-inner div {
    width: 100%;
}
.calculator-popout-result-table td {
    background-color: white;
    border: 1px solid #D4DAEB;
    border-left: none;
    border-right: none;
}
.calculator-popout-result-table {
    margin: 0px !important;
}
.calculator-popout-result-table tr td:last-child {
    text-align: end;
}
.calculator-popout-result-table tr:nth-child(2) td{
    color: #018199 !important;
    font-weight: bold;
}
.mjesecna-rata {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: white !important;
    background-color: #000D30;
}
.mjesecna-rata p {
    color: white;
    margin: 0px !important;
}
.ukupna-uplata p {
    margin: 0px !important;
}
.ukupna-uplata {
    background-color: #EFF2F6;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.mjesecna-rata-vrijednost {
    font-weight: bold;
    font-size: 25px;
    color: white;
}
.ukupna-uplata-vrijednost {
    color: #018199;
    font-weight: bold;
    font-size: 25px;
}
.month-slider-value {
    color: #018199;
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 0px solid #000000;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #018199;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -3px;
}
.reports {
    margin-top: 50px !important;
}
.select-container {
    margin: 0px;
    position: relative;
}
select {
    cursor: pointer;
}
.select-container img {
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
#turn-off-link2.finansijska-trzista-menu {
    pointer-events: none;
}
.fx-report {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    cursor: pointer;
    margin-bottom: 30px;
}
.fx-report svg {
    height: 25px;
}
.fx-report svg path {
    fill: #000000;
    transition: 0.3s ease;
}
.documentation-box2 > div:not(:first-child) h3 {
    width: 100%;
}
.documentation-box2 > div:nth-child(1) {
    border-bottom: 1px solid #D4DAEB;
    padding-bottom: 10px;
}
.documentation-box2 > div:nth-child(1) > h3 {
    font-family: 'Raleway Bold', sans-serif;
    margin-bottom: 0px !important;
}
.documentation-box2 > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0;
}
.documentation-box2 > div > h3 {
    color: rgba(0, 13, 48, 0.7);
    font-family: 'Raleway Regular', sans-serif;
}
.documentation-box2 > div > a {
    width: 100%;
    color: rgba(0, 13, 48, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in;
}
.documentation-box2.karijera h3 {
    margin-bottom: 0px !important;
}
.custom-career-title {
    margin-bottom: 40px !important;
}
.custom-career-title div:nth-child(1) {
    position: relative;
}
#tableReports .odd td,
#tableReports .even td {
    border: none !important;
}
#tableReports td:nth-child(2) {
    text-align: center;
}
#tableReports .odd {
    background-color: #F5F7FA !important;
}
#tableReports_wrapper {
    padding: 100px 0px 0px 0px;
}
#tableReports th {
    border: none;
}
#tableReports_wrapper select[name="tableReports_length"] {
    text-align: center;
    background-color: transparent !important;
}
#tableReports_wrapper .paginate_button.current {
    background-color: #02667a !important;
    color: white !important;
}
#tableReports_wrapper .paginate_button:hover {
    background: #02667a !important;
    color: white !important;
}
#tableReports_wrapper .paginate_button.previous.disabled:hover {
    background: transparent !important;
    color: #666 !important;
}
#tableReports_wrapper .paginate_button {
    font-size: 18px;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
#tableReports {
    border: 1px solid #D4DAEB !important;
    margin: 50px 0px;
}
#tableReports .odd td a h3 {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    color: black !important;
    font-weight: 300;
}
#tableReports .even {
    background-color: transparent !important;
    border: none !important;
}
#tableReports .even td a h3 {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    color: black !important;
    font-weight: 300;
}
.about-bank-flex {
    display: flex;
    gap: 60px;
}
.about-bank-flex div p {
    text-align: left !important;
}
.multi-select-button {
    font-family: 'Raleway Regular', sans-serif !important;
}
.custom-text-before::before {
    width: 182px !important;
}
.career-quote-text {
    text-align: center;
    font-size: 30px !important;
    margin-top: 40px;
    margin-bottom: 40px !important;
    line-height: 42px !important;
}
.about-bank-quote {
    text-align: center;
    font-size: 30px !important;
    margin-top: 40px;
    margin-bottom: 40px !important;
    line-height: 42px !important;
}
.custom-career-title div:nth-child(1) p {
    z-index: 1;
    position: relative;
    font-size: 54px !important;
    line-height: 66px !important;
    font-family: 'Raleway Bold', sans-serif;
    color: black;
    margin-bottom: 0px !important;
}
.custom-career-title div:nth-child(2) {
    font-size: 104px;
    line-height: 79px;
    font-family: 'Raleway Bold', sans-serif;
}
.custom-career-title div:nth-child(2) span {
    color: #FEBE10;
}
.custom-career-title div:nth-child(1):before {
    position: absolute;
    top: 0;
    left: -27px;
    width: 146px;
    height: 66px;
    background-color: #FEBE10;
    content: '';
    z-index: 0;
}
.karijera-blue-container {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
}
.karijera-blue-container span {
    font-size: 120px;
    color: white;
    font-weight: 900;
}
.karijera-blue-container h2 {
    width: 100% !important;
}
.oglas-za-posao-input.upload {
    border-top: 1px solid rgba(0, 13, 48, 0.2);
    padding-top: 30px;
    margin-top: 40px;
    margin-bottom: 25px;
}
.career-news .singlenews-list > .single-news-box > div:nth-child(2) {
    padding-top: 60px !important;
}
.career-news .date {
    margin-bottom: 30px !important;
}
.documentation-box2.karijera {
    margin-top: 30px;
    margin-bottom: 30px;
}
.oglas-za-posao-input div input {
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    margin-top: 5px;
    color: #000D30;
    padding: 10px 20px;
    background-color: #FCFCFC !important;
}
.textNews-header {
    margin-bottom: 0px !important;
}
.oglas-za-posao-input div select {
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    margin-top: 5px;
    height: unset !important;
    color: #000D30;
    font-size: 14px;
    padding: 10px 20px;
    background-color: #FCFCFC !important;
}
.oglas-za-posao-input div label {
    margin-bottom: 10px;
}
.oglas-za-posao-input {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 20px;
}
.oglas-za-posao-input div {
    width: 100%;
}
.oglas-za-posao {
    padding: 48px;
    width: 100%;
    background-color: white;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    margin-top: 65px;
}
.oglas-za-posao h2 {
    color: #000D30;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.oglas-za-posao label {
    color: #000D30;
}
.oglas-za-posao-text-area textarea {
    width: 100%;
    margin-top: 5px;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    font-family: "Roboto";
    color: #000D30;
    padding: 10px 20px;
    resize: none;
    background-color: #FCFCFC !important;
}
.karijera-button {
    background-color: #FEBE10 !important;
    text-transform: uppercase;
    font-weight: bold;
    transition: margin-bottom 0.3s ease;
}
.karijera-button img {
    margin-left: 10px;
    transform: rotate(270deg);
    transition: transform 0.3s ease;
}
.karijera-from-div {
    width: 100%;
}
.karijera-button.active img {
    transform: rotate(360deg);
}
.karijera-button.active {
    margin-bottom: 50px;
}
.oglas-za-posao.single {
    max-height: 0px;
    overflow: hidden;
    padding: 0px;
    border: 0px;
    margin-top: 0px;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}
.oglas-za-posao.single.active {
    overflow: visible;
}
#calculator-box {
    width: 100%;
}
#calculator-box table tr td {
    font-size: 19px !important;
}
.loader-calculator-ajax {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-main-form {
    padding: 30px;
    padding-top: 35px;
}
.contact-main-form .oglas-za-posao-input {
    margin-bottom: 30px !important;
}
.oglas-za-posao-input select {
    height: 50px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    padding: 10px 20px;
    margin-top: 5px;
}
.contact-main-form textarea {
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    margin-top: 5px;
    font-family: "Roboto";
    color: #000D30;
    padding: 10px 20px;
    background-color: #FCFCFC !important;
    resize: none;
}
#ajax-candidate-aplication {
    background-color: #02667a !important;
    color: #fff;
    height: 60px !important;
    width: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 25px auto 0;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.contact-main-form #ajax-contact-us {
    background-color: #02667a !important;
    color: #fff;
    height: 60px !important;
    width: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 25px auto 0;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    cursor: pointer;
}
.contact-main-form #ajax-contact-us-pravno {
    background-color: #02667a !important;
    color: #fff;
    height: 60px !important;
    width: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 25px auto 0;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    cursor: pointer;
}
.contact-close {
    filter: brightness(0);
}
.valute-slider-div {
    justify-content: end !important;
    align-items: center;
}
.valute-slider-div span {
    margin-bottom: 10px;
    margin-left: 5px;
}
.no-downlaods {
    pointer-events: none;
}
.karijera-lista ul {
    margin-bottom: 20px;
    list-style: square;
    padding-left: 20px;
}
.main-contact-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.vrsta-lica-tab {
    width: 100%;
    height: 55px;
    background-color: #000D30;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vrsta-lica-button {
    color: white;
    font-size: 20px;
    transition: .3s;
    background-color: transparent;
    border: none;
    border-bottom: 7px solid transparent;
    height: 100%;
    padding: 0 20px;
}
.active-vrsta-lica {
    border-bottom: 7px solid #FEBE10;
}
.ui-datepicker-calendar tbody tr:first-child {
    background-color: #F5F7FA !important
}
.ui-datepicker-calendar thead tr th {
    font-size: 14px !important;
    line-height: 20px !important;
}
.ui-datepicker-calendar tr {
    height: 40px !important;
}
.ui-datepicker-calendar tr td a {
    font-size: 16px !important;
    text-align: center !important;
}
.karijera-image {
    margin-bottom: 50px;
    width: 100%;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: 'Izaberi dokument';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #D4DAEB;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    color: #000D30;
    font-size: 14px;
    transition: border-color 0.3s ease;
}
.custom-file-input:hover::before {
    border-color: #000D30;
}
.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.zvjezdica {
    font-family: 'Roboto Regular';
}
.content-0 #turn-off-link:last-child .content-1 {
    left: -60px;
}
#paketi-racuna-tabela table {
    margin: 0 !important;
    width: 100% !important;
}
#paketi-racuna-tabela table tr:nth-child(1) td {
    color: #000D30 !important;
}
#paketi-racuna-tabela table tr td {
    text-align: left !important;
    opacity: 0.5;
    position: relative;
    padding-left: 35px;
    transform: translateX(15px);
    color: #000000 !important;
}
#paketi-racuna-tabela table tr td::before {
    position: absolute;
    content: "";
    background-image: url('../images/x-table-icon.svg');
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
#paketi-racuna-tabela table tr:nth-child(1) {
    background-color: #F5F7FA !important;
    font-size: 15px;
    font-weight: bold;
}
.custom-table-first-row td {
    opacity: 1 !important;
    text-align: center !important;
    padding-left: 20px !important;
    transform: translateX(0px) !important;
}
.custom-table-first-row td::before {
    background-image: none !important;
}
#paketi-racuna-tabela table tr .checked {
    opacity: 1;
}
#paketi-racuna-tabela table tr .checked::before {
    opacity: 1;
    background-image: url('../images/checked-table-icon.svg');
}
.first-row-custom-table {
    width: 100%;
    height: 85px;
    background-color: #000D30;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    margin-top: 30px;
}
.first-row-custom-table.studenti{
	height:55px;
	margin: 0!important;
}
.last-row-custom-table {
    background-color: #018199;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    font-size: 15px;
}
.custom-table-flex {
    display: flex;
    margin-top: 30px;
}
.custom-table-flex div {
    flex: 1;
}
.custom-table-flex div:nth-child(2) {
    margin: 0 40px;
}
.custom-table-flex #paketi-racuna-tabela table tr:nth-child(1) td {
    color: #000000 !important;
    font-weight: normal !important;
}
.convertor-button-container a {
    height: 50px;
    width: 100%;
    color: #000;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
}
.convertor-button-container a.active {
    background-color: #e3e3e3;
}
.convertor-button-container {
    display: flex;
}
.convertor-buy {
    margin-right: 60px;
}
.convertor-sell-container {
    display: none;
}
.currency2-select-box {
    height: 50px;
    width: 100%;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
    padding: 10px 20px;
    background-color: #e3e3e3 !important;
    margin-top: 45px;
}
.currency2-b {
    top: 100px;
}
.currency2-a {
    max-height: 300px;
    overscroll-behavior: contain;
    overflow-y: scroll;
}
.currency2-a li {
    display: flex;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
}
.currency2-b img {
    position: relative !important;
    right: unset !important;
    top: unset !important;
    transform: unset !important;
    pointer-events: none;
}
.currency2-a li span,
.currency2-select-box li span {
    margin-left: 15px !important;
    font-size: 15px !important;
}
.apliciraj-online-button {
    color: #fff;
    background-color: #02667a !important;
    text-transform: uppercase;
    font-weight: bold;
    height: 60px !important;
    width: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 25px auto 0;
    margin-top: 0px;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
}
.klijent-banke > div {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.klijent-banke > div input {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    padding: 0px !important;
    appearance: auto !important;
    margin: 0px !important;
}
.klijent-banke > div label {
    margin: 0 10px;
}
.saglasnost-container.apliciraj {
    align-items: flex-start;
}
.saglasnost-container.apliciraj > div {
    margin-top: 1px;
}
#default-template.apliciraj-section .container {
    padding: 0px;
}
#default-template.apliciraj-section .container .calc-button-tooltip {
    margin-top: 0px !important;
    margin-bottom: 50px !important;
}
.calc-button-tooltip.column .apliciraj-online-button {
    margin-right: 0px !important;
}
.calc-button-tooltip.column.blue .apliciraj-online-button {
    background-color: #02667a !important;
}
#contact-online-aplication {
    color: #fff;
    background-color: #02667a !important;
    text-transform: uppercase;
    font-weight: bold;
    height: 60px !important;
    width: 270px !important;
    justify-content: center !important;
    margin: 25px auto 0;
    margin-top: 0px;
    border: 1px solid white;
    border-radius: 4px;
    display: flex;
    transition: opacity 0.3s ease;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    cursor: pointer;
}
#contact-online-aplication.inactive {
    pointer-events: none;
    opacity: 0.5;
}
#alertMsgAp {
    font-size: 18px !important;
}
#alertMsgJmbg {
    color: red;
    font-size: 18px !important;
}
#alertMsgFl {
    font-size: 18px !important;
}
#alertMsgPl {
    font-size: 18px !important;
}
#contact-online-aplication-form2 {
    display: none;
}
#contact-online-aplication-form2 p {
    text-align: center !important;
    font-weight: 700;
}
#contact-online-aplication-form2 {
    padding: 30px;
}
.phone-code-container {
    display: flex;
    position: relative;
    margin-top: 5px;
}
.phone-number-code-select {
    width: 100px !important;
    margin-right: 10px;
}
.phone-number-code-input {
    margin-top: 0px !important;
}
.phonecode-select-box {
    margin-right: 10px !important;
    width: 200px !important;
    border-radius: 4px !important;
}
.phonecode-a li span,
.phonecode-select-box li span {
    margin-left: 15px !important;
    font-size: 16px !important;
}
.phonecode-a img,
.phonecode-select-box img {
    margin: 0px !important;
    height: fit-content !important;
    margin-left: 10px !important;
}
.phonecode-b,
.phonecode2-b {
    width: 122px !important;
    top: 38px !important;
}
.phonecode2-select-box {
    margin-right: 10px !important;
    width: 200px !important;
    border-radius: 4px !important;
}
.phonecode2-a li span,
.phonecode2-select-box li span {
    margin-left: 15px !important;
    font-size: 16px !important;
}
.phonecode2-a img,
.phonecode2-select-box img {
    margin: 0px !important;
    margin-left: 10px !important;
    height: fit-content !important;
}
.phonecode2-a li,
.phonecode-a li {
    cursor: pointer !important;
    padding: 4px 0px !important;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.crm-radio-input {
    appearance: auto;
}
.converter-wrapper #result22 {
    text-align: end !important;
}
.converter-wrapper #amount {
    text-align: end !important;
}
.phonecode-a {
    margin-bottom: 0px !important;
    text-align: unset !important;
    padding-left: 0px !important;
}
#send-saglasnost {
    color: #fff !important;
    background-color: #02667a !important;
    text-transform: uppercase;
    font-weight: bold;
    height: 60px !important;
    width: 270px !important;
    justify-content: center !important;
    margin: 25px auto 0;
    margin-top: 0px;
    border: 1px solid white;
    border-radius: 4px;
    display: flex;
    transition: opacity 0.3s ease;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    cursor: pointer;
    align-items: center;
}
#send-saglasnost.inactive {
    pointer-events: none;
    opacity: 0.5;
}
#contact-online-aplication-form3 {
    display: none;
}
#contact-online-aplication-form3 p {
    text-align: center !important;
    font-weight: 700;
}
#contact-online-aplication-form3 {
    padding: 30px;
}
#contact-online-aplication-form input.error {
    border: 1px solid red;
}
.apliciraj-close {
    filter: brightness(0) !important;
}
.notification-section {
    position: fixed;
	display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 11111111;
    transition: opacity 0.3s ease;
    background-color: rgba(11, 42, 88, 0.87);
    left: 0;
}
.notification-section > div:first-child {
    padding: 40px 30px;
    position: relative;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 50%);
    z-index: 100;
    width: 380px;
    height: 360px;
     background: url(../img/prezent-background.png); 
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.notification-section div h3 {
    font-size: 58px;
    line-height: 108%;
    margin-bottom: 40px;
    color: #FFFFFF;
    font-family: "Raleway", sans-serif!important;
    font-weight: 500;
}
.notification-section div h3 strong {
    color: #2189DA;
}
.notification-container > div:first-child img {
    display: block;
}
.notification-section div a {
    width: 260px;
    height: 62px;
    color: #FFFFFF;
    font-size: 19px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FEBE10;
    border-radius: 5px;
    font-family: "Raleway Bold", sans-serif!important;
}
.notification-section div p {
    max-width: 600px;
}
.notification-section button {
       color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    width: 37px;
    background: #fff;
    right: 15px;
    border: none;
    font-size: 20px;
    cursor: pointer;
    height: 37px;
}
.notification-section div:last-child {
    z-index: 99;
    position: absolute;
    width: 100vw;
    height: 100vh;
}
.playSoundButton {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 80px;
    z-index: 9998;
    height: 80px;
    background: none;
    border: none;
}
.playSoundButton img {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}
.pause-sound-image {
    display: none;
}
.playSoundButton.active .play-sound-image {
    display: none;
}
.playSoundButton.active .pause-sound-image {
    display: block;
}
.accordion-card {
    cursor: pointer;
    padding: 15px 0px;
    border-bottom: 1px solid #D4DAEB;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
}
.accordion-card button {
    background-color: transparent;
    width: 100%;
    text-align: left;
    color: #018ea9;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    border: none;
    transition: margin-bottom 0.3s ease;
}
.accordion-hidden p a {
    font-weight: 600;
}
.accordion-card button.active {
    margin-bottom: 1rem;
}
.accordion-hidden p {
    color: #000;
    transition: color 0.3s ease;
}
.accordion-hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.accordion-card button svg {
    position: absolute;
    right: 5px;
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}
.accordion-card button svg.active {
    transform: rotate(-90deg);
}
.accordion-container {
    margin-bottom: 50px;
}
@media only screen and (max-width: 600px) {
    .accordion-container {
        margin-bottom: 40px;
    }
    .accordion-card button {
        font-size: 18px;
        padding-right: 20px;
    }
    .accordion-card button svg {
        top: 50%;
    }
}
.info-nohover .tooltiptext {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    left: unset !important;
    top: unset !important;
    transform: unset !important;
    margin-left: 15px;
    background: transparent !important;
    color: rgba(0, 13, 48, 0.7) !important;
    width: 100% !important;
    font-size: 15px !important;
    line-height: 20px !important;
    padding: 0px !important;
}
.info-nohover {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.info-nohover img {
    max-width: 30px;
}
.info-nohover .tooltiptext::after {
    display: none;
}
@media only screen and (max-width: 600px) {
    .info-nohover {
        margin-top: 0px;
    }
}
.crm-container {
    position: relative;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.4s ease-out;
}
.zainteresovan-container {
    display: flex;
    flex-direction: column;
}
.nisamZainteresovan-container {
    display: flex;
    flex-direction: column;
}
.zainteresovan-container div {
    display: flex;
}
.nisamZainteresovan-container div {
    display: grid;
    grid-template-columns: 5% 1fr;
}
.crm-container-inner {
    padding: 44px;
    background-color: white;
    border: 1px solid #D4DAEB;
    border-radius: 4px;
}
.crm-container-inner.crm-w50 {
    max-width: 50%;
    margin-left: auto;
}
.radio-container {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.radio-container input[type="radio"] {
    display: flex;
    gap: 8px;
    position: relative;
    transform: translateY(3px);
    opacity: 0;
}
.crm-container-inner input[type='radio'] + label{
    position: relative;
}
.crm-container-inner input[type='radio'] + label:after {
    width: 15px;
    height: 15px;
    border-radius: 999px;
    top: 2px;
    left: -24px;
    position: absolute;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
}
.crm-container-inner input[type='radio']:checked + label:after {
    width: 15px;
    height: 15px;
    border-radius: 999px;
    background-color: #FEBE10;
}
@media only screen and (max-width: 480px) {
    .crm-container-inner.crm-w50 {
        max-width: 100%;
    }
}
#zainteresovan {
    color: #fff;
    background-color: #02667a !important;
    text-transform: uppercase;
    font-weight: bold;
    height: 60px !important;
    width: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
}
.crm-container p {
    margin-bottom: 0px !important;
}
.crm-container input[type="checkbox"] {
    appearance: auto !important;
    margin-right: 13px;
}
.breaking-news-wrapper {
    display: flex;
    align-items: center;
    background: #019bb5;
    padding: 15px 30px;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    height: 40px;
    position: relative;
    z-index: 1000;
}
.ticker-p{
    color: white;
}
.breaking-label {
    font-weight: bold;
    margin-right: 15px;
    color: #000;
    white-space: nowrap;
}

.breaking-news {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.breaking-track {
    display: inline-block;
    padding-left: 100%;
    animation: scrollTicker 45s linear infinite;
}

.breaking-item {
    display: inline-block;
    margin-right: 50px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

@keyframes scrollTicker {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

#nisamZainteresovan {
    color: #fff;
    background-color: #FEBE10 !important;
    text-transform: uppercase;
    font-weight: bold;
    height: 60px !important;
    width: 270px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
}
.zainteresovan-container > p {
    margin-bottom: 25px !important;
}
.zainteresovan-container > div {
    margin-bottom: 20px;
}
.nisamZainteresovan-container > p {
    margin-bottom: 25px !important;
}
.nisamZainteresovan-container > div {
    margin-bottom: 20px;
}
.potvrdi-button {
    color: #fff;
    background-color: #FEBE10 !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 100px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    cursor: pointer;
    margin-top: 50px;
    max-width: 100%;
}
.potvrdi-button[disabled] {
    cursor: auto;
    opacity: .7;
}
@media only screen and (max-width: 480px) {
    .potvrdi-button {
        margin-left: auto;
        margin-right: auto;
    }
}
.zainteresovan-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 50px;
}
@media only screen and (max-width: 480px) {
    .zainteresovan-button-container {
        flex-direction: column;
    }
    #zainteresovan {
        margin-bottom: 20px;
        margin-right: 0px;
    }
    #nisamZainteresovan {
        margin-right: 0px;
    }
    .crm-container-inner {
        padding: 25px;
    }

}
/* MODALS */
#successModalCampaign,
#errorModalCampaign {
    display: none;
}
#successModalCampaign {
    --success-color: #d3d3d3;
    --success-txt-color: #000d30b3;
}
#errorModalCampaign {
    --success-color: #c20c0c6e;
    --success-txt-color: #c20c0c;
}
.modal-campaign .backdrop {
    background-color: rgba(0, 13, 48, 0.8);
    position: fixed;
    inset: 0;
    z-index: 999;
}
.modal-campaign .modal-header {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
}
.modal-campaign .modal-header .close {
    position: static;
    filter: brightness(0) !important;
}
.modal-campaign .modal-content {
    background-color: #fefefe;
    padding: 0;
    width: 45%;
    max-width: 100%;
    position: fixed;
    height: 350px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1000;
}
.modal-campaign .modal-body {
    border-top: 1px solid var(--success-color);
    padding: 30px;
    height: 100%;
    max-height: calc(100% - 132px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-campaign .modal-body p {
    font-size: 28px;
    line-height: 1.3;
    font-family: "Raleway Bold", sans-serif;
    text-align: center;
    color: var(--success-txt-color);
}
.modal-campaign .modal-footer {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    border-top: 1px solid var(--success-color);
}
.modal-campaign .modal-footer button {
    background-color: #018EA9;
    color: #fff;
    padding: 15px 40px;
    border: 1px solid white;
    border-radius: 4px;
    font-family: 'Raleway Regular', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: background .3s ease;
}
.kraljevska-stednja-title span{
   font-family: 'silvesta', sans-serif!important;
}
.modal-campaign .modal-footer button:hover {
    background-color: #02667a;
}
@media screen and (max-width: 768px) {
    .modal-campaign .modal-content {
        width: 80%;
        height: 90%;
    }
    .modal-campaign .modal-body {
        padding: 20px;
    }
    .modal-campaign .modal-body p {
        font-size: 24px;
        line-height: 1.3;
    }
}
.kraljevska-stednja-graphic a{
   font-size: 25px;
}
@media screen and (max-width: 768px) {
    .modal-campaign .modal-content {
        width: 80%;
        height: 90%;
    }
}
@media screen and (max-width: 480px) {
    .modal-campaign .modal-content {
        width: 95%;
    }
.kraljevska-stednja-graphic a{
   font-size: 16px;
}
}
.kraljevska-stednja-graphic{	
    position: relative;
}
.kraljevska-stednja-graphic::after{
position: absolute;
content: "";
background: url(../img/kraljevska-stednja-graphic.png);
height: 123px;
background-size: cover;
width: 80px;
right: 160px;
top: -17px;
}
.buducnost-graphic{
    position: relative;
    max-width: 639px;
}
@media screen and (max-width: 1024px){
.kraljevska-stednja-graphic::after{
    display: none;
}
.kraljevska-stednja-title span{ 
        font-size: 22px!important;
            line-height: 25px!important;
}}
.notification-crown{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -200px;
}
.prijavi-se-blink{
    animation: blinkingBackground 2s infinite alternate;
}
@keyframes blinkingBackground{
    0%		{ background-color: rgba(0, 13, 48, 0.8);}
    100%	{ background-color: #FEBE10;}
}
/*.fast-links .lista-0:last-child{animation: blinkingBackground 2s infinite alternate;*/
/*}*/
.sakupljanje-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.sakupljanje-card{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sakupljanje-card a{
    color: #f58220!important;
    font-weight: 600!important;
}
.sakupljanje-card a:hover{
    color: #ff9d47!important;
}
.sakupljanje-card-image{
    margin-bottom: 15px;
}
.sakuplanje-card-text{
    text-align: center;
}
@media screen and (max-width: 480px) {
    .sakupljanje-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .nagradna-igra h1{
        margin-top: -92px!important;
    }
}
.table-image img{
    width: 100%;
}
.potrosnja-container p:last-child{
    margin-bottom: 0px;
}
.potrosnja-container{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.potrosnja-container a{
    color: #f58220!important;
    font-weight: 600!important;
}
.potrosnja-container a:hover{
    color: #ff9d47!important;
}
.potrosnja-container > div{
    margin-bottom: 30px;
}
.potrosnja-container ul{
    max-width: 800px;
}
.accordion-card.orange button{
    color: #f58220!important;
}
.box-numeration-container{
    display: flex;
    gap: 25px;
    margin-bottom: 45px;
    z-index: 1;
    position: relative;
}
.box-numeration-number{
    min-width: 40px;
    height: 40px;
    background-color: #fff;
    border: 5px solid #0193AF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.box-numeration-number p{
    font-size: 20px!important;
    color: #0193AF;
    font-weight: bold!important;
    margin-bottom: 0px!important;
    line-height: 20px!important;
    transform: translateY(-2px);
}
.box-numeration-box{
    padding: 12px 20px;
    background-color: #fff;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
}
.box-numeration-box p{
    font-size: 18px;
}
.box-numeration-all{
    position: relative;
}
.box-numeration-all::before{
    height: 100%;
    width: 1px;
    background-color: #C3CADE;
    position: absolute;
    left: 20px;
    top: 0;
    content: "";
}
.image-on-cover{
    position: relative;
}
.image-on-cover::after{
    width: 131px;
    height: 122px;
    background-image: url(../img/ria-sticker.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -294px;
    top: 50%;
    content: "";
    transform: translateY(-50%);
}
.gold-color-button{
background: rgb(208,173,106);
background: linear-gradient(90deg, rgba(208,173,106,1) 0%, rgba(226,198,143,1) 21%, rgba(200,166,106,1) 34%, rgba(178,140,76,1) 46%, rgba(191,155,89,1) 57%, rgba(208,173,106,1) 74%, rgba(228,202,150,1) 85%, rgba(251,235,198,1) 99%, rgba(168,128,65,1) 100%);
}
.single-news-custom-container table tr:nth-child(1){
  display: table-row!important;
}
.single-news-custom-container table tbody tr:nth-child(1){
background-color: #F5F7FA!important;
}
.kupi-online h1{
    font-family: 'Franz Bold', sans-serif;
    font-size: 90px;
    line-height: 80px;
}
.kupi-online a{
    font-family: 'Franz Bold', sans-serif;
    background-color: #1D75B9;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 25px 15px;
    border-radius: 10px;
    font-size: 58px;
    margin-top: 10px!important;
    width: fit-content!important;
}
.kupi-online p{
    font-family: 'Franz Medium', sans-serif;
    color: #fff;
    max-width: 700px;
    font-size: 24px!important;
    line-height: 32px!important;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 1);
    margin-top: 40px;
}
.kupi-online p span{
    font-family: 'Franz Bold', sans-serif;
    color: #1D75B9;
}
.plati-brzo h1{
    font-family: 'Franz Bold', sans-serif;
    font-size: 80px;
    line-height: 78px;
    width: unset!important;
}
.plati-brzo p{
    font-family: 'Franz Medium', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    max-width: 700px;
    font-weight: 300;
    margin-bottom: 35px;
}
.plati-brzo p:last-child{
    font-family: 'Franz Light', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    font-weight: 100;
    margin-bottom: 0;
}
.plati-brzo a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: #F39A1C;
}
@media screen and (max-width: 1700px) {
    .plati-brzo h1{
        max-width: 750px;
    }
}
@media screen and (max-width: 480px) {
    .plati-brzo p{
        font-size: 16px!important;
        line-height: 24px!important;
    }
    .kupi-online p{
        font-size: 16px!important;
        line-height: 24px!important;
        margin-top: 30px;
    }
    .kupi-online a{
        font-size: 25px!important;
        padding: 5px 10px!important;
    }
    .header-slider-text .container{
         transform: translateY(20px);
     }
    .kupi-online{
        transform: translateY(30px)!important;
    }
    .plati-brzo{
        transform: translateY(90px)!important;
    }
   .header-slider-item.putuj-plati  img{
        display: block !important;
        min-height: 500px;
        object-fit: cover;
        all: unset !important;
    }
    .container.putuj-plati p{
        font-size: 13px !important;
        line-height: 21px !important;
    }
     .container.putuj-plati span{
        font-size: 13px !important;
        line-height: 21px !important;
        margin-top: 10px!important;
    }
    .header-slider-item.putuj-plati img{
        height: 100% !important;
        object-fit: cover !important;
    }
    .yellow-link{
        font-size: 16px !important;
        height: 45px !important;
    }
   .putuj-plati-title{
    font-size:16px !important;
   }
    .header-slider-text .container.putuj-plati {
        transform: translateY(35px);
    }
    .putuj-plati a {
        width: 185px!important;
        height: 45px!important;
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
.tizi h1{
    font-family: 'Orto', sans-serif!important;
    font-size: 70px !important;
    line-height: 79px !important;
    color: #fff!important;
}
.tizi h3{
    font-family: 'Orto', sans-serif!important;
    font-size: 36px!important;
    line-height: 40px!important;
    font-weight: bold!important;
    color: #EDAD00!important;
    margin-top: 30px!important;
    max-width: 940px!important;
    margin-bottom: 30px;
}
.tizi p{
    font-family: 'Orto', sans-serif!important;
    font-size: 18px!important;
    line-height: 23px!important;
    max-width: 700px;
    margin-bottom: 30px;
    color: #fff;
}
.tizi > div:first-child{
    margin-bottom: 50px;
}
.hifa h1{
  font-family: 'Roboto', sans-serif;
  font-size: 80px;
  line-height: 90px;
  text-shadow: 2px 2px 20px rgba(0,0,0,0.5);
  color: #FFF!important;
  margin-bottom: 50px;
}
.hifa p{
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 60px;
  color: #fff;
  max-width: 620px;
}
.hifa a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}
.tizi a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}
.gpay h1{
    font-size: 80px!important;
    line-height: 84px!important;
    margin-bottom: 27px!important;
    color: #fff!important;
        font-family: 'Franz Bold', sans-serif;
    text-shadow: 2px 2px 20px 0px rgba(0,0,0,0.5);
}
.gpay h3{
     font-family: "Archivo", sans-serif;
    color: #EDAD00!important;
    font-size: 34px!important;
    line-height: 42px!important;
    margin-bottom: 27px!important;
}
.gpay p{
    font-size: 18px!important;
    font-family: 'Franz Light', sans-serif;
    color: #fff!important;
    margin-bottom: 30px!important;
}
.gpay a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}
.orocena-stednja2025-flex {
    display: flex;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 28px;
}
.orocena-stednja2025 h1{
    font-family: 'Franz Bold', sans-serif;
    font-size: 106px;
    color: #006FB9!important;
    line-height: 100px;
    margin-bottom: 60px!important;
}
.orocena-stednja2025 p{
    font-family: 'Franz Light', sans-serif;
    font-size: 24px;
    line-height: 37px;
    color: #006FB9;
}
.orocena-stednja2025-flex h3 {
    font-size: 34px;
    line-height: 37px;
    font-weight: 400 !important;
    color: #006FB9;
    font-family: 'Franz Light', sans-serif;
}
.orocena-stednja2025 a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}
.orocena-stednja2025 p{
    margin-bottom: 20px;
}
.putuj-i-plati h1{
    font-family: 'Franz Bold', sans-serif;
    font-size: 80px;
    line-height: 78px;
    color: #fff;
    text-shadow: 2px 2px 20px rgba(0,0,0,0.5);
    margin-bottom: 55px!important;
}
.putuj-i-plati h3{
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Raleway Bold", sans-serif;
}
.putuj-i-plati h3 span{
    color: #FF9800;
    font-family: "Raleway Bold", sans-serif;
}
.putuj-i-plati p{
    font-family: 'Franz Medium', sans-serif;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    margin-bottom: 20px;
}
.putuj-i-plati h2{
    font-family: 'Franz Bold', sans-serif;
    font-size: 80px;
    text-transform: uppercase;
    text-shadow: 2px 2px 20px rgba(0,0,0,0.5);
    color: #FF9800;
    margin-bottom: 50px;
}
.putuj-i-plati a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}
.podjela-na-rate h1{
    font-family: 'Franz Bold', sans-serif;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 40px!important;
    color: #1C75BC!important;
}
.podjela-na-rate h3{
    font-size: 54px;
    color: #1C75BC;
    font-family: 'Franz Light', sans-serif;
    margin-bottom: 80px;
}
.podjela-na-rate p{
    font-size: 24px;
    font-family: 'Franz Light', sans-serif!important;
    line-height: 32px;
    color: #1C75BC;
    margin-bottom: 50px;
    max-width: 750px;
}
.podjela-na-rate p b{
    font-family: 'Franz Bold', sans-serif;
}
.podjela-na-rate a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}


.manje-vise h1{
    font-family: "Archivo", sans-serif;
    font-size: 90px;
    line-height: 78px;
    color: #fff;
    margin-bottom: 40px!important;
    font-weight: 400;
}
.manje-vise h1 span{
    font-weight: 900!important;
    font-family: "Archivo", sans-serif!important;
}
.manje-vise div{
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 40px;
}
.manje-vise div h3{
    font-size: 28px;
    line-height: 34px;
    color: #fff;
    font-family: "Archivo", sans-serif;
    max-width: 300px;
    font-weight: 400;
    text-transform: uppercase;
}
.manje-vise div h2{
    font-family: "Archivo", sans-serif;
    font-size: 80px;
    line-height: 74px;
    font-weight: 900;
    color: #FEBE10;
}
.manje-vise  p{
    font-family: "Archivo", sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
}

.manje-vise a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}

.tehnika-u-planu{
    margin-bottom: 35px;   
}
.tehnika-u-planu h1{
    font-family: "Archivo", sans-serif;
    color: #0076BE;
    font-size: 78px;
    line-height: 82px;
    margin-bottom: 35px;
}
.tehnika-u-planu p{
    font-size: 24px;
    line-height: 36px;
    color: #0076BE;
    font-family: "Source Sans 3", sans-serif;
    margin-bottom: 67px;
    max-width: 600px;
}
.mastercard-mgmind-logo{
    margin-bottom: 35px;
}
.tehnika-u-planu a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}
.tehnika-u-planu p span{
    font-family: "Raleway Bold", sans-serif;
    color: #F15722;
    font-weight: 900;
}

.custom-table-double-title::before{
    display: none!important;
}
.custom-table-single-title::before{
    display: none!important;
}

.custom-table-flex #paketi-racuna-tabela table tr:nth-child(1) td.custom-table-double-title{
    background-color: #000D30 !important;
    opacity: 1 !important;
    transform: translateX(0px) !important;
    color: #fff !important;
    padding: 0px 70px!important;
}
.custom-table-flex #paketi-racuna-tabela table tr:nth-child(1) td.custom-table-single-title{
    background-color: #000D30 !important;
    opacity: 1 !important;
    transform: translateX(0px) !important;
    color: #fff !important;
    text-align: center!important;
}
.custom-table-flex #paketi-racuna-tabela table tr:nth-child(1) td.custom-table-double-title::after{
    position: absolute;
    height: 100%;
    width: 1px;
    content: "";
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.custom-table-flex #paketi-racuna-tabela table tr:nth-child(1) td.custom-table-double-title div:first-child{
    float: left;
}
.custom-table-flex #paketi-racuna-tabela table tr:nth-child(1) td.custom-table-double-title div:last-child{
    float: right;
    margin: 0!important;
}
.last-row-custom-table-double{
    background-color: #018199;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    font-size: 15px;
    text-align: center;
    border-top: 1px solid #fff;
}
.last-row-custom-table-double > div{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0!important;
}
.last-row-custom-table-double > div:last-child{
    border-left: 1px solid #fff;
}
.putovanje-po-mjeri h5{
    font-family: 'Franz Medium', sans-serif;
    color: #fff;
    font-size: 34px;
    line-height: 37px;
    font-weight: 500;
    margin-bottom: 0px!important;
}
.putovanje-po-mjeri h1{
    font-family: 'Franz Bold', sans-serif;
    font-size: 106px;
    line-height: 112px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 60px;
}
.putovanje-po-mjeri p{
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 47px;
    max-width: 650px;
}
.putovanje-po-mjeri a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
}
.yellow-link{
    background-color: #EDAD00;
    padding-left:3rem ;
    padding-right: 3rem;
    height: 56px !important;
    margin-top: 4rem;

    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    text-transform: uppercase;
    font-size:20px ;
       font-family: 'Roboto', sans-serif;
        font-weight: bold;

}
.tehnika h1{
	font-family: 'Roboto', sans-serif;
	font-size: 80px;
        line-height: 89px;
        color: #255B99;
	margin-bottom: 56px;
	font-weight: bold;
}
.tehnika p{
	font-size: 24px;
        line-height: 32px;
	color: #255B99!important;
	max-width: 743px;
font-family: 'Roboto', sans-serif;
}
.tehnika p span{
	font-weight: 600;
	color: #F15B22;
}
.tehnika > div:first-child {
    margin-bottom: 50px;
}
.tehnika a{
    width: 235px;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: "Raleway Bold", sans-serif;
    font-size: 16px;
    background-color: #FEBE10;
    cursor: pointer;
    margin-top: 30px;
}
.container.putuj-plati .background{
    position: absolute;
    inset: 0;
}
.container.putuj-plati h1{
    color: white;
      font-family: 'Roboto', sans-serif;
      font-weight: bold;
      margin-bottom: 3rem;
}
.container.putuj-plati p{
    width: 100%;
    max-width: 46.3rem;
    color: white;
           font-family: 'Roboto', sans-serif;
        font-size:24px ;
        line-height: 32px;
}
.container.putuj-plati span{
    font-family: 'Roboto', sans-serif;
    font-size:24px ;
    line-height: 32px;
    color: white;
    margin-top: 50px;
}
.putuj-plati .yellow-link{
    margin-top: 30px;
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  right: 170px;
  background-color: #081835;
  color: white;
  max-width: 493px;
  padding: 30px;
  display: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.cookie-banner p { 
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 14px;
 }
.cookie-banner a { 
    font-size: 14px;
    color: #EDAD00;
    display: block;
    text-decoration: underline;
    margin-bottom: 44px;
 }
.cookie-buttons { display: flex; gap: 10px; justify-content: space-between; }
.cookie-buttons button {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 16px 5px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.2s;
}
.cookie-buttons button:hover {
  background: #fff;
  color: #000;
}
.cookie-settings-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.cookie-settings-content {
  background: #000D30;
  color: #fff;
  padding: 30px;
  max-width: 624px;
  width: 100%;
  position: relative;
}
.cookie-settings-content h2 { 
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 24px;
}
.cookie-settings-content > p{
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 37px;
}
.close-modal {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
}
.copyright-container div a{
    font-size: 16px;
}
.cookie-category {
  border: 1px solid #fff;
  padding: 10px;
  margin-bottom: 10px;
}
.cookie-buttons-modal {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  justify-content: space-between;
}
.cookie-buttons-modal button {
  background: #EDAD00;
  color: #fff;
  border: none;
  padding: 16px 10px;
  border-radius: 2px;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
  max-width: 170px;
}
.cookie-buttons-modal button:hover { opacity: 0.9; }
.cookie-category-flex{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}
.cookie-accordion{
    max-height: 0;
    overflow: hidden;
}
.cookie-accordion > p{
    font-size: 14px;
    line-height: 18px;
    color: #a1a1a1;
    padding-top: 19px;
}
.cookie-category-flex div{
    display: flex;
    align-items: center;
    gap: 10px;
}
.cookie-category-flex div span{
    color: #20C839;
    font-size: 14px;
}
.cookie-accordion-button{
    cursor: pointer;
}
.cookie-accordion-button.active{
    transform: rotate(90deg);
}
.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 37px;
  height: 21px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: #3A476B;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #20C839;
}