@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@media (min-width: 1280px) {
	.container {
	    width: 1240px;
	}
}
@media (min-width: 1360px) {
	.container {
	    width: 1340px; 

	}
}
@media (min-width: 1540px) {
  .container {
      width: 1360px;
  }
}
@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1360px;
    }
}
a {
	color: #021c3b;
}
a:hover {
	text-decoration: none;
	opacity: .8;
}

img {
	display: inline-block;
	max-width: 100%;
	margin: 0 auto;
  height: auto;
}
.clearfix {
  clear: both;
}
  :root{
    --cream:#eee8e1;
    --maroon:#630017;
    --maroon-dark:#5d0215;
    --terracotta:#b5652f;
    --gold:#c2955a;
    --text-dark:#2a2320;
    --text-muted:#222;
    --border:#e6ddd0;
    --maroon-900:#3b0f16;
    --maroon-800:#4a141c;
    --maroon-700:#5c1a22;
    --cream-50:#faf6f0;
    --cream-100:#f3ece1;
    --gold-400:#c9a15a;
  }
  body{
    font-family: "Jost", sans-serif;
    background:var(--cream);
    color:var(--text-dark);
    overflow-x: hidden;
    font-size: 17px;
  }
 h1, h2, h3, h4, h5 {
    /*font-family: "DM Serif Display", serif;*/
    font-family: "Source Serif 4", serif;
  }
  .sans{ font-family: "Jost", sans-serif;}
  a{text-decoration:none;}

  /* ---- Header ---- */
  .navbar{
    background:var(--cream);
    padding:18px 0;
  }

  .brand-mark{width:34px;height:34px;flex-shrink:0;}
  .brand-name{
    font-size:20px;
    letter-spacing:2px;
    color:var(--maroon);
    line-height:1;
  }
  .brand-sub{
     font-family: "Jost", sans-serif;
    font-size:8px;
    letter-spacing:2.5px;
    color:var(--terracotta);
  }
  .navbar-nav .nav-link{
    font-family: "Jost", sans-serif;
    font-size:16px;
    color:var(--text-dark);
    padding:0 22px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .navbar-brand img {
      height: 45px;
  }
  .btn-maroon{
    background:var(--maroon);
    color:#f4ece4;
    font-family: "Jost", sans-serif;
    font-size:13.5px;
    letter-spacing:.5px;
    padding:10px 20px;
    border:none;
    border-radius:0;
    border-radius: 5px;
  }
  .btn-maroon svg {
    margin-top: -3px;
  }
  .btn-maroon:hover{background:var(--maroon-dark);color:#fff;}
  .btn-gold{
    background:var(--gold);
    color:var(--maroon-dark);
     font-family: "Jost", sans-serif;
    font-size:15.5px;
    letter-spacing:.5px;
    padding:12px 22px;
    border:none;
    border-radius:0;
    font-weight:600;
  }
  .btn-gold:hover{background:#bb8f57;color:var(--maroon-dark);}
  .btn-outline-link{
    font-size:16px;
    font-weight:600;
    color:var(--text-dark);
  }
.navbar .dropdown-menu {
  background-color: #eee8e1;
  border-radius: 0 !important;
  
  border-color: #eee8e1;
  padding: 0 !important;
}
.navbar .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px !important;
    clear: both;
    font-weight: 400;
    color: #eee8e1 !important;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: #630017;
    border: 0;
}
  /* ---- Hero ---- */
  .hero{
    padding:50px 0 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover ;
    min-height: 70Vh;
  }
  .eyebrow{
     font-family: "Jost", sans-serif;
    letter-spacing:2.5px;
    color:var(--text-muted);
    font-weight:700;
    margin-bottom:20px;
  }
  .hero h1{
    font-size:82px;
    color:var(--maroon);
    font-weight: 600;
    line-height:1.15;
    margin-bottom:22px;
  }
  .hero .lead-text p{
     font-family: "Jost", sans-serif;
    font-size:19px;
    font-weight: 500;
    color:var(--text-muted);
    line-height:1.7;
    max-width:420px;
  }
  .hero-photo{
    position:relative;
    background:linear-gradient(135deg,#6b2027,#4a1518);
    border-radius:4px;
    overflow:hidden;
    min-height:380px;
  }
  .hero-photo img{
    width:100%;height:100%;object-fit:cover;
    opacity:.9;
  }
  .hero-diamond{
    position:absolute;
    top:35%;left:50%;
    transform:translate(-50%,-50%);
    width:170px;height:170px;
    opacity:.85;
  }

  /* ---- Three tiers ---- */
  .tiers-section{
    /*background:var(--maroon);*/
    margin-top: -40px;
    z-index: 9;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover ;
    color:#f4ece4;
    padding:100px 0 60px;
  }
  h2 {
    font-size: 55px;
  }
  .tiers-section h2{
    font-weight:400;
    text-align:center;
    margin-bottom:16px;
  }
  .tiers-section .sub{
     font-family: "Jost", sans-serif;
    text-align:center;

    color:#e0c9bd;

    margin:0 auto 44px;
    line-height:1.7;
  }
  .tier-card{
    background:var(--cream);
    color:var(--text-dark);
    padding:36px 30px;
    height:100%;
    text-align:center;
    border-radius: 10px;
  }
  .tier-icon{
    width:80px;
    border-radius:50%;
    display:flex;align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    color:#fff;
    background-color: transparent;
  }
  .tier-card h3{
    font-size:33px;
    letter-spacing:1px;
    margin-bottom:6px;
    font-weight: 500;
    color:var(--maroon);
  }
  .tier-card .role{
     font-family: "Jost", sans-serif;
     font-weight: 600;
    color:var(--text-muted);
    margin-bottom:20px;
    font-size: 19px;
  }
  .tier-card ul{
    list-style:none;
    padding:0;
    text-align:left;
     font-family: "Jost", sans-serif;

    margin-bottom:22px;
  }
  .tier-card ul li{
    margin-bottom:12px;
    display:flex;
    gap:8px;
    color:var(--text-dark);
  }
  .tier-card ul li::before{
    content:'✓';
    color:var(--terracotta);
    font-weight:700;
    flex-shrink:0;
  }
  .tier-card .more{
     font-family: "Jost", sans-serif;

    font-weight:700;
    color:var(--maroon);
  }

  /* ---- Process steps ---- */
  .process-section{padding:80px 0;}
  .process-section h2{
    color:var(--maroon);
    font-weight:400;
    text-align:center;
    margin-bottom:14px;
  }
  .process-section .sub{
     font-family: "Jost", sans-serif;
    text-align:center;
    color:var(--text-muted);

    margin-bottom:56px;
  }
  #proces-linija-sredina {
    position: relative;
  }
  #proces-linija-sredina .linija-sredina {
    position: absolute;
    top: 42px;
    height: 3px;
    width: 84%;
    left: 8%;
    background-color: var(--gold);
    z-index: -1;
  }
  .step-col{text-align:center;position:relative;}
  .step-circle-outer{
    width:84px;
    border-radius:50%;
    border:1px solid var(--border);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 14px;
    background-color: var(--cream);

    position:relative;
    color:var(--maroon);
  }
  .step-number{
    position:absolute;
    top:-6px;right:-6px;
    width:22px;height:22px;
    border-radius:50%;
    background:var(--maroon);
    color:#fff;
    font-size:11px;
    display:flex;align-items:center;justify-content:center;
     font-family: "Jost", sans-serif;
  }
  .step-col h4{
     font-family: "Jost", sans-serif;
    font-size:13px;
    letter-spacing:.5px;
    font-weight:700;
    margin-bottom:8px;
  }
  .step-col p{
     font-family: "Jost", sans-serif;
    font-size:15.5px;
    color:var(--text-muted);
    line-height:1.5;
  }

  /* ---- Testimonial / founder ---- */
  .founder-section{
    /*background:#fff;*/
    padding-bottom: 40px;
  }
  .founder-photo{
    min-height:100%;
    background:linear-gradient(160deg,#e8ddd0,#d8c9b6);
  }
  .founder-photo img{width:100%;height:100%;object-fit:cover;min-height:480px;}
  .founder-copy{
    padding:60px 50px;
  }
  .founder-copy h2{
    color:var(--maroon);
    font-weight:400;
    line-height:1.2;
    margin-bottom:22px;
    max-width: 60%;
  }
  .founder-copy p{
     font-family: "Jost", sans-serif;
    color:var(--text-dark);
    line-height:1.8;
    margin-bottom:16px;
    max-width: 90%;
  }
  .signature{
    font-style:italic;
    color:var(--maroon);
    font-size:22px;
    margin-top:20px;
  }
  .founder-role{
     font-family: "Jost", sans-serif;
    color:var(--text-muted);
    letter-spacing:.5px;
  }
  .quote-block{
    background:var(--cream);
    padding:60px 40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
    position: relative;
  }
  .quote-block-ab {
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 0;
    width: 2px;
    background-color: var(--gold);
  }
  .quote-mark{
    font-size:58px;
    color:var(--gold);
    line-height:1;
  }
  .quote-block p{
    font-style:italic;
    color:var(--text-dark);
    font-size:23px;
    line-height:1.7;
    max-width: 90%;
  }

  /* ---- Guides ---- */
  .guides-section{padding:80px 0;}
  .guides-section h2{
    color:var(--maroon);
    font-weight:400;
    text-align:center;
    margin-bottom:12px;
  }
  .guides-section .sub{
     font-family: "Jost", sans-serif;
    text-align:center;
    color:var(--text-muted);
    font-size:14.5px;
    margin-bottom:50px;
  }
  .guide-card img{
    width:100%;
    height:170px;
    object-fit:cover;
  }
  .guide-card .body{
    background:#fff;
    padding:20px 22px 24px;
    border:1px solid var(--border);
    border-top:none;
  }
  .guide-card h5{
    font-size:16px;
    margin-bottom:8px;
    color:var(--text-dark);
  }
  .guide-card p{
     font-family: "Jost", sans-serif;
    font-size:13px;
    color:var(--text-muted);
    line-height:1.5;
    margin-bottom:16px;
  }
  .guide-card .read-more{
     font-family: "Jost", sans-serif;
    font-size:15.5px;
    font-weight:700;
    color:var(--maroon);
  }

  /* ---- CTA banner ---- */
  .cta-banner{
    background:var(--maroon);
    color:#f4ece4;
    padding:56px 0;
  }
  .cta-banner h2{
    font-size:30px;
    font-weight:400;
    margin-bottom:12px;
  }
  .cta-banner p{
     font-family: "Jost", sans-serif;
    font-size:14.5px;
    color:#e0c9bd;
  }

  /* ---- Footer ---- */
  .site-footer{
   /* background:linear-gradient(180deg, var(--maroon-900) 0%, var(--maroon-800) 100%);*/
   background-color: #4e0d14;
    color:var(--text-cream);
    padding:3.25rem 0 0;
    color: #fff;
  }
  .footer-logo-mark{
    width:38px;
    height:38px;
    position:relative;
    margin-right:.75rem;
    flex-shrink:0;
  }
  .footer-logo-mark svg{ width:100%; height:100%; }
  .footer-brand{
    display:flex;
    align-items:center;
  }
  .footer-brand-text img {
    height: 42px;
    width: auto;
  }
  .footer-col-divider {
    position: relative;
  }

  .footer-tagline{
    color:var(--text-muted-cream);
    font-size:.92rem;
    margin-top:1.1rem;
    margin-bottom:1.5rem;
  }
  .social-icons{
    display:flex;
    gap:.7rem;
  }
  .social-icons a{
    width:38px;
    height:38px;
    border-radius:8px;
    background:rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    transition:background .15s ease;
  }
  .social-icons a:hover{
    background:rgba(255,255,255,.18);
    color:#ffffff;
  }
  .social-icons svg{ width:18px; height:18px; }

  .footer-col-divider{
    border-left:1px solid rgba(255,255,255,.15);
    padding-left:2.5rem;
  }

  .footer-nav{
    list-style:none;
    padding:0;
    margin:0;
  }
  .footer-nav li{ margin-bottom:.85rem; }
  .footer-nav li:last-child{ margin-bottom:0; }
  .footer-nav a{
    color:var(--text-cream);
    text-decoration:none;
    font-size:.95rem;
  }
  .footer-nav a:hover{ color:#ffffff; }

  .footer-contact-item{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:1rem;
    font-size:.95rem;
    color:var(--text-cream);
  }
  .footer-contact-item:last-child{ margin-bottom:0; }
  .footer-contact-item svg{
    width:18px;
    height:18px;
    flex-shrink:0;
    color:var(--text-cream);
  }
  .footer-contact-item a{
    color:var(--text-cream);
    text-decoration:none;
  }
  .footer-contact-item a:hover{ color:#ffffff; }
  .footer-col-divider .footer-quote {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc( 100% - 60px );
    left: 30px;
  }
  .footer-quote{
    font-style:italic;
    font-size:21px;
    line-height:1.5;
    color:#ffffff;
    margin:0;
  }

  .footer-divider{
    border-top:1px solid rgba(255,255,255,.15);
    margin-top:2.75rem;
  }
  .footer-bottom{
    padding:1.5rem 0;
    font-size:.85rem;
    color:var(--text-muted-cream);
  }
  .footer-bottom a{
    color:var(--text-muted-cream);
    text-decoration:none;
  }
  .footer-bottom a:hover{ color:#ffffff; }
  .footer-bottom-links a + a{ margin-left:1.5rem; }
  .footer-bottom-sep{ color:rgba(255,255,255,.25); margin:0 .4rem; }

  @media (max-width: 991.98px){
    .footer-col-divider{
      border-left:none;
      padding-left:0;
      margin-top:2rem;
      padding-top:2rem;
      border-top:1px solid rgba(255,255,255,.15);
    }
  }

  @media (max-width: 991px){
    .hero h1{font-size:38px;}
    .founder-copy{padding:40px 24px;}
  }
 /* ===== Testimonials section ===== */
  .testimonials-section{
  /*  background:linear-gradient(180deg, var(--maroon-900) 0%, var(--maroon-800) 100%) !important;*/
  background-color: #630017 ;
    padding:60px 0 45px;
    color:var(--text-cream);

  }
  .testimonials-section .eyebrow{ color:var(--gold-400); }
  .testimonials-section h2{
    color:#ffffff;
  }
  .testimonials-section .lead-sub{
    color:#d8bdb9;
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
  }
  .testimonial-card{
    text-align:center;
    padding:0 1.25rem;
  }
  .testimonial-avatar{
    width:150px !important;
    height:150px;
    object-fit:cover;
    border-radius:50%;
    border:3px solid rgba(255,255,255,.15);
    margin-bottom:1.5rem;
  }
  .testimonial-quote{
    line-height:1.65;
    color:#f1e2de;
    min-height:110px;
    width: 80%;
    margin-left: 10%;
  }
  .testimonial-name{
    font-weight:700;
    color:#ffffff;
    margin-top:1rem;
    margin-bottom:.15rem;
  }
  .testimonial-role{
    font-size:.72rem;
    letter-spacing:.08em;
    color:#c9a19c;
    line-height:1.5;
  }
/*  .carousel-dots{
    display:flex;
    justify-content:center;
    gap:.4rem;
    margin-top:2.5rem;
  }*/
/*  .carousel-dots span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(255,255,255,.3);
    display:inline-block;
  }
  .carousel-dots span.active{ background:#ffffff; }
.owl-dots button span {
  background: #fff;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
  background-color: #fff !important;
  background: #fff !important;
  color: green !important;
  height: 7px;
  width: 7px;
}*/
.owl-dots {
  text-align: center;
  padding-top: 15px;
  margin-top: 25px;
}

.owl-dots .owl-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff !important;
  margin: 0 6px;
  display: inline-block;
  transition: background 0.3s ease;
}
  /* ===== FAQ section ===== */
  .faq-section{
    padding:5rem 0;
    background:var(--cream-50);
  }
  .faq-section .eyebrow{ color:#c2955a; }
  .faq-section h2{

    color:#241417;
  }
  .faq-section .lead-sub{
    color:#6b5c58;
    max-width:520px;
  }
  .faq-help-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    background:var(--cream-100);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:1.25rem;
  }
  .faq-help-icon svg{ width:24px; height:24px; color:var(--maroon-700); }
  .faq-help-title{
    font-size:1.6rem;
    font-weight:600;
  }
  .faq-help-text{
    color:#6b5c58;
    line-height:1.6;
  }
  .btn-contact{
    background:var(--maroon);
    color:#fff;
    border:none;
    padding:.65rem 1.4rem;
    border-radius:8px;

    font-weight:600;
  }
  .btn-contact:hover{ background:var(--maroon-800); color:#fff; }

  .accordion-item{
    border:none;
    border-bottom:1px solid #e7ddd4;
    background:transparent;
     border-radius:10px;
   
    margin-bottom:.5rem;
  }
  .accordion-header h2 {
     padding:0 1.25rem;
     display: block;

  }
  .accordion-item:first-of-type,
  .accordion-item:last-of-type{ border-radius:0; }
  .accordion-button{
    background:transparent;
    font-weight:600;
    color:var(--maroon-900);
    padding:1.15rem 15px;
    box-shadow:none !important;
  }
  .accordion-button:not(.collapsed){

     background:var(--maroon); color:#fff;
  }
  .accordion-button::after{
    background-image:none;
    content:"+";
    font-size:1.4rem;
    font-weight:400;
    color:var(--maroon-700);
    width:auto;
    height:auto;
    line-height:1;
  }
  .accordion-button:not(.collapsed)::after{
    content:"–";
    color: #fff;
  }
  .accordion-body{
    padding: 15px;
    color:#5c4e4b;
    font-size:.92rem;
    line-height:1.7;
  }
/*  .accordion-item.open-item{
    background: #630017; 
   
    border-bottom:none;
  }
  .accordion-item.open-item .accordion-button{
    color:#ffffff;
  }
  .accordion-item.open-item .accordion-button::after{
    color:#ffffff;
  }
  .accordion-item.open-item .accordion-body{
    color:#e7d9d4;
  }*/