/* ==============================
Banner Carousel
============================== */

.hero-area-1{
    position: relative;
}

/* Banner Image */
.carousel-item img{
    width:100%;
    height:750px;
    object-fit:cover;
}

/* Caption Position */
.hero-text{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    right:auto;
    bottom:auto;
    text-align:left;
    max-width:650px;
}

/* Heading Style */
.banner-heading{
    font-weight:300;
    letter-spacing:-2px;
    line-height:1.1;
    font-size:64px;
    margin:0;
}

/* First Line Color */
.heading-blue{
    color:#2b81c3;
    display:block;
    letter-spacing:-2px;
}

/* Second Line Color */
.heading-gray{
    color:#4D4D4D;
    display:block;
}

/* Paragraph */
.banner-text{
    font-size:16px;
    margin-top:18px;
    color:#555;
    width:500px;

}

/* Button Style */
.hero-text .btn{
    margin-top:25px;
    padding:12px 28px;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
}

/* Carousel Controls */
.carousel-control-prev-icon,
.carousel-control-next-icon{
    width:35px;
    height:35px;
}

/* Indicators */
.carousel-indicators button{
    width:10px;
    height:10px;
    border-radius:50%;
}

/* ==============================
Responsive
============================== */

@media (max-width:1200px){

.banner-heading{
    font-size:50px;
}

}

@media (max-width:992px){

.carousel-item img{
    height:600px;
}

.banner-heading{
    font-size:42px;
}

.hero-text{
    left:6%;
}

}

@media (max-width:768px){

.carousel-item img{
    height:500px;
}

.banner-heading{
    font-size:34px;
}

.banner-text{
    white-space:normal;
}

}

@media (max-width:576px){

.hero-text{
    left:5%;
    right:5%;
}

.banner-heading{
    font-size:28px;
}

.banner-text{
    font-size:14px;
}

.carousel-item img{
    height:420px;
}

}