.pading-info{
    height: 40px;
}

.info-button:hover{
    background-color: #cfbf91;
}
.info-button:active{
    background-color: #cfbf91;
}
.info-button:visited{
    background-color: #cfbf91;
}

.img-info{
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-right: 10px;
}
.slika-btn{
    max-width: 100%;
    max-height: 100%;
}
.img-size{
    width: 100%;
    /* height: 100%; */
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    background: transparent;
}

.img-size:hover{
    background-color: #cfbf91;
    border-radius: 10px;
}

.img-size-img{
    width: auto;
    height: 100%;
}
.text-justify{
text-align: justify;
}
.modal{
    /* background: transparent !important; */
    --bs-modal-bg: transparent;
    --bs-modal-border-color: transparent;
    --bs-modal-border-width: 0;
}
.modal-dialog{
    max-width: 90% !important;
    max-height: 90% !important;
    background: transparent;
}

.modal-header{
    background-color: #EBEAEB;
    opacity: 80%;
    border: 0;
    
}

.modal-footer{
    background-color: #EBEAEB;
    opacity: 80%;
    border: 0;
}
.modal-body{
    background-color: #EBEAEB;
    opacity: 80%;
    border: 0;
    
}

.info{
    display: flex;
    position: absolute;
    align-items: center; 
    border: none;
    background: transparent;
    bottom: 10px;
    right: 10px;
}
.info div{
    padding-left: 5px;
}

.loader {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #EBEAEB;
    /* background-color: rgb(231, 231, 231); */
    overflow: visible;
    display: flex;
    /* justify-content: center;
    align-items: center; */

}.loader img{
    width: 300px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    
}


    .button-linkedin{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 5px;
        height: 10%;
        background-color: #EBEAEB;
        background-color: #4285f4;
        margin: 0;
        padding: 0;
        
       

    }
    .inside-button-linkedin{
    
        /* width: 50%; */
        z-index: 1;
        height: 100%;
        padding: auto;
       
    }

    .centar{
        align-content: center;
    }
    
    model-viewer {
        /* display: block; */
        overflow-x: hidden;
        --poster-color: #eee;
        width: 100%;
        height: 100%;
        background: rgb(2, 0, 36);
        background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(189, 189, 189, 1) 0%, rgba(238, 251, 254, 1) 100%);
        margin: 0;
        padding: 0;
        /* background-image: url("BG_FINALL.jpg"); */
    }
    .carousel-control.right{
        background-color: transparent;
         

    }
    .carousel-control.left{
        background-color: transparent;
    }
    .carousel{
        bottom: 0;
        width: 100%;
        position: absolute;
    }
    #ar-button {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        bottom: 15%;
        padding: 0px 20px 0px 20px;
        font-family: Roboto Regular, Helvetica Neue, sans-serif;
        font-size: 15px;
        color: #ffffff;
        background-color: gray;
        height: 50px;
        line-height: 36px;
        border-radius: 18px;
        border: 1px solid #DADCE0;
    }

    #ar-button:active {
        background-color: #E8EAED;
    }

    #ar-button:focus {
        outline: none;
    }

    #ar-button:focus-visible {
        outline: 1px solid #4285f4;
    }

    .slide {
        background-color: red;
        /* border: 2; */
    }
    .slide:hover{
        background-color: rgba(128, 128, 128, 0.336);
        border-radius: 15px;
    } 

    .slide.selected {
        
        background-color: rgba(128, 128, 128, 0.336);
        border-radius: 15px;
    }

    .slide:focus {
        outline: none;
    }
  .img-test-buttton{
        display: flex;
        height: 10vh;
        width: 10vh;
        justify-content: center;
        /* background-color: red;  */
        align-content: center;
        float: left;
        
    }
    

    .item{
        height: 100%;
    }

    .main_div {
        height: 100%;
        margin: 0;
        padding: 0;
        

    }
    .button_div{
        margin: 0;
        padding: 0;
        z-index: 1;
        width: 100%;
        height: 100dvh;
    }
    
    .bottom-content {
    position: absolute;
    bottom: 0;
}
    .carousel-inner {
        width: 80%;
        height: 100%;
        margin-left: 10%;

    }



    .multi-item-carousel {
        .carousel-inner {
            >.item {
                transition: 500ms ease-in-out left;
            }

            .active {
                &.left {
                    left: -25%;
                }

                &.right {
                    left: 25%;
                }
            }

            .next {
                left: 25%;
            }

            .prev {
                left: -25%;
            }

            @media all and (transform-3d),
            (-webkit-transform-3d) {
                >.item {

                    transition: 500ms ease-in-out left;
                    transition: 500ms ease-in-out all;
                    backface-visibility: visible;
                    transform: none !important;
                }
            }
        }

        .carouse-control {

            &.left,
            &.right {
                background-image: none;
            }
        }
    }


    body {
        
    margin: 0;
    padding: 0;
    /* background-color: aqua; */
    background-image: url('Assets/INDEX_BG.jpg');
    background-size: cover;          /* Slika će prekriti ceo ekran */
    background-position: right;      /* Pozicija slike u centru */
    background-repeat: no-repeat;     /* Bez ponavljanja */
    background-attachment: fixed;
    /* height: 100vh;
    min-height: 100svh; */
                           /* Visina da pokriva ceo ekran */
    width: 100vw;                     /* Širina da pokriva ceo ekran */
    overflow: hidden; 
    }



.carousel-container {
     position: absolute;
        bottom: 0;
        width: 100%;
        padding: 5px;
        /* height: 10%; */
        /* background-color: #EBEAEB; */
        background-color: rgba(192, 177, 164, 0.786);
        margin: 0;
        padding: 0;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease;
    /* Širina trake zavisi od broja elemenata (npr. 300px po elementu) */
}

.img-test-buttton {
    min-width: 200px; /* Širina pojedinačnog dugmeta */
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 768px) {
.img-test-buttton {
    min-width: 100px; /* Širina pojedinačnog dugmeta */
    box-sizing: border-box;
    text-align: center;
}

}

.carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    z-index: 999;
}

.carousel-button.left {
    left: 0;
}

.carousel-button.right {
    right: 0;
}