.new-slider{
    width: 100%;
    aspect-ratio: 19/9;
    position: relative;
    overflow: hidden;
}


.slide{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.slide.active{
    opacity: 1;
}


.text-slider{
    position: absolute;
    top: 45%;
    left: 10%;
    transform: translateY(-50%);
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    max-width: 40%;
    text-shadow: 0 2px 6px rgba(0,0,0,0.6);
    z-index: 2;
     text-shadow:
        -1px -1px 0 rgb(255, 255, 255),
         1px -1px 0 rgb(255, 255, 255),
        -1px  1px 0 rgb(255, 255, 255),
         1px  1px 0 rgb(255, 255, 255);
}



.arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(12, 12, 12);
    font-size: 3rem;
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
    user-select: none;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5);
    z-index: 3;
}

.left-arrow{
    left: 20px;
}

.right-arrow{
    right: 20px;
}

.arrow:hover{
    opacity: 0.7;
}

.slide::after{
    content: none !important;
}

#services-products{
   background:url('./uslugi-produkty1.jpg') no-repeat center top / contain;min-height:927px;min-height:48.281vw;

}

.row h1,h2,h6,h3{
  text-shadow:
        -1px -1px 0 rgb(200,200, 200),
         1px -1px 0 rgb(200,200, 200),
        -1px  1px 0 rgb(200,200, 200),
         1px  1px 0 rgb(200,200, 200) !important;
}

#red-bg h2, #red-bg, #red-bg h3, #red-bg h4{
    text-shadow:
        -1px -1px 0 rgb(50, 50, 50),
         1px -1px 0 rgb(50, 50, 50),
        -1px  1px 0 rgb(50, 50, 50),
         1px  1px 0 rgb(50, 50, 50) !important;
}
#red-bg-text{
    color:white !important;
     text-shadow:none !important;
}
#red-bg a{
    color:white !important;
     text-shadow:none !important;
}
button span:hover{
    color:black;
}
#red-bg a:hover{
    color:rgb(51, 2, 2) !important;
     text-shadow:none !important;
}
#polub-nas{
    text-shadow:none !important;
}

li h3 {
    text-shadow: none !important;
}
.about-world h3{
    max-width: 680px !important;
    margin-top: 30px;
}
#spojrzenie-na-swiat{
 max-width: 560px !important;
}
#miasta h6{
    margin-top: 20px;
}
#contact1::placeholder, #contact2::placeholder, #contact4::placeholder {
    color: #1b1b1b !important;
}

#margin-row{
    margin-left: 23vw;
}

/* wspólne */
.contact-msg{
  margin: 14px 0 0;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
  text-shadow: none;
}

/* SUKCES – jasny, neutralny */
.contact-msg--ok{
  background: #f5fff9;                 /* bardzo jasna zieleń */
  color: #1f7a4a;                      /* czytelny tekst */
  border: 1px solid #9fd6b5;
}

/* BŁĄD – jasny, neutralny */
.contact-msg--err{
  background: #fff5f5;                 /* bardzo jasna czerwień */
  color: #8a1c1c;                      /* ciemny tekst */
  border: 1px solid #e3a5a5;
}


@media (max-width: 1459px) and (min-width: 900px) {
    .text-slider h2{
        font-size: 1.6em;
        line-height: 65px;
    }
    .hp-opto .flex.flex-2 {
        width: 100%;
    }
        .hp-opto {
        background: none;
        min-height: auto;
        margin-top: 0;
    }
      .hp-opto h2 {
        text-align: center;
        max-width: none;
        font-size: 92px;
        line-height: 102px;
    }
        .hp-opto img {
        display: block;
        margin-top: 80px;
    }
}

@media (max-width: 1180px){
.about-world {
        width: auto;
        margin-left: auto;
        left: auto;
        background-image: none;
    }

    .fr-view img {
    position: relative;
    max-width: 100%;
}

.about-world .container{
            width: 100% !important;
        
}
.xs-up-hidden{
    display: inline !important;
}
.about-world h3{
    margin-top:50px !important;
     max-width: 760px !important;
}

#spojrzenie-na-swiat{
 max-width: 740px !important;
}
.loc-prod{
    background-image: none !important;
}
#hidden-img{
    display: none !important;
}


}


@media (max-width: 1000px) {
    .text-slider h2{
        font-size: 1.3em;
        line-height: 50px;
    }
        .arrow{
    font-size: 1.1rem;   
    }
}

@media (max-width: 768px) {
    .text-slider h2{
        font-size: 0.8em;
        line-height: 40px;
    }

    .arrow{
    font-size: 1rem;   
    }


     .menu-open .social {
            display:none;           
        }

    #hidden-img{
        display:inline !important;
    }
#margin-row{
      margin-left: 10px;
}
}

@media (max-width: 510px) {
    .text-slider h2{
        font-size: 0.7em;
        line-height: 35px;
    }
    .left-arrow{
    left: 10px;
    }

    .right-arrow{
    right: 10px;
    }

}

@media (max-width: 420px) {
    .text-slider h2{
        font-size: 0.6em;
        line-height: 25px;
    }
      .left-arrow{
    left: 2px;
    }

    .right-arrow{
    right: 2px;
    }

}