/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

*{
	font-family: "Inclusive Sans", sans-serif!important;
	font-weight:400;
}
html,
body {
	max-width: 100%;
	overflow-x: clip;
}
.bold{
 font-weight: 700;
}
.bold span{
 font-weight: 700;
}

.section-title{
	font-size:32px;

    font-weight:600!important;

    line-height:1;
	text-transform: uppercase;

    margin:0;
}

.js-services-section{
    position: relative;
    overflow: hidden;

    --boat-x: 40px;
}

.js-services-section::after{
    content:"";
    position:absolute;

    top: 60px;
    right: -20px;

    width: 977px;
    height: 504px;
	

    background:url("../../uploads/2026/07/ladja.svg") center/contain no-repeat;

    transform: translate3d(var(--boat-x), 0, 0);

    pointer-events: none;
    will-change: transform;
    z-index: 0;
}

.list-with-arrow ul{
	list-style: none;
    padding-left: 0;
}
.list-with-arrow li {
	padding-left: 0;
}
.list-with-arrow ul li::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    background: url("/wp-content/uploads/2026/09/arrow.png") center / contain no-repeat;
}

.gallery-image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

#item1, #item2, #item3, #item4 {
	border-radius: 30px;
	border: 2px solid #F9A720;
	padding: 20px;
}

.services-accordion--red #item1 {
	border: 2px solid #EF3C45;
}

.services-accordion--green #item1 {
	border: 2px solid #7A8E7D;
}
.services-accordion .e-n-accordion-item-title {
    justify-content: space-between;!important
}
.services-accordion .e-n-accordion-item-title-icon{
	margin-left: auto;
}

.dodelava {
    display: grid;
    grid-template-columns: repeat(6, 1fr)!important;
    gap: 20px;
}

.card:nth-child(-n+3) {
    grid-column: span 2!important;
}

.card:nth-child(n+4):nth-child(-n+5) {
    grid-column: span 3!important;
}

.card:nth-child(6) {
    grid-column: 1 / -1!important;
}
.dodelava-2 .card:nth-child(n+4):nth-child(-n+5) {
    grid-column: 1 / -1!important;
}


/* tablet */
@media (max-width: 1024px) {
    .dodelava {
        grid-template-columns: repeat(2, 1fr)!important;
    }

    .card {
        grid-column: span 1 !important;
    }
}

@media (max-width: 767px) {
	.wrapper > div{
	    padding-top: 60px;
	}
}