.vr {
    width: 0.2rem;
    height: 5rem;
    color: red;
    margin-bottom: 2rem;
}

.carousel-caption {
    padding-bottom: 5rem;
}

.carousel-indicators .active {
    background-color: red !important;
}

#home-container1 {
    height: 30rem;
    padding-top: 3rem;
}

    #home-container1 h5 {
        font-weight: 800;
        font-size: 16px;
        color: red;
    }

    #home-container1 h2 {
        font-weight: 800;
    }

    #home-container1 p {
        color: black;
        margin: 2% 18%;
    }

#home-container2 {
    height: 42rem;
    padding-top: 5rem;
}

    #home-container2 h5 {
        font-weight: 800;
        font-size: 16px;
        color: red;
    }

    #home-container2 h2 {
        font-weight: 800;
    }

#home-container3 {
    margin-bottom: 10rem;
    padding-left: 10rem;
    padding-right: 10rem;
    height: 25rem;
}

    #home-container3 h5 {
        font-weight: 800;
        font-size: 16px;
        color: red;
    }

    #home-container3 h2 {
        font-weight: 800;
    }

    #home-container3 img {
        width: 14rem;
        padding-top: 5rem;
    }

#slider-container {
    background: aliceblue;
}
.slider-image.overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Overlay rengini ve şeffaflığını ayarlayabilirsiniz */
    border-radius: 0 0 3rem 3rem;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Overlay rengini ve şeffaflığını ayarlayabilirsiniz */
    border-radius: 0 0 3rem 3rem;
}


.section-padding {
    padding: 60px 0;
}

.brand-carousel {
    background: aliceblue;
    margin-top: 15%;
}

.owl-dots {
    text-align: center;
    margin-top: 4%;
}

.owl-dot {
    display: inline-block;
    height: 15px !important;
    width: 15px !important;
    background-color: #878787 !important;
    opacity: 0.8;
    border-radius: 50%;
    margin: 0 5px;
}

    .owl-dot.active {
        background-color: #000 !important;
    }

#iletisim-button {
    transform: translateX(1rem) !important;
}


/* HOME CONTAINER 1  */

@media (max-width:375px) {
    #home-container1 {
        height: 40rem;
    }

        #home-container1 button {
            margin: 10% 0;
        }

    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    #home-container1 p {
        margin: 2% 5%;
    }
}


@media (min-width:324px) {
    #home-container1 {
        height: 34rem;
    }
}

@media (min-width:375px) {
    #home-container1 {
        height: 33rem;
    }

        #home-container1 button {
            margin: 10% 0;
        }

        #home-container1 p {
            margin: 2% 5%;
        }
}

@media (min-width:500px) {
    #home-container1 {
        height: 30rem;
    }

        #home-container1 button {
            margin: 10% 0;
        }

        #home-container1 p {
            margin: 2% 5%;
        }
}

@media (min-width:576px) {
    #home-container1 {
        height: 26rem;
    }

        #home-container1 button {
            margin: 2% 0;
        }

        #home-container1 p {
            margin: 2% 10%;
        }
}

@media (min-width:992px) {
    #home-container1 {
        height: 27rem;
    }

        #home-container1 button {
            margin: 2% 0;
        }

        #home-container1 p {
            margin: 2% 18%;
        }
}

/* HOME CONTAINER 2  */
@media (min-width:100px) {
    #home-img-area img {
        width: 100%;
        ;
        padding-bottom: 3rem;
    }

    #home-container2 {
        padding-top: 2rem !important;
        height: 35rem;
    }
}

@media (min-width:300px) {
    #home-img-area img {
        width: 13rem;
        ;
        padding-bottom: 3rem;
    }

    #home-container2 {
        padding-top: 2rem !important;
        height: 30rem;
    }
}

@media (min-width:768px) {
    #home-img-area img {
        width: 20rem;
        ;
        padding-bottom: 3rem;
    }

    #home-container2 {
        padding-top: 2rem !important;
        height: 25rem;
    }
}

@media (min-width:992px) {
    #home-img-area img {
        width: 23rem;
        ;
        padding-bottom: 3rem;
    }

    #home-container2 {
        height: 27rem;
    }
}

@media (min-width:1200px) {
    #home-img-area img {
        width: 30rem;
        ;
        padding-bottom: 3rem;
    }

    #home-container2 {
        height: 31rem;
    }
}

@media (min-width:1400px) {
    #home-img-area img {
        width: 36rem;
        ;
        padding-bottom: 5rem;
    }

    #home-container2 {
        height: 38rem;
    }
}

/* HOME CONTAINER 3 */
@media (min-width:300px) {
    #home-container3 {
        padding: 0 0 0 0;
        height: 20rem;
        padding-top: 3rem;
    }
}

@media (max-width:300px) {
    #home-container3 {
        padding: 0 0 0 0;
        height: 15rem;
        padding-top: 3rem;
    }
}

@media (min-width:510px) {
    #home-container3 {
        height: 32rem;
        padding-top: 10rem;
    }
}

@media (min-width:768px) {
    #home-container3 {
        padding-left: 2rem;
        padding-right: 2rem;
        height: 25rem;
        padding-top: 3rem;
    }
}

@media (min-width:1200px) {
    #home-container3 {
        padding-left: 5rem;
        padding-right: 5rem;
        height: 20rem;
    }

        #home-container3 img {
            width: 10rem;
        }
}

@media (min-width:1400px) {
    #home-container3 img {
        width: 12rem;
    }

    #home-container3 {
        padding-left: 8rem;
        padding-right: 8rem;
    }
}

@media(min-width:300px) {
    #slider-container img {
        scale: 0.8;
        transform: translateX(1.2rem);
    }
}