﻿body {
    font-family: "Roboto", sans-serif;
    background-color: rgb(33, 52, 84);
    margin:0;
    padding:0;
}
* {
    margin: 0;
    padding: 0;
}
.row {
    margin: 0;
    padding: 0;
}
header p {
    color:white
}
.nav-link {
    color: white;
    font-weight: lighter;
}

@media (max-width: 425px) {
    .navbar-nav .nav-link {
        padding-left: 10px;
    }
}
.header-row1-color {
    font-weight: lighter;
    background-color: rgb(31, 46, 71);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.4);
    z-index: 99;
}

.adjust-img {
    text-align: start;
    padding-left: 20px;
}

.adjust-p {
    text-align: end;
    padding: 20px 40px 0 0;
}

.text-content {
    text-align: center;
    color: white;
    justify-content: center;
    padding-top: 1%;
    padding-bottom: 1%;
}

@media(max-width:425px){
    .text-content > h3{
        font-weight:300;
        font-size:1.3rem;
    }
    .text-content > h4 {
        font-weight: 200;
        font-size:1.1rem;
    }
}


.cleanse {
    margin: 0;
    padding: 0;
}


#myCarousel{
    overflow:hidden;
}

#myCarousel
.carousel-indicators {
    top: 15vw;
    margin: auto;
    height: 20px;
    right: 20px;
    left: auto;
    width: auto;
    transform: rotate(90deg);
    bottom:unset;
}

#myCarousel
.carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
@media(max-width:576px) {
    #myCarousel
    .carousel-indicators button {
        width: 6px;
        height: 6px;
    }
}

    .form-group {
        margin-top: 7px;
    }

    .nav-item:hover .nav-link {
        background-color: transparent;
        color: whitesmoke;
        font-weight: normal;
    }

    .contact-content {
        display: flex;
        flex-direction: column;
        margin: 30px;
        padding: 20px;
        background-color: white;
        color: black;
        border-radius: 5px;
        width: 80%;
        height: fit-content;
        justify-content: center;
    }

    #slickSlider {
        max-width: 60%;
        margin-top: -1%;
        margin-bottom: 1%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: rgb(33, 52, 84);
    }
    /* the slides */
    #slickSlider
    .slick-slide {
        margin: 0 10px;
    }
    /* the parent */
    #slickSlider
    .slick-list {
        margin: 0 -10px;
    }

    #slickSlider
    .slick-slider-item img {
        margin: auto;
    }

    /* Increase the size of the next and previous buttons */
    #slickSlider .slick-next,
    #slickSlider .slick-prev {
        width: 40px; /* Adjust the width as per your requirement */
        height: 40px; /* Adjust the height as per your requirement */
    }

        /* Adjust the icon size within the buttons */
        #slickSlider .slick-next:before,
        #slickSlider .slick-prev:before {
            font-size: 24px; /* Adjust the font size as per your requirement */
        }

    #slickSlider .slick-next {
        right: -50px;
    }

    #slickSlider .slick-prev {
        left: -50px;
    }

    .bg-content {
        background-color: rgb(236,240,245);
    }

    .fit-image {
        width: 100%;
    }

    @media(max-width:1024px) {
        .address-font {
            font-size: 0.8rem;
        }

            .address-font h5 {
                font-size: 1rem;
            }
    }

@media(max-width: 767px) {
    .address-font {
        font-size: unset;
    }

        .address-font h5 {
            font-size: unset;
        }
}
    @media(max-width:576px) {
        .logo {
            content: url("../images/thumbnail_204x51.png");
        }
    }