* {
    scroll-behavior: smooth;
}

.holder {
    width: 100%;
    height: auto;
}
.home {
    margin: auto;
    width: 90%;
    height: auto;
    padding-top: 140px;
}

.home-container{
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.home-left {
    max-width: 500px;
}

.home-left h1 {
    margin-bottom: 22px;
    /* color: #363636; */
    color:#EA530F;
    font-weight: 400;

}

.home-left h2 {
    margin-bottom: 21px;
     color: #363636;
    /*color: #EA530F ;*/
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 22px;
    font-weight: 400;
}

.home-right {
    max-width: 500px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.slider-container {
    position: relative;
}

.slider {
    display: flex;
    transition: transform 1s ease-in-out;

}

.slider-img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(7px 7px 3px #afafaf);
}



.home-man {
    /* border: 1px solid black; */
    display: flex;
    justify-content: space-evenly;
    margin-top: 40px;
    margin-bottom: 40px;
}


.home-desc {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin: 10px;
}

.home-desc p {
    font-size: 16px;
    font-weight:  bold;
    /* color:#482F00 ; */
    /*color:#000e54;*/
    color: #EA530F;
    letter-spacing: 1px;
}


.btn {
    width: 175px;
    height: 50px;
    transform: skewX(-15deg);
    transition: transform 0.3s, box-shadow 0.3s;
    background-color: #EA530F;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-a {
    display: inline-block;
    padding: 12px 31px 12px 31px;
    font-size: 18px;
    text-decoration: none;
    color: white;
    font-weight: 400;
    /*border: 1px solid black;*/
}

.btn-a span {
    display: inline-block;
    transform: skewX(15deg); /* Vraća tekst u normalan položaj */

}


.btn:hover {
    transform: skewX(-15deg) scale(1.05);
    box-shadow: rgba(12, 1, 8, 0.4) 5px 5px, rgba(2, 1, 1, 0.3) 10px 10px, rgba(0, 0, 0, 0.2) 15px 15px, rgba(0, 0, 0, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) 25px 25px;
}


  @keyframes color_anim {
      0% {
          fill: white;
      }
      50% {
          fill: #FBC638;
      }
      100% {
          fill: white;
      }
  }
@media only screen and (max-width: 1150px) {
    .slider-img {
        width: 400px;
        height: 200px;
        margin: auto;
    }
    .home-right {
        max-width: 350px;
    }

}

@media only screen and (max-width: 740px) {
    .home-container {
        height: auto;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .slider-img {
        width: 300px;
        height: 150px;
    }

    .home-img {
        width: 45px;
        height: 45px;
    }

    .home-img2 {
        width: 45px;
        height: 45px;
    }

    .home-img3 {
        width: 45px;
        height: 45px;
    }
    .home-right {
        max-width: 250px;
    }

    .home-left h2 {
        font-size: 18px;
    }

    .home-desc p {
        font-size: 12px;
        font-weight:  bold;
        /* color:#482F00 ; */
        color: #EA530F ;

    }

    .btn {
        width: 140px;
        height: 40px;
        margin-bottom: 15px;
    }

    .btn-a {
        font-size: 16px;
        padding: 8px 20px 8px 20px;

    }
}

@media only screen and (max-width: 500px) {
    .home-left h2 {
        font-size: 16px;
    }

}


@media only screen and (max-width: 450px) {
    .btn {
        margin-bottom: 15px;
    }

    .home-img {
        width: 25px;
        height: 25px;
    }

    .home-img2 {
        width: 25px;
        height: 25px;
    }

    .home-img3 {
        width: 25px;
        height: 25px;
    }
}

.look-me {
      width: 100%;
      height: 80vh;
      display: flex;
      justify-content: space-evenly;

  }

  .l-left {
      width: 49%;
      height: 100%;
      background-image: url('../assets/ALL.jpg');
      background-position:center;
      background-size: cover;
      background-repeat: no-repeat;
      /*background-color:  rgba(130,128,128,1);*/
      transition:  0.5s ; /* Animacija koja će glatko primeniti promenu */
  }


.l-left:hover {
    scale: 102%;
}

  .l-right {
      /*border: 1px solid black;*/
      width: 49%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
  }


  .up {
      width: 100%;
      height: 49%;
      background-image: url('../assets/part01.jpg');
      background-position:center;
      background-size: cover;
      background-repeat: no-repeat;
      /*background-color:  rgba(130,128,128,1);*/
      transition:  0.5s ; /* Animacija koja će glatko primeniti promenu */

  }

.up:hover {
    scale:  102%;
}

  .down {
      width: 100%;
      height: 49%;
      background-image: url('../assets/part02.jpg');
      background-position:center;
      background-size: cover;
      background-repeat: no-repeat;
      /*background-color:  rgba(130,128,128,1);*/
      transition:  0.5s ; /* Animacija koja će glatko primeniti promenu */

  }

.down:hover {
    scale:  102%;
}


@media only screen and (max-width: 1200px) {
    .product-container {
        height: 350px;
    }

}


.more {
    width: 100%;
    height: auto;
    /*border: 1px solid black;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.more-text {
    max-width: 800px;
    /*color: #EA530F;*/
    color: #363636;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
}

.more-svg img {
    width: 200px;
    height: 200px;
}


@media only screen and (max-width: 940px) {
    .more-text  {
        font-size: 14px;
    }

    .more-svg img {
        width: 150px;
        height: 150px;
    }

}


@media only screen and (max-width: 750px) {
    .look-me {
        flex-direction: column;
        margin: auto;
        width: 100%;
    }

    .l-left {
        width: 100%;
        height: 100%;
        flex-direction: row;
        background-size: cover;
        background-position: bottom;
        margin-bottom: 4px;
    }

    .l-right {
        width: 100%;
        height: 100%;
        flex-direction: row;
    }

    .up {
        width: 90%;
        height: 100%;
        background-size: cover;
        background-position: center;
        margin-right: 4px;
    }

    .down {
        width: 90%;
        height: 100%;
        background-size: cover;
        background-position: center;
    }

    .l-left:hover {
        scale:  none;
    }

    .up:hover {
        scale:  none;
    }

    .down:hover {
        scale:  none;
    }


    .more-text  {
        font-size: 12px;
    }

    .more-svg img {
        width: 100px;
        height: 100px;
    }
}


@media only screen and (max-width: 500px) {
    .more-text  {
        font-size: 10px;
    }

    .more-svg img {
        width: 75px;
        height: 75px;
    }
}

.home-video-container {
    width: 100%;
    height: 80vh;
    background-image: url('../assets/gallery41.webp');
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
}

.home-video {
    width: 70%;
    height: 70vh;
    margin:auto;
}