.site-container-1500.d-flex, .site-container.d-flex {
  flex-wrap: wrap;          /* naj se .col-* zavijejo */
  align-items: center;      /* vertikalno centriranje */
}

.sec-f-text p {
	margin-left: auto !important;
	margin-right: auto !important;
}

.subtitle p {
font-size: 24px !Important;
color: white;
border-left: 1px solid white;
padding-left: 25px;
margin-left: -25px;
	}
	
	.title-cap {
    font-size: 36px !important;
    line-height: 48px !important;
    font-weight: 400 !important;
	color: white;
}

.inquiry-image {
    margin: 0;
    padding: 0;
    margin-top: -12rem;

}

.customize-image {
    margin: 0;
    padding: 0;
	margin-top: -12rem;
		margin-bottom: -12rem;
}
	
.carousel-item img {
    height: 350px ! IMPORTANT;
    object-fit: cover;
}

span.carousel-control-prev-icon, span.carousel-control-next-icon {
    filter: invert(1) !important;
}


	
	.section-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
}

	.section-title-large {
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
}
	

.img-masonry {
  width: 284px;
  height: 360px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

/* stagger each column for a simple masonry layout */
.site-container .row.g-3 > .col-4:nth-child(3n+1) {
  margin-top: -20px;
  margin-bottom: 40px;
}
.site-container .row.g-3 > .col-4:nth-child(3n+2) {
  margin-top: -40px;
    margin-bottom: 40px;
}
.site-container .row.g-3 > .col-4:nth-child(3n+3) {
  margin-top: -60px;
    margin-bottom: 40px;
}


@media (max-width: 768px) {
	
/* SECTION 0 */	
	h1.hero-hero__title {
    font-size: 36px;
    line-height: 48px;
}
.hero-hero__overlay .subtitle.col-5.py-5 {
    width: 100%;
}	
.hero-hero__overlay .subtitle.col-5.py-5 p {
    font-size: 18px ! IMPORTANT;
    line-height: 24px;
    margin-left: 0px !important;
}
section.hero-hero {
    height: 855px;
}


/* SECTION A */
.title-cap {
    font-size: 24px !important;
    line-height: 30px !important;
}
.col-10.py-3.sec-a-desc {
    width: 100%;
}
.sec-a-desc p {
    line-height: 21px;
    font-size: 14px;
    width: 100% ! IMPORTANT;
}	
.py-12 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}	
img.img-fluid.sec-a-img {
    max-width: 100% !important;
    margin-top: 3rem !important;
}	
.sec-a-rev-title {
    padding-left: 1rem !important;
}	

.sec-a, .sec-a-rev, .sec-c, .sec-c-rev, .sec-d, .sec-d-rev, .hero-hero {
	z-index: 2;
}

section {
  position: relative; /* you already have this */
  overflow: hidden;   /* ← add this */
}		

/* SECTION B */	
h2.section-title-large, h3.section-title-large {
    font-size: 24px;
    line-height: 30px;
}
.sec-b .row .col-md-6 {
    order: 2;
    margin-top: 100px ! IMPORTANT;
}
.sec-b .col-4 {
    width: 50%;
}	
.site-container .row.g-3 > .col-4:nth-child(3n+1) {
    margin-top: 0px;
    margin-bottom: 0px;
}
.site-container .row.g-3 > .col-4:nth-child(3n+3) {
    margin-top: 0px;
    margin-bottom: 0px;
}
.site-container .row.g-3 > .col-4:nth-child(3n+2) {
    margin-top: 0px;
    margin-bottom: 0px;
}	
.sec-b-desc p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
}	
img.img-fluid.rounded.img-masonry {
    height: 234px !important;
	margin-top: 25px;
}


/* SECTION C */	
.sec-c-img img.img-fluid.rounded {
        height: 307px;
        max-width: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
		min-height: 307px !Important;
}
.sec-c-img {
    max-width: 100%;
    width: 100%;
}
.sec-c-desc p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
}


/* SECTION D */	
.sec-d-desc p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
}
.col-12.col-lg-6.sec-d-img-1, .col-12.col-lg-6.sec-d-img-2, .col-12.col-lg-6.sec-d-img-3 {
    width: 50%;
}
.col-12.col-lg-6.sec-d-img-1 img {
    height: 308px !important;
		min-height: 308px !important;
	max-height: 308px !important;
}
.col-12.col-lg-6.sec-d-img-2 img, .col-12.col-lg-6.sec-d-img-2 img {
    height: 144px !important;
	min-height: 144px !important;
	max-height: 144px !important;
}
.sec-d-img {
    margin-top: 2rem ! IMPORTANT;
}


/* SECTION E */	
.sec-e-desc p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
}	
.sec-e-img img {
    height: 151px !important;
}	
	
	
/* SECTION EXTRA-1 */		
.sec-extra-1-img img {
    height: 430px ! IMPORTANT;
    width: 100%;
}	
.customize-image {
    margin-top: 0px;
    margin-bottom: 0px;
}	
.sec-extra-1-desc {
    justify-content: start !important;
    text-align: left !important;
}
.sec-extra-1-desc h1 {
    font-size: 18px;
    line-height: 24px;
}
.sec-extra-1-desc p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
}
.my-12 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}
section.my-12.sec-extra-1 {
    padding-top: 1rem ! IMPORTANT;
    padding-bottom: 1rem !important;
}	
	
	
	
/* SECTION EXTRA-2 */		
	.sec-extra-2-desc h1.section-title.py-2 {
    font-size: 18px;
    text-align: left !important;
    line-height: 36px;
}
.sec-extra-2-desc p {
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    width: 100%;
}
.sec-extra-2 .inquiry-title {
    font-size: 18px !important;
    line-height: 36px !important;
}
.sec-extra-2 label.form-label {
    float: inline-start;
    text-align: left !important;
}
.sec-extra-2-img img {
    height: 306px;
    width: 100%;
}
.sec-extra-2 .inquiry-image {
    margin-top: 5rem !important;
}
.sec-extra-2 .col-6.text-end {
    width: 100% !important;
	text-align: center !important;
}	
	
	
}	

.accordion-button::after {
  content: '+';
  font-size:2.15rem;
  line-height:1;
  background-image: none !Important;
}
.accordion-button.collapsed::after {
  content: '+';
}
.accordion-button:not(.collapsed)::after {
  content: 'x';
}
button.accordion-button {
    background-color: transparent !important;
	    font-weight: 700 !important;
    font-size: 1.5rem ! IMPORTANT;
    color: black ! IMPORTANT;
}

@media (max-width: 800px) {
	.acc-img {
		height: 300px !important;
	}	
	
	
}

section.sec-a img, section.sec-b img {
    border-radius: var(--bs-border-radius) !important;
}