body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: TevaSans,sans-serif !important;
}

.container-1440 {
  max-width: 1440px;
  width: calc(100% - 60px);
  margin: 0 auto;
}
.home-banner.slider-image {
  min-height: 550px !important;
}
.flex {
  display: flex;
}
.align-items-center {
  align-items: center;
}
.align-flex-start {
  align-items: flex-start;
}
.justify-space-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.bg-primary-purple {
  background: #774fc4 !important;
}
.bg-primary-red {
  background: #b91d2b;
}
.bg-light-grey {
  background: #eee;
}
.bg-lighter-grey {
  background: #f0f0f0;
}
.small-text {
  font-size: var(--font-size-sm, 0.875rem);
  line-height: var(--sm-line-height, 1.714285714);
}
.white-text {
  color: #fff !important;
}
.white-text {
  color: #f0f0f0;
}
.purple-text, .purple-text a {
  color: #774fc4 !important;
}
.red-text {
  color: #ec2639 !important;
}
#top-banner {
  height: 50px;
}
.search-btn::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg' class='vi-icon' fill='%23fff'%3E%3Cpath d='M12.802 11.887L9.88 8.961c.356-.447.64-.97.853-1.57.213-.599.32-1.224.32-1.874 0-.762-.148-1.478-.442-2.149a5.414 5.414 0 00-1.18-1.753A5.777 5.777 0 007.672.427 5.433 5.433 0 005.526 0c-.761 0-1.477.142-2.147.427-.67.294-1.255.69-1.758 1.188a5.414 5.414 0 00-1.18 1.753A5.288 5.288 0 000 5.517c0 .772.147 1.494.441 2.164.285.67.678 1.255 1.18 1.753a5.777 5.777 0 001.758 1.189c.67.284 1.386.426 2.147.426a5.28 5.28 0 001.842-.32 6.526 6.526 0 001.598-.853l2.923 2.926a.683.683 0 00.457.198.683.683 0 00.456-.198.628.628 0 000-.915zM1.368 5.467c0-.563.104-1.095.312-1.598.217-.494.51-.928.881-1.302a3.916 3.916 0 011.312-.873 3.936 3.936 0 011.6-.326c.574 0 1.107.109 1.601.326.504.207.941.498 1.312.873.37.374.664.808.882 1.302.207.503.311 1.035.311 1.597 0 .572-.104 1.105-.311 1.598a4.139 4.139 0 01-2.193 2.197 4.015 4.015 0 01-1.601.318 3.936 3.936 0 01-1.6-.326 4.17 4.17 0 01-1.313-.88 4.161 4.161 0 01-.881-1.309 4.077 4.077 0 01-.312-1.598z' fill='%23fff' fill-rule='evenodd' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.search-btn.close-search::after {
  width: 1.25rem;
  height: 1.25rem;;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' class='vi-icon' fill='%23FFF'%3E%3Cpath d='M10.5 2.5l-.7-.7-4.2 4.1-4.1-4.1-.7.7 4.1 4.1-4.1 4.2.7.7 4.1-4.2 4.2 4.2.7-.7-4.2-4.2z' fill='%23FFF' /%3E%3C/svg%3E");
}
#top-banner .search-btn {
  height: 100%;
}
.search-btn {
  padding: 20px;
  cursor: pointer;
  border: none;
}
.search-btn p {
  margin-right: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
}
#search {
  width: 100%;
  padding: .9375rem 1.25rem;
  margin-top: -82px;
  transition: 0.5s ease-in-out;
}
#search.show {
  margin-top: 0px;
  transition: 0.5s ease-in-out;
}
.search-cont {
  max-width: 1024px;
  width: calc(100% - 60px);
}
.search-input {
  height: 100%;
  border-bottom: 1px solid #fff;
  width: 100%;
}
.search-input input {
  background: none;
  border: none;
  color: #fff;
  opacity: 1;
  font-size: 1.5rem;
  line-height: 2.25rem;
  height: 48px;
  outline: none;
  width: 100%;
}
.search-input::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg' class='vi-icon' fill='%23fff'%3E%3Cpath d='M12.802 11.887L9.88 8.961c.356-.447.64-.97.853-1.57.213-.599.32-1.224.32-1.874 0-.762-.148-1.478-.442-2.149a5.414 5.414 0 00-1.18-1.753A5.777 5.777 0 007.672.427 5.433 5.433 0 005.526 0c-.761 0-1.477.142-2.147.427-.67.294-1.255.69-1.758 1.188a5.414 5.414 0 00-1.18 1.753A5.288 5.288 0 000 5.517c0 .772.147 1.494.441 2.164.285.67.678 1.255 1.18 1.753a5.777 5.777 0 001.758 1.189c.67.284 1.386.426 2.147.426a5.28 5.28 0 001.842-.32 6.526 6.526 0 001.598-.853l2.923 2.926a.683.683 0 00.457.198.683.683 0 00.456-.198.628.628 0 000-.915zM1.368 5.467c0-.563.104-1.095.312-1.598.217-.494.51-.928.881-1.302a3.916 3.916 0 011.312-.873 3.936 3.936 0 011.6-.326c.574 0 1.107.109 1.601.326.504.207.941.498 1.312.873.37.374.664.808.882 1.302.207.503.311 1.035.311 1.597 0 .572-.104 1.105-.311 1.598a4.139 4.139 0 01-2.193 2.197 4.015 4.015 0 01-1.601.318 3.936 3.936 0 01-1.6-.326 4.17 4.17 0 01-1.313-.88 4.161 4.161 0 01-.881-1.309 4.077 4.077 0 01-.312-1.598z' fill='%23fff' fill-rule='evenodd' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px 18px;
}
.close-btn {
  width: 50px;
  height: 50px;
  position: relative;
  margin-left: 17.5px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-btn:after {
  content: "";
  width: 18px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' class='vi-icon' fill='%23FFF'%3E%3Cpath d='M10.5 2.5l-.7-.7-4.2 4.1-4.1-4.1-.7.7 4.1 4.1-4.1 4.2.7.7 4.1-4.2 4.2 4.2.7-.7-4.2-4.2z' fill='%23FFF' /%3E%3C/svg%3E");
  display: block;
}
.close-btn:before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% + .9375rem + .9375rem);
  margin-top: 0;
  position: absolute;
  background: #fff;
  left: 0;
}
.header-logo img.logo {
  width: 200px;
}
.nav-link {
  font-size: 1rem;
  font-weight: 400 !important;
  line-height: 1.625;
  color: #774fc4 !important;
}
.nav-link:hover {
  color: #ec2639 !important;
}
.m30 {
  margin: 30px;
}
.mb0 {
  margin-bottom: 0;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mr20 {
  margin-right: 20px;
}
.mr40 {
  margin-right: 40px;
}
.mlr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.home-banner-hero-title.new-heading {
  font-size: 3rem !important;
}
h1.new-heading, h2.new-heading, h3.new-heading, h4.new-heading, .h1.new-heading, .h2.new-heading {
  font-family: TevaSans,sans-serif;
}
.h1.new-heading, h1.new-heading {
  font-size: 2.5rem;
}
h2.new-heading {
  font-size: 1.5625rem;
}
h3.new-heading {
  font-size: 1.3rem;
}
.fw-700 {
  font-weight: 700 !important;
}
.new-text {
  font-size: 1rem;
  font-family: TevaSans;
}
.question-mark-icon {
  height: 120px;
}
.w100px {
  width: 100px;
}
.w100px.mr40 + div {
  width: calc(100% - 140px);
}
.w20 {
  width: 20%;
}
.w50 {
  width: 50%;
}
.w80 {
  width: 80%;
}
.w100 {
  width: 100%;
}
.pad-cont {
  padding: 3.125rem !important;
}
.p30 {
  padding: 30px;
}
.circle-img {
  display: flex;
  flex-direction: column;
}
.circle-img img {
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  width: 65%;
  z-index: 9999;
  position: relative;
  margin: 0 auto;
}
.circle-img::after {
  content: "";
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #c0b0e2;
  display: block;
  z-index: 5;
  position: relative;
  margin-top: -20%;
  margin-left: 10%;
}
.circle-img.right-circle::after {
  content: none;
}
.circle-img.right-circle::before {
  content: "";
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #c0b0e2;
  display: block;
  z-index: 5;
  position: relative;
  margin-bottom: -20%;
  margin-left: auto;
  margin-right: 10%;
}
.bg-btn {
  padding: 10px 20px;
  border-radius: 30px;
}
.bg-btn, .bg-btn:hover {
  text-decoration: none;
  cursor: pointer;
}
.bg-light-purple {
  background: #c0b0e2;
}
.bg-lighter-purple {
  background: #ebe5f6;
}
.bg-btn.bg-light-purple {
    background: rgba( 119, 79, 196, 0.75);
}
.bg-btn::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  background-image: url(/img/arrow-long-white.svg);
  background-repeat: no-repeat;
  background-position-x: -10px;
  background-size: 24px 14px;
  margin-left: 10px;
  background-position-x: right;
  background-size: 32px 14px;
  transition: 0.25s ease-in-out;
}
.bg-btn.bg-lighter-purple::after, .bg-btn.bg-white::after  {
background-image: url(/img/arrow-long-purple.svg);
}
.bg-btn:hover:after, .blog-link:hover .arrow-more::after {
  width: 32px;
  transition: 0.25s ease-in-out;
}
.swiper {
    width: 100%;
    height: auto;
    display: flex;
    padding-bottom: 50px; /* da se vide točkice paginationa */
}
.swiper-container {
    display: flex;
    align-items: stretch;
}
#blog-slider .swiper-slide {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}
.h100 {
  height: 100%;
}
#blog-slider .new-heading {
  height: 90px;
  overflow: hidden;
}
.excerpt { 
  display: -webkit-box; 
  -webkit-line-clamp: 3; 
  line-clamp: 3; 
  -webkit-box-orient: vertical; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  word-break: break-word;
} 
.card-type {
  display: flex;
  justify-content: flex-start;
  text-transform: uppercase;
  font-size: 0.625rem;
  border-bottom: 0.5px solid #fff;
  padding-bottom: 2px;
}
.card-type span {
  border-bottom: 0.5px solid #fff;
}
.blog-link:hover {
  color: #fff !important;
  text-decoration: none;
}
.slide-img {
  overflow: hidden;
  height: 200px;
}
.slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.blog-link:hover .slide-img img {
    transform: scale(1.1);
}
.arrow-more::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  background-image: url(/img/arrow-long-white.svg);
  background-repeat: no-repeat;
  background-position-x: -10px;
  background-size: 24px 14px;
  background-position-x: right;
  background-size: 32px 14px;
  transition: 0.25s ease-in-out;
}
.swiper-bottom {
  width: 100%;
  display: flex;
  margin-top: 20px;
}
.swiper-btns {
  display: flex;
}
.swiper-btns .swiper-next, .swiper-btns .swiper-prev {
  position: initial;
  color: #fff;
  background: #ec2639;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.swiper-btns .swiper-next:after, .swiper-btns .swiper-prev:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  background-image: url(/img/arrow-long-white.svg);
  background-repeat: no-repeat;
  background-position-x: -10px;
  background-size: 24px 14px;
  background-position-x: right;
  background-size: 32px 14px;
  transition: 0.25s ease-in-out;
}
.swiper-btns .swiper-prev:after {
  transform: rotate(180deg);
}
.swiper-prev {
  margin-right: 10px;
}
.new-page .hero-background {
  min-height: 550px;
  position: relative;
}

.new-page .hero-background:before {
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Gradijent: ide od prozirne (gore) prema crnoj s 70% vidljivosti (dolje) */
    background: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    pointer-events: none; /* Omogućuje da klikovi prolaze kroz gradijent do slike/linka */
    z-index: 1;
}
.hero-background h1 {
  position: relative;
  z-index: 999;
  text-shadow: 0 0 14px rgba(0,0,0,.5);
  font-size: 3.125rem;
  display: flex;
  align-items: flex-start;
  padding-left: 85px;
  max-width: 750px;
}
.hero-background h1:before {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin-top: 30px;
  background-color: #fff;
  position: absolute;
  left: 0;
}
.blog-title {
  position: relative;
  display: flex;
  align-items: flex-start;
  font-size: 3.125rem;
  margin: 30px 0;
}
.blog-title:before {
  content: "";
  display: block;
  width: 75px;
  height: 2px;
  margin-top: 25px;
  background-color: #774fc4;
  position: absolute;
  left: -85px;
}
.new-page #custom-product-menu .nav-link {
  font-family: "TevaSans" !important;
  line-height: normal;
  padding: 10px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-page #custom-product-menu {
  border-top: 0;
}
.new-page #custom-product-menu .navbar-nav.btn-purple > .active > a {
  color: #fff !important;
  background-color: #774fc4;
}
.new-page #custom-product-menu ul li {
  border-top: none;
}
.footer-nav-wrapper.bg-primary-purple, .footer-nav-wrapper.bg-primary-purple .nav-link {
  color: #fff !important;
}
#footer-menu li {
  border: none !important;
}
.footer-logo {
  width: 150px;
}
.social-icon-white {
  fill: #fff;
}
.icon-w80 {
  width: 50px;
}
.relative {
  position: relative;
}
.history-parent::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  border: 1px dotted #c0b0e2;
}
.center-history {
  width: 160px;
  height: 160px;
  background: #774fc4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.history-col {
  width: calc(50% - 160px);
}
.grey-img-col {
  border-radius: 50%;
  background-color: #F8F8F8;
  overflow: hidden;
}
.grey-img-col img {
  mix-blend-mode: multiply;
}
.plus {
  background-color: #ec2639;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.pad0 {
  padding: 0;
}
.pad20 {
  padding: 20px;
}
.question-cont {
  border-top: 1px solid #ec2639;
}
.question p {
  margin-bottom: 0;
  font-size: 18px;
  width: calc(100% - 35px);
  text-align: left;
}
.question {
  cursor: pointer;
  border: none;
  background: transparent;
}
.question span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.question span::before {
  content: "";
  width: 15px;
  height: 1px;
  background: #fff;
  position: absolute;
}
.question span::after {
  content: "";
  height: 15px;
  width: 1px;
  background: #fff;
  position: absolute;
  transition: 0.2s ease-in-out;
}
.answer {
  height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
.answer p {
  border-top: 1px solid #e8e8e8;
  padding-top: 20px;
  margin-top: 20px;
}
.show .answer {
  transition: 0.5s ease-in-out;
}
.show .question span::after {
  height: 0;
  transition: 0.2s ease-in-out;
}
#blog-cont {
  margin-left: -15px;
  margin-right: -15px;
}
#blog-cont .article {
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  width: calc((100% / 3) - (60px / 2));
}
#blog-cont .article a {
  display: block;
  height: 100%;
}
.align-stretch {
  align-items: stretch;
}
.mt30 {
  margin-top: 30px;
}
header li {
  margin-bottom: 0;
}
.blog-text {
  margin-bottom: 30px;
  max-width: 675px;
  width: 100%;
}
.blog-text p, .blog-text li {
  color: #774fc4;
  font-size: 1rem;
}
.asw-menu-header {
  background-color: #774fc4 !important;
}
a, input, button {
  outline: none !important;
}
#search-results-list {
  width: 100%;
  position: relative;
  background: #efefef;

  display: none;
}
#search-results-list > div {
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.result-item a {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  color: #774fc4;
}
.result-item a span {
  display: -webkit-box; 
  -webkit-line-clamp: 2; 
  line-clamp: 2; 
  -webkit-box-orient: vertical; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  word-break: break-word;
}
.result-item a:hover span {
  color: #774fc4;
  text-decoration: none;
}
.result-item a:hover strong {
  color: #ec2639;
}
.mobile-search-close {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header-logo img.logo {
    width: 100px;
  }
  .mobile-flex-column {
    flex-direction: column;
  }
   .mobile-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .mobile-w100 {
    width: 100%;
  }
  .mobile-mr0 {
    margin-right: 0;
  }
  .mobile-mb0 {
    margin-bottom: 0;
  }
  .mobile-mb20 {
    margin-bottom: 20px;
  }
  .mobile-mt0 {
    margin-top: 0;
  }

  .swiper-bottom {
    margin: 20px 30px 0px;
  }
  .mobile-pad-cont-bottom {
    padding: 0 0 30px 0 !important;
  }
    .mobile-pad-cont-top {
    padding: 30px 0 0 0 !important;
  }
  .footer-logo {
    margin-left: 15px;
  }
  .search-cont {
    width: 100%;
  }
  .search-btn {
    margin-right: -30px;
  }
  .title-band {
    padding: 0 !important;
    display: flex;
    justify-content: flex-end;
  }
  .title-band button {
    margin-right: 30px;
  }
  .responsive-dropdown-menu-toggle {
    z-index: 999999 !important;
  }
  .wrapper {
    padding: 0 !important; 
  }
  #blog-cont {
    margin-left: 0;
    margin-right: 0;
  }
  #blog-cont .article {
    width: calc(100% - 30px);
  }
  .new-blog #page-wrapper .row {
    margin-left: 30px;
    margin-right: 30px;
  }
  .mobile-search-close {
    border: none;
    margin-left: auto;
    background: red;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .mobile-search-close::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' class='vi-icon' fill='%23FFF'%3E%3Cpath d='M10.5 2.5l-.7-.7-4.2 4.1-4.1-4.1-.7.7 4.1 4.1-4.1 4.2.7.7 4.1-4.2 4.2 4.2.7-.7-4.2-4.2z' fill='%23FFF' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media (min-width: 1200px) {
  .new-page .container {
    max-width: 1024px;
  }
}