/* your styles go here */
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    height:92vh!important;
    width: 100% !important;
}

.lead {
    font-size: 1.5rem !important;
}

body {
    background: white;
}

.main {
    font-family: Arial;
    width: 500px;
    display: block;
    margin: 0 auto;
}

h3 {
   /* background: #fff;*/
    color: #dd3d3d;
    font-size: 36px;
    /* line-height: 85px;*/
     /*margin: 10px;*/
    /*padding: 2%;*/
    position: relative;
    text-align: center;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/*hero section*/
/*@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.2, 1.2);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.2, 1.2);
    }
}*/

/*.carousel-inner .item > img {
    -webkit-animation: zoom 10s;
    animation: zoom 10s;
}*/



.container2 {
    position: relative;z
    z-index: 10;
    margin: 10px;
}
.h4 {
    font-size: 29px !important;
    margin-top: 0px !important;
    margin-bottom: 13px !important;
}
.content1 {
    margin-left: 65px;
}
.carousel-item img {
    max-height: 80vh; /* Adjust the max height as needed */
    object-fit: cover; /* Ensure images cover the container */
}
@media (max-width: 767px) {
    .carousel-inner {
        height: 100%;
    }
}

@media (max-width: 767px) {
    .carousel-inner .item > img {
        height: 315px;
    }
}

.position-relative {
    position: relative !important;
    height: 65px !important;
}

.align-items-center {
    align-items: normal !important;
}