.banner-wrap{
     width:100%;
     display:flex;
     position:relative;
}
 .bgslide{
     width:100%;
     height: calc(100% - 132px);
     float:flex;
     overflow:hidden;
     position:relative;
     /* background-color: #c7d3e9;*/
     /* background-image: url(../images/homeslider/bg.jpg);*/
     background-position:center;
     background-size:cover;
     background-repeat:no-repeat;
     object-fit: contain;
     border-radius: 15px;
     line-height: 0;
}
 .bgslide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border:0;
}
 .carousel-caption{
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: start;
     align-items: flex-end;
     text-align:left;
     z-index:3;
     color:var(--black);
}

.carousel-caption .container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:4%;
    padding-right: 50px;
    padding-bottom: 50px;
}

 .caption-holder{
     width:40%;
     padding: 0;
     color: var(--white);
     background: rgba(0, 0, 0, 0.5);
     padding: 35px;
}
 .image-holder{
     width:55%;
     padding:0 0 0 0px;
     position: relative;
   /*  justify-self: flex-end;*/

}
 .image-holder .logo-box{
position: absolute;
    top: 30px;
    left: 0;
    width: 23%;
}



 .image-holder .logo-img{
width: 100%;
    max-width: 234px;
    height: auto;
    object-fit: inherit;
    }
 .carousel-caption h2{
     font-weight: 500;
     margin:0;
     font-size: 38px;
     line-height: 40px;
     text-transform: capitalize;
     margin-bottom: 20px;
}
 .carousel-caption h3{
     font-size: 48px;
     font-weight:normal;
     line-height: 48px;
     margin-bottom: 15px;
}
 .carousel-caption p{
     font-size: 20px;
     font-weight:normal;
     line-height:20px;
     margin-bottom: 15px;
}
 .animset{
     animation-duration:0.5s;
     animation-delay:0.5s 
}
 .animset2{
     animation-duration:0.9s;
     animation-delay:0.9s 
}
 .animset3{
     animation-duration:1.05s;
     animation-delay:1.05s 
}
 .carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
     display:block;
     max-width:100%;
     height:auto 
}
 .carousel{
     position:relative;
     width:100%;
     /* float:left; */
}
 .carousel-inner{
     position:relative;
     width:100%;
     overflow:hidden 
}
 .carousel-inner>.item{
     position:relative;
     display:none;
     -webkit-transition:.6s ease-in-out left;
     -o-transition:.6s ease-in-out left;
     transition:.6s ease-in-out left 
}
 .carousel-inner>.item>a>img,.carousel-inner>.item>img{
     line-height:1 
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
    backface-visibility: visible;
    perspective: 1000px;
    transition: opacity 0.7s ease-in-out 0s;
    background-color:var(--white);
        
  
    /*perspective: 1000px*/
}
.carousel-inner>.item.active.right, .carousel-inner>.item.next {
   /* left: 0;
    -webkit-transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -ms-transition: opacity 0.7s ease-in-out;
    -o-transition: opacity 0.7s ease-in-out;
    transition: opacity 0.7s ease-in-out;
    opacity:0;*/
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
    /*left: 0;
    -webkit-transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -ms-transition: opacity 0.7s ease-in-out;
    -o-transition: opacity 0.7s ease-in-out;
    transition: opacity 0.7s ease-in-out;
    opacity:0;*/
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    /*left: 0;
    opacity:1;*/
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

     .carousel-inner .item .zoom-img{
         transform:scale(1.2);
         transition:all 4s ease 0s 
    }
     .carousel-inner .item.active .zoom-img{
         transform:scale(1) 
    }
}
 @media all and (transform-3d),(-webkit-transform-3d){
     .carousel-inner>.item{
         -webkit-transition:-webkit-transform .6s ease-in-out 
    }
     .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{
         display:block 
    }
     .carousel-inner>.active{
         left:0 
    }
     .carousel-inner>.next,.carousel-inner>.prev{
         position:absolute;
         top:0;
         width:100% 
    }
     .carousel-control{
         position:absolute;
         bottom:-7px;
         left:0;
         width:auto;
         z-index:1;
         display:none;
    }
     .carousel-control.left{
         left:0;
    }
     .carousel-control.right{
         left:80px;
    }
     .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
         position:absolute;
         bottom:0;
         left:0;
         z-index:1;
         display:inline-block;
        /*background-color:rgba(0,0,0,0.2);
        */
         background-repeat:no-repeat;
         background-position:center center !important;
         width:80px!important;
         height:80px!important;
         background-size:40%!important;
         position:relative;
         -webkit-transition:all .3s ease-in-out;
         -moz-transition:all .3s ease-in-out;
         transition:all .3s ease-in-out 
    }
     .carousel-control .glyphicon-chevron-left{
         left:0;
         background-image:url(../images/icons/prev.svg);
    }
     .carousel-control .glyphicon-chevron-right{
         left:0;
         background-image:url(../images/icons/next.svg);
    }
     .carousel-control .glyphicon-chevron-left:hover,.carousel-control .glyphicon-chevron-right:hover{
         background-size:30%!important;
         background-color:var(--primary-color);
    }
     .carousel-indicators{
         position:absolute;
         bottom:20px;
         left:0;
         z-index:1;
         width:100%;
         list-style:none;
         text-align: left;
         padding: 40px;
         margin:0;
    }
     .carousel-indicators li{
         display:inline-block;
         width:15px;
         height:15px;
         margin:5px;
         text-indent:-999px;
         font-size:0;
         cursor:pointer;
         border:2px solid var(--white);
         border-radius:50%;
    }
     .carousel-indicators .active{
         width:15px;
         height:15px;
         margin:5px;
         background-color:var(--white);
    }
}

 @media screen and (max-width:1200px){
    
.caption-holder {
        width: 50%;
        padding: 20px 0 10px 15px;
    }
 
}
 @media screen and (max-width:980px){
    
.caption-holder {
        width: 70%;
        padding: 20px 0 10px 15px;
    }
 
}
 @media screen and (max-width:767px){
   
     .bgslide{
         width:100%;
         height:300px;
    }
  
    .carousel-caption{
         padding:0;
         width:100%;
    }
.caption-holder {
        width: 80%;
        padding: 7px 0 7px 15px;
    }
    .carousel-caption .container {
    padding-right: 0px;
    padding-bottom: 20px;
}
     .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
         width:50px!important;
         height:50px!important;
         margin-top:-25px;
         font-size:30px;
    }
     .carousel-control.right{
         left:50px;
    }
     .carousel-caption h2{
         font-size: 32px;
         line-height: 35px;
    }
     .carousel-caption h2 {
         padding: 0;
         margin-bottom: 10px;
    }
     .carousel-caption h3{
         font-size:20px;
         line-height: 20px;
         /* display:none; */
         margin-bottom: 2px;
    }
      .carousel-caption p{
         font-size:14px;
         /* display:none; */
    }
     .carousel-control{
         display:block;
    }
     .carousel-indicators li{
         width:15px;
         height:15px;
         display:none;
    }
     .carousel-indicators .active{
         width:15px;
         height:15px;
    }
}
 
 @media screen and (max-width:640px){
    
        .carousel-caption h2 {
        font-size: 25px;
        line-height: 33px;
    }
 
}