:root {
      --page-bg: #05070d;
      --text-color: #ffffff;

      --frame-glow: rgba(0, 22, 74, 0.32);
      --frame-bg-top: #000106;
      --frame-bg-mid: #000209;
      --frame-bg-bottom: #000103;

      --shadow-outer: rgba(0, 0, 0, 0.40);
      --frame-border: rgba(255, 255, 255, 0.03);

      --light-1-rgb: 30, 98, 255;
      --light-1-a1: 0.34;
      --light-1-a2: 0.21;
      --light-1-a3: 0.09;

      --light-2-rgb: 24, 82, 255;
      --light-2-a1: 0.32;
      --light-2-a2: 0.19;
      --light-2-a3: 0.08;

      --light-3-rgb: 18, 70, 236;
      --light-3-a1: 0.34;
      --light-3-a2: 0.19;
      --light-3-a3: 0.08;

      --light-4-rgb: 10, 52, 188;
      --light-4-a1: 0.22;
      --light-4-a2: 0.13;
      --light-4-a3: 0.05;

      --vignette-mid: rgba(0, 0, 0, 0.12);
      --vignette-edge: rgba(0, 0, 0, 0.76);
      --vignette-top: rgba(0, 0, 0, 0.10);
      --vignette-bottom: rgba(0, 0, 0, 0.26);

      --label-bg: rgba(255, 255, 255, 0.17);
      --label-border: rgba(255, 255, 255, 0.08);
      --label-text: rgba(255, 255, 255, 0.78);
			
			--gold: #b08d57;
			--light-gold: #c9a060;
			--blue: #02102a;
			--light-blue: #4f88bd;
}

body {
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 1.35;
}

h1, h2, h3 {
  font-family: "Instrument Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

h1  {
	line-height: 1.1;
}

h2 {
    font-size: 40px;
    font-weight: 600;
    margin: 35px 0;
    line-height: 1.2;
    color: var(--blue);
}

h3 {
    font-size: 24px;
    font-weight: 600;
    color: #111;
}

h1.entry-title {
	font-size: 55px;
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
}

.g-container {
	width: 1400px;
	max-width: calc(100% - 60px);
	margin: 0 auto;
} 


/* Navigation */


.g-main-nav {
	text-align: right;
	margin-top: 10px;
}

.g-main-nav .g-toplevel > li {
    margin: 0 30px;
}

 .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    word-break: normal;
    line-height: normal;
    text-transform: uppercase;
    color: #030b1e;
    font-size: 19px;
}

 .g-main-nav .g-toplevel > li > .g-menu-item-container:hover > .g-menu-item-content {
	 color: #9d7b48;
 }
 
#g-navigation {
	position: relative;
	background: #fff;
	z-index: 30;
}

#g-navigation .name  {
    font-size: 25px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.5px;
}

#g-navigation .expertise {
	font-family: "Instrument Sans", sans-serif;
	font-size: 15px;
	color: var(--gold);
	
}

/* Home */

#landingScreen {
	background: var(--page-bg);
	color: #fff;
	position: relative;
}

#landingScreen h1 {
	font-size: 47px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

#landingScreen  .vc_column_container {
	position: initial;
}

#landingScreen  .wpb_text_column {
	position: relative;
	z-index: 2;
}

#landingScreen  .image {
	padding: 15px 25px 0 25px;
	background: var(--label-bg);
	border: 1px solid #b08d5785;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	border-radius: 35px;
}

#landingScreen pre {
    font-family: "Instrument Sans", sans-serif;
    font-size: 18px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--label-border);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 16px;
    display: inline-block;
    padding: 1rem 2rem;
    position: relative;
    top: 15px;
    margin: 5px 0;
}

#landingScreen  .image img {
	width: 425px;
}

#landingScreen  .txt {
	color: #afafaf;
	padding-right: 65px;
}

#landingScreen .vc_inner {
	font-size: 16px;
	color: #afafaf;
}

#landingScreen .vc_inner h4 {
	font-family: "Instrument Sans", sans-serif;
    font-size: 20px;
    color: var(--gold);
    font-weight: 500;
	margin: 0;
}

#landingScreen .vc_inner p {
	margin: 10px 0;
}

#landingScreen .vc_inner .vc_column-inner {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid var(--label-border);
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	border-radius: 16px;
	display: inline-block;
	padding: 10px 25px;
}

#landingScreen .vc_inner .vc_column-inner .wpb_content_element {
    margin-bottom: 0px;
}

#landingScreen .cta p {
	display: flex;
	justify-content: space-evenly;
}

#expertize {
	background: #f8fafc;
	padding: 65px 0;
}

#expertize h3 {
    font-size: 22px;
    margin: 0;
    line-height: 1.1;
}

.card {
	padding: 12.5px;
}

.card .vc_column-inner {
  border-radius: 1.5rem;  
  border: 1px solid rgb(226 232 240);  
  background-color: #ffffff;  
  padding: 2rem;  
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);  
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;  
}

.card .vc_column-inner:hover {
  transform: translateY(-0.25rem);  
  box-shadow:
    0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);  
}

.card  .wpb_text_column {
	margin: 0;
}

.card .number {
    font-size: 18px;
    font-weight: 700;
    color: var(--gold);
}

.card p {
	margin: 8px 0; 
}

pre {
    margin: 0 auto;
    background: var(--blue);
    border: 1px solid var(--gold);
    border-radius: 10px;
    line-height: 1.15;
    font-size: 20px;
    color: var(--light-gold);
    display: table;
    padding: 12px 65px;
}

.upIndex {
	position: relative;
	z-index: 2;
}

#oblasti-rada {
	padding: 65px 0;
	color: #afafaf;
}

#oblasti-rada .vc_column_container {
	position: initial;
}

#oblasti-rada h2 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 34px;
	font-weight: 700;
}

#oblasti-rada pre {
	margin: 0;
}

#oblasti-rada .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, 
#oblasti-rada .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    background-color: transparent;
    border: 0;
}

#oblasti-rada  .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a, #oblasti-rada  .vc_tta.vc_general .vc_tta-panel-title>a {
    color: #ffffff;
    font-size: 23px;
    font-weight: 500;
    font-family: "Instrument Sans", sans-serif;
}

#oblasti-rada  .vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after,
#oblasti-rada  .vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, 
#oblasti-rada  .vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon:after, 
#oblasti-rada  .vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon:before {
    border-color: var(--gold);
}

#oblasti-rada .vc_tta-panel-body .vc_column-inner {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--label-border);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 16px;
    padding: 10px 25px;
}

#oblasti-rada .vc_tta-panel  {
		border: 1px solid #b08d5785;
    padding: 25px;
    border-radius: 35px;
		margin-bottom: 35px;
}

#oblast-rada-hirurgija:before {
    content: 'HIRURGIJA';
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: var(--gold);
    padding: 0 20px;
}

#oblast-rada-interventne-procedure:before {
    content: 'Interventne procedure';
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: 700;
		text-transform: uppercase;
    color: var(--gold);
    padding: 0 20px;
}

#oblast-rada-onkologija:before {
    content: 'Onkologija';
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: 700;
		text-transform: uppercase;
    color: var(--gold);
    padding: 0 20px;
}

#biografija {
	background: #f8fafc;
	padding: 65px 0 30px 0;
	font-size: 19px;
}

#biografija h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.20em;
    color: var(--light-blue);
    text-transform: uppercase;
}

#biografija ul li {
	margin-bottom: 15px;
}

#biografija ul li strong {
	color: var(--blue);
}

#profesionalni-profil {
	margin-bottom: 50px;
}

.home #profesionalni-profil {
	margin-bottom: 0px;
}

#profesionalni-profil pre {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	color: var(--gold);
}

#profesionalni-profil h3 {
	font-size: 37px;
	color: var(--blue);
	letter-spacing: 1px;
}

#profesionalni-profil ul {
	list-style: none;
	margin: 0;
}

#edukacije {
	margin-top: 65px;
}

.small-card .vc_column-inner {
    border-radius: 1.5rem;
    background: rgb(216 220 226 / 11%);
    border: 1px solid #b08d5785;
    padding: 1.5rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
		font-size: 16px;
}

.small-card .wpb_content_element {
	margin: 0;
}

.small-info {
	padding: 0 65px;
}

#profesionalni-profil .image {
    padding: 15px 25px 0 25px;
    background: rgb(216 220 226 / 11%);
    border: 1px solid #b08d5785;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 35px;
}

.publications {
	font-size: 17px;
}

.vc_row.vc_column-gap-25 .publications .vc_column_container {
    padding: 0 12.5px;
} 

#kontakt {
	padding: 65px 0;
}


#kontakt .text .vc_column-inner {
    border-radius: 2rem;
		position: relative; 
		padding: 35px;
		color: #afafaf;
		overflow: hidden;
}

#kontakt .text pre {
    margin: 0;
    background: transparent;
}

#kontakt .text h2 {
	color: #fff;
}

#kontakt .text .preview-frame {
	width: 200%;
}

.konsultacije-form {
  width: 100%;
}

.konsultacije-form p {
	margin: 0;
}

.konsultacije-form .form-grid.two-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.konsultacije-form .form-field {
  margin: 0;
	line-height: 1;
}

.konsultacije-form .form-field-full {
  margin-top: 15px;
}

.konsultacije-form label {
  display: block;
  margin: 0.65rem 0 0;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4;
  color: #334155;
}

.konsultacije-form input[type="text"],
.konsultacije-form input[type="email"],
.konsultacije-form input[type="tel"],
.konsultacije-form select,
.konsultacije-form textarea {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #0f172a;
  border-radius: 1.25rem;
  padding: 1rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease,
    transform 0.3s ease;
}

.konsultacije-form textarea {
  min-height: 180px;
  resize: vertical;
  border-radius: 1.5rem;
}

.konsultacije-form select {
  padding-right: 3rem;
  background-image:
    linear-gradient(45deg, transparent 50%, #64748b 50%),
    linear-gradient(135deg, #64748b 50%, transparent 50%);
  background-position:
    calc(100% - 22px) calc(50% - 2px),
    calc(100% - 16px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.konsultacije-form input::placeholder,
.konsultacije-form textarea::placeholder {
  color: #94a3b8;
}

.konsultacije-form input:hover,
.konsultacije-form select:hover,
.konsultacije-form textarea:hover {
  border-color: rgba(176, 141, 87, 0.45);
}

.konsultacije-form input:focus,
.konsultacije-form select:focus,
.konsultacije-form textarea:focus {
  outline: none;
  border-color: rgba(176, 141, 87, 0.75);
  box-shadow:
    0 0 0 4px rgba(176, 141, 87, 0.14),
    0 12px 30px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

.konsultacije-form .wpcf7-form-control-wrap {
  display: block;
}

.konsultacije-form .form-submit {
  margin-top: 1.5rem;
}

.konsultacije-form input[type="submit"], .konsultacije-form button, .konsultacije-form .wpcf7-submit, .button {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 9999px;
    padding: 1rem 2rem;
    min-height: 58px;
    background: linear-gradient(135deg, #0f172a 0%, #111827 45%, #1f2937 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: transform 0.35s ease,
    box-shadow 0.35s ease,
    filter 0.35s ease;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
    display: inline-block;
    line-height: 1.8;
}

.konsultacije-form input[type="submit"]:hover,
.konsultacije-form button:hover,
.konsultacije-form .wpcf7-submit:hover, .button:hover {
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.22);
  filter: brightness(1.03);
}

.konsultacije-form input[type="submit"]:focus,
.konsultacije-form button:focus,
.konsultacije-form .wpcf7-submit:focus, .button:focus {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(176, 141, 87, 0.18),
    0 16px 40px rgba(15, 23, 42, 0.18);
}

.konsultacije-form .form-submit {
  position: relative;
}

.konsultacije-form .wpcf7-submit {
  position: relative;
}

.konsultacije-form .wpcf7-submit::before, .button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    transparent 15%,
    rgba(255,255,255,0.12) 35%,
    rgba(255,255,255,0.35) 50%,
    rgba(255,255,255,0.08) 65%,
    transparent 85%
  );
  transform: translateX(-140%);
  transition: transform 0.9s cubic-bezier(.2,.65,.2,1);
  pointer-events: none;
}

.konsultacije-form .wpcf7-submit:hover::before, .button:hover::before {
  transform: translateX(140%);
}

.konsultacije-form .wpcf7-not-valid-tip {
  margin-top: 0.55rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #b91c1c;
}

.konsultacije-form .wpcf7-response-output {
  margin: 1.25rem 0 0 !important;
  padding: 1rem 1.25rem !important;
  border-radius: 1.25rem;
  font-size: 0.95rem;
  line-height: 1.6;
}

.konsultacije-form .wpcf7 form.sent .wpcf7-response-output {
  border: 1px solid rgba(22, 163, 74, 0.3);
  background: rgba(22, 163, 74, 0.08);
  color: #166534;
}

.konsultacije-form .wpcf7 form.invalid .wpcf7-response-output,
.konsultacije-form .wpcf7 form.unaccepted .wpcf7-response-output,
.konsultacije-form .wpcf7 form.failed .wpcf7-response-output {
  border: 1px solid rgba(185, 28, 28, 0.25);
  background: rgba(185, 28, 28, 0.06);
  color: #991b1b;
}

.konsultacije-form .wpcf7-spinner {
  margin: 0 0 0 12px;
  vertical-align: middle;
}


@media (max-width: 767px) {
  .konsultacije-form .form-grid.two-cols {
    grid-template-columns: 1fr;
  }

  .konsultacije-form input[type="text"],
  .konsultacije-form input[type="email"],
  .konsultacije-form input[type="tel"],
  .konsultacije-form select,
  .konsultacije-form textarea {
    font-size: 16px; /* prevents iOS zoom */
  }

  .konsultacije-form input[type="submit"],
  .konsultacije-form button,
  .konsultacije-form .wpcf7-submit {
    width: 100%;
  }
}

.galun-contact-form-wrap .vc_column-inner {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 2rem;
  padding: 2rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

@media (min-width: 640px) {
  .galun-contact-form-wrap {
    padding: 2.5rem;
  }
}
/* Main */

#g-mainbar {
    padding: 0;
}

#g-mainbar .g-content {
    padding: 0;
	margin: 0;
}

.titleWrap {
	position: relative;
}

.titleBg {
	position: absolute;
    left: -50%;
    width: 200%;
    height: 100%;
}

.titleBg .light.one {
    left: 20%;
    top: 0%;
}

.titleBg .light.two {
    right: 14%;
    top: 0%;
}

.titleBg  .light.three {
    right: 30%;
    bottom: 0%;
}

.pageTitle {
	position: relative;
	z-index: 2;
	color: var(--gold);
	text-align: center;
	padding: 50px 0;
}

.titleWrap .preview-frame {
	box-shadow: none;
	height: 200%;
	top: -100%;
}

.top-fix {
	margin-top: 25px;
}

/* Misc */

.preview-frame {
  position: absolute;
  width:100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  background:
	radial-gradient(circle at 50% 50%, var(--frame-glow), transparent 36%),
	linear-gradient(180deg, var(--frame-bg-top) 0%, var(--frame-bg-mid) 48%, var(--frame-bg-bottom) 100%);
  box-shadow:
	0 30px 80px var(--shadow-outer),
	inset 0 0 0 1px var(--frame-border);
	z-index: 0;
	left: 0;
	top: 0;
}

.light {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  mix-blend-mode: screen;
  filter: blur(60px);
  opacity: 0.9;
  will-change: transform;
}

.light.one {
  width: 46vw;
  height: 46vw;
  min-width: 500px;
  min-height: 500px;
  max-width: 860px;
  max-height: 860px;
  left: -10%;
  top: -12%;
  background: radial-gradient(circle, rgba(var(--light-1-rgb), var(--light-1-a1)) 0%, rgba(var(--light-1-rgb), var(--light-1-a2)) 30%, rgba(var(--light-1-rgb), var(--light-1-a3)) 52%, transparent 72%);
  animation: floatOne 6s ease-in-out infinite alternate;
}

.light.two {
  width: 44vw;
  height: 44vw;
  min-width: 480px;
  min-height: 480px;
  max-width: 800px;
  max-height: 800px;
  right: -14%;
  top: 2%;
  background: radial-gradient(circle, rgba(var(--light-2-rgb), var(--light-2-a1)) 0%, rgba(var(--light-2-rgb), var(--light-2-a2)) 30%, rgba(var(--light-2-rgb), var(--light-2-a3)) 52%, transparent 72%);
  animation: floatTwo 6s ease-in-out infinite alternate;
}

.light.three {
  width: 46vw;
  height: 46vw;
  min-width: 500px;
  min-height: 500px;
  max-width: 860px;
  max-height: 860px;
  right: -2%;
  bottom: -20%;
  background: radial-gradient(circle, rgba(var(--light-3-rgb), var(--light-3-a1)) 0%, rgba(var(--light-3-rgb), var(--light-3-a2)) 30%, rgba(var(--light-3-rgb), var(--light-3-a3)) 52%, transparent 72%);
  animation: floatThree 6s ease-in-out infinite alternate;
}

.light.four {
  width: 34vw;
  height: 34vw;
  min-width: 360px;
  min-height: 360px;
  max-width: 600px;
  max-height: 600px;
  left: 14%;
  bottom: -14%;
  background: radial-gradient(circle, rgba(var(--light-4-rgb), var(--light-4-a1)) 0%, rgba(var(--light-4-rgb), var(--light-4-a2)) 30%, rgba(var(--light-4-rgb), var(--light-4-a3)) 54%, transparent 74%);
  animation: floatFour 6s ease-in-out infinite alternate;
}

.vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background:
	radial-gradient(circle at center, transparent 0%, var(--vignette-mid) 42%, var(--vignette-edge) 100%),
	linear-gradient(180deg, var(--vignette-top) 0%, var(--vignette-bottom) 100%);
}


@keyframes floatOne {
  0% {
	transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
	transform: translate3d(28%, 16%, 0) scale(1.16);
  }
  100% {
	transform: translate3d(14%, 28%, 0) scale(1.06);
  }
}

@keyframes floatTwo {
  0% {
	transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
	transform: translate3d(-38%, 22%, 0) scale(1.18);
  }
  100% {
	transform: translate3d(-22%, 36%, 0) scale(1.08);
  }
}

@keyframes floatThree {
  0% {
	transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
	transform: translate3d(-32%, -28%, 0) scale(1.18);
  }
  100% {
	transform: translate3d(-14%, -22%, 0) scale(1.08);
  }
}

@keyframes floatFour {
  0% {
	transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
	transform: translate3d(22%, -16%, 0) scale(1.12);
  }
  100% {
	transform: translate3d(10%, -24%, 0) scale(1.05);
  }
}

@media (max-width: 700px) {

  .preview-frame,
  .content {
	min-height: calc(100vh - 24px);
  }

  .light {
	filter: blur(44px);
  }

  .label {
	padding: 14px 16px;
  }
}

.text-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(135deg, rgb(203 255 245), rgb(74 131 187)) text;
}

.cta-sweep {
  position: relative;
  display: inline-block;
  background: transparent;
  color: #74abce; /* Gentle icy blue */
  padding: 16px 40px;
  border: 1px solid #4f88bd;
  border-radius: 30px;
  font-size: 19px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.cta-sweep::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #74abce;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 30px;
}

.cta-sweep:hover {
  color: #000000; /* Dark text on hover for contrast */
  border: 1px solid #000000;
}

.cta-sweep:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}

.cta-glass {
  position: relative;
  display: inline-block;
  background: rgba(255, 255, 255, 0.05); /* Very faint white fill */
  color: rgb(166 220 229);
  padding: 16px 40px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.5px;
  cursor: pointer;
  overflow: hidden;
  backdrop-filter: blur(10px);
  transition: border-color 0.8s ease, color 0.8s ease;
}

.cta-glass::before {
  content: '';
  position: absolute;
  top: 0; 
  left: -100%; 
  width: 50%; 
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15), transparent);
  transform: skewX(-20deg);
  transition: none;
}

.cta-glass:hover {
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

.cta-glass:hover::before {
  left: 150%;
  transition: left 1.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-center {
	align-items: center;
}

/* Footer */

#g-footer {
	    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
			font-size: 16px;
			color: rgb(71, 85, 105);
			padding: 15px 0;
			border-top: 1px solid rgb(226, 232, 240);
}

/* Sticky Menu */

#g-navigation.pre  {
	position: fixed;
	width: 100%;
	left: 0;
	top: -210px;
	background: #fff;
	opacity: 0;
    display: flex;
    align-items: center;
	background: #fff !important;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}


#g-navigation.pre.sticky {
	top: 0;
	opacity: 1;
	z-index: 500;
	transition: .45s cubic-bezier(.05,.21,.41,.95) !important;
}


.sticky  #g-page-surround {
    padding-top: 104px;
}


#g-footer .g-totop.uptown a {
    color: var(--blue);
    background: var(--gold);
    border-radius: 40px;
    line-height: 37px;
    position: fixed;
    right: 8px;
    bottom: 35px;
    display: block;
    font-size: 18px;
    width: 39px;
    height: 39px;
    text-align: center;
    z-index: 55;
}

.grecaptcha-badge { visibility: hidden; }

/* Responsive Fix */

@media (max-height: 850px) {
 
 
}

@media (max-height: 800px) {
	

	
}

@media (max-height: 750px) {

	
}

 
@media  (max-width: 1400px) {
	
	body {
    font-size: 19px;
	}
	
	h2 {
    font-size: 36px;
	}
	
	.g-main-nav .g-toplevel > li {
			margin: 0 20px;
	}
	
	#oblasti-rada h2 {
    font-size: 29px;
	}
	
	#oblasti-rada  .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
	#oblasti-rada  .vc_tta.vc_general .vc_tta-panel-title>a {
			font-size: 21px;
	}
	
	#biografija h4 {
    font-size: 16px;
	}



}
  
@media  (max-width: 1300px) {
	
	h2 {
    font-size: 34px;
	}
	
	.g-container {
    max-width: calc(100% - 40px);
	}
	
	.g-main-nav .g-toplevel > li {
			margin: 0 15px;
	}


}
 
@media (max-width: 1200px) {
	
	#g-navigation .name {
    font-size: 22px;
	}
	
	.g-main-nav .g-toplevel > li {
    margin: 0 12px;
	}
	
	.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: 17px;
	}
	
	#landingScreen h1 {
    font-size: 40px;
	}
	
	#landingScreen .vc_inner h4 {
    font-size: 16px;
	}
	
	#landingScreen .vc_inner {
    font-size: 15px;
	}
	
	#expertize h3 {
			font-size: 20px;
	}
	
	#profesionalni-profil h3 {
    font-size: 32px;
	}
	
	.edukacije .small-card .vc_column-inner {
    padding: 1rem;
    font-size: 14px;
	}


}

@media (max-width: 1100px) {

	body {
    font-size: 18px;
	}
	
	#g-navigation .name {
			font-size: 20px;
	}
	
	.g-main-nav .g-toplevel > li {
    margin: 0 7px;
	}
	
	.cta-sweep, .cta-glass {
    padding: 16px 30px;
	}

	#landingScreen .vc_inner h4 {
			font-size: 15px;
	}
}

@media (max-width: 1023px) {
	
	#g-navigation [class*="size-"] {
		flex-grow: 0;
		flex-basis: 100%;
		max-width: 100%;
    }
		
	.g-offcanvas-open .g-nav-overlay {
    background: #02102ac9;
	}	
	
	#landingScreen .vc_inner [class*="vc_col-sm"] {
    flex-basis: 50%;
		max-width: 50%;
	}
	
	#landingScreen  .image, #profesionalni-profil .image {
    display: table;
    margin: 0 auto;
	}
	
	#profesionalni-profil .image img {
		width: 500px;
	}
	
	#landingScreen {
    flex-direction: column-reverse;
    padding-top: 35px;
	}
	
	.stickyMobile .g-offcanvas-toggle {
			position: fixed;
	}
	
	.edukacije .small-card .vc_column-inner {
    padding: 1.5rem;
    font-size: 17px;
    line-height: 1.5;
	}

}


@media (max-width: 960px) {
	

	
}

@media (max-width: 767px) {
	
	h1.entry-title {
			font-size: 45px;
	}
	
	#expertize {
			padding: 30px 0;
	}
	
	#biografija {
    padding: 30px 0;
	}
	
}



@media (max-width: 600px) {
	
	h1.entry-title {
    font-size: 42px;
	}
	
	h2 {
			font-size: 32px;
	}
	
	#landingScreen .cta a {
		margin: 0 5px;
	}
	
	#landingScreen .vc_inner [class*="vc_col-sm"] {
			flex-basis: 100%;
			max-width: 100%;
	}

	
}


@media (max-width: 495px) {


 pre {
    white-space: unset;
		text-align: center;
	}

	#landingScreen h1 {
			font-size: 35px;
	}
	
	#landingScreen .cta p {
			flex-direction: column;
			gap: 25px;
	}
	
	#landingScreen .cta a {
    text-align: center;
	}

}


@media (max-width: 429px) {
	
	#landingScreen h1 {
			font-size: 32px;
	}


}

@media (max-width: 389px) {
	

	
}

@media (max-width: 376px) {
	


}