.dev-drop-shadow {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));
}

.dev-title-accent {
    position: relative;
    padding-bottom: 40px;
    font-size: 48px;
    line-height: normal;
    margin-bottom: 0;
}

.dev-title-accent::before {
    content: "";
    width: 46px;
    height: 46px;
    display: inline-block;
    background: url('/_media/img/dev-accent.svg');
    background-size: cover;
    flex-shrink: 0;
}

.dev-slider .item {
    margin: 10px;
    position: relative;
}
.dev-slider img {
    clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
}
.dev-slider .slick-center {
    transform: none;
}
.dev-slider .slick-list {
    padding: 0 20px;
}
.dev-slider .slick-slider ul.slick-dots li button {
    background-color: var(--color-default);
}
.dev-slider .slick-slider ul.slick-dots li button:hover, .slick-slider ul.slick-dots li button:focus, .slick-slider ul.slick-dots li.slick-active button {
    background-color: var(--color-primary);
}
.dev-slider .slick-prev, .dev-slider .slick-next {
    color: var(--color-default);
    font-size: 50px;
}
.dev-slider .slick-prev:hover, .dev-slider .slick-next:hover {
    color: var(--color-primary);
}

.dev-slider .item:nth-of-type(3n)::after {
    content: url('_media/img/gallery/accent-1.svg');
    display: block;
    width: 20%;
    height: 30%;
    left: -10px;
    top: -20px;
    position: absolute;
}
.dev-slider .item:nth-of-type(3n + 1)::after {
    content: url('_media/img/gallery/accent-2.svg');
    display: block;
    width: 20%;
    height: 30%;
    right: 0;
    top: -5%;
    position: absolute;
}
.dev-slider .item:nth-of-type(3n + 2)::after {
    content: url('_media/img/gallery/accent-3.svg');
    display: block;
    width: 20%;
    height: 30%;
    right: 15%;
    bottom: 5%;
    position: absolute;
}

.dev-background-card {
    background-color: #003838;
    background-size: 100%;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    min-height: 350px;
    transition: all 0.5s;
}
.dev-background-card:hover {
    background-size: 110%;
}
.dev-shadow-black {
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}

.dev-hero-split {
    padding-top: 100px;
    padding-bottom: 100px;
    height: 100vh;
    max-height: 1000px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: url('_media/img/sg/hover-cursor-l.svg'), pointer;
    transition: all 0.3s;
}
.dev-hero-split.split-r {
    text-align: right;
    cursor: url('_media/img/sg/hover-cursor-r.svg'), pointer;
}
.dev-hero-split-cont-l {
    width: 100%;
    margin-left: auto;
    max-width: 600px;
}
.dev-hero-split-cont-r {
    width: 100%;
    margin-right: auto;
    max-width: 600px;
}

.dev-warsztat {
    display: flex;
    background: var(--color-black);
    padding: 30px;
    transition: all 0.4s;
    border: 1px solid var(--color-black);
}
.dev-warsztat:hover {
    border: 1px solid var(--color-blue);
}
.dev-warsztat img {
    width: 100px;
    min-width: 100px;
    box-shadow: -15px -15px 0px #00DCDC;
}
.dev-exhibitor-hack .bx-exhibitor {
    height: 200px;
}
.dev-exhibitor-hack .small .bx-exhibitor {
    height: 150px;
}
.dev-exhibitor-hack .big .bx-exhibitor {
    height: 300px;
}

@media (min-width: 991px) {
    .dev-slider .item {
        margin: 30px;
    }
    .dev-slider .slick-center {
        transform: scale(1.2);
        margin-top: 50px;
    }
}

@media (max-width: 1599px) {
    .dev-title-accent {
        font-size: 40px;
        padding-bottom: 30px;
    }
}

@media (max-width: 1200px) {
    .dev-title-accent {
        font-size: 30px;
    }
    .dev-title-accent::before {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 991px) {
    .dev-title-accent {
        padding-bottom: 25px;
        font-size: 28px;
    }
}

@media (max-width: 479px) {
    .bx-opinion {
        margin: 10px;
    }
    .bx-opinion .i-img {
        padding: 20px 20px 0px 20px;
    }
}

.dev-hero-title {
    color: var(--color-primary);
    font-weight: bold;
    text-shadow: 10px 10px var(--color-black);
}

@supports (-webkit-text-stroke: 3px var(--color-primary)) {
  .dev-hero-title {
    -webkit-text-stroke: 3px var(--color-primary);
    -webkit-text-fill-color: transparent;
  }
}