/* ==== Home Carousel Slider ================ */
.home-slide {
max-width:1920px;
margin:auto;
}
.carousel-indicators{
	bottom:0;
margin-left:auto;
margin-right:auto;
}
.carousel-item {
    position: relative;
}

.carousel-indicators [data-bs-target] {
    text-indent: 0;
    color: var(--bsc-white);
    background: var(--bsc-white);
    border: 2px solid var(--bsc-theme1);
}
#carouselExampleIndicators  .carousel-indicators button,
#home-carousel .carousel-indicators button {
width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
opacity:1;
}
#carouselExampleIndicators .carousel-indicators button:last-of-child,
#home-carousel .carousel-indicators button:last-of-child{
	margin-right:0px;
}
.indicator-1, .indicator-2{
	position:relative
}
.banner-caption {
    position: absolute;
    right: 0;
    top: 50%;
    /* right: 0; */
    transform: translateY(-50%);
    width: 35%;
    /* max-width: 1640px; */
    /* margin: auto; */
    /* padding: 0 100px; */
    text-align: left;
}
.left-carousel-data .banner-caption{ left:8%;}
.banner-caption .d-none.d-lg-flex.align-items-center.mb-4{
justify-content: left;
}
.carousel-indicators .active{
    background: var(--bsc-theme1);
}
.carousel-caption {
	padding-top: 0;
	padding-bottom: 0;
	color: var(--bsc-black2);
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	left: auto;
	right: auto;
	margin-top: 20px;
	max-width: 50%;
	bottom: auto;
}
.carousel-caption h1 {
	margin-bottom: 20px;
	transition: ease-in all 0.3s;
	-webkit-transition: ease-in all 0.3s;
	-moz-transition: ease-in all 0.3s;
	-ms-transition: ease-in all 0.3s;
	-o-transition: ease-in all 0.3s;
	top: 30px;
	position: relative;
	opacity: 0;
}
.carousel-item h1 {
	line-height: 1.1;
}
.carousel-item h1 {
    opacity: 1;
    color: var(--bsc-theme1);
font-size: calc(19px + (40 - 19) * ((100vw - 320px) / (1920 - 320)));
}
.carousel-caption p {
	max-width: 450px;
	margin-bottom: 35px;
	transition: ease-in all 0.6s;
	-webkit-transition: ease-in all 0.6s;
	-moz-transition: ease-in all 0.6s;
	-ms-transition: ease-in all 0.6s;
	-o-transition: ease-in all 0.6s;
	top: 30px;
	position: relative;
	opacity: 0;
}
.carousel-item p {
    opacity: 1;
    color: var(--bsc-black2);
    font-weight: 500;
}
.carousel-caption .btn {
	transition: ease-in all 0.9s;
	-webkit-transition: ease-in all 0.9s;
	-moz-transition: ease-in all 0.9s;
	-ms-transition: ease-in all 0.9s;
	-o-transition: ease-in all 0.9s;
	top: 30px;
	position: relative;
	opacity: 0;
}
.carousel-item .btn {
	z-index: 2;
}
.carousel-item.active .btn {
	top: 0;
	opacity: 1;
}
.carousel-item h1.no-indicator-banner {
    font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    color: var(--bsc-theme2);
    margin-bottom: 0;
}
.border-img{
    border:2px solid #fff;
}
.left-line {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 3px;
    background: var(--bsc-black);
    margin-right: 15px;
    top: -5px;
}
.right-line {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 3px;
    background: var(--bsc-black);
    margin-left: 15px;
    top: -5px;
}
.left-line-vertical {
    position: relative;
    width: 2px;
    height: 50px;
    background: var(--bsc-black);
    margin-right: 10px;
}     
.right-line-vertical{
    position: relative;
    width: 2px;
    height: 50px;
    background: var(--bsc-black);
    margin-left: 10px;
}
  .carousel-indicators button {
      margin: 0 2px;
      border: none;
      border-radius: 100%;
      line-height: 30px;
      color: #fff;
      background-color: #999;
      transition: all 0.25s ease;
      }
/* ==== Home Carousel Slider ================ */


/*------- Media Queries ---------------------------------------- */

/* Start min-width:768px */
@media (min-width:768px){
}


/* Start max-width:1599px */
@media (max-width:1599px){

}


/* Start max-width:1349px */
@media (max-width:1349px){

}
/* Start max-width:1199px */
@media (max-width:1199px){
.carousel-caption h1 {
	margin-bottom: 10px;
}
.carousel-caption p {
	margin-bottom: 25px;
}



}
/* End max-width:1199px */



/* Start max-width:991px */
@media (max-width:991px){
.carousel-custom .carousel-item {
	margin-top: 0;
}
.carousel-indicators{
	bottom:-12%;
}
.banner-caption{
width:45%;
}
.left-carousel-data .banner-caption {
    left: auto;
}


}
/* End max-width:991px */
@media (max-width:768px){
.carousel-indicators{
	bottom:0;
}
}
/* Start max-width:767px */
@media (max-width:767px){
.carousel-indicators{
	bottom:0;
}
#home-carousel .carousel-indicators button{
width: 10px;
    height: 10px;
}
.home-slide{    padding: 5px;}

.carousel-item h1{
    font-size: 25px;
}
}
/* End max-width:767px */

/* Start max-width:575px */
@media (max-width:575px){
.carousel-caption {
	max-width: 70%;
}
.carousel-caption p {
	display: none;
}
.carousel-indicators {
    right: 10px;
    margin-bottom: 5px;

}
.carousel-indicators [data-bs-target] {
	width: 12px;
	height: 12px;
	border: solid 2px var(--bsc-theme1);
}
/*.carousel-indicators .active[data-bs-target]::after {
	width: 6px;
	height: 6px;
}*/
.carousel-item .btn {
   margin-top:15px;
}
.carousel-item .border-img {
	max-width: 240px;
}
.banner-caption {
    padding: 0 10px;
    width: 51%;
}
.carousel-item h1.no-indicator-banner{font-size:15px;}
.carousel-item h1{font-size:15px;}
.banner-caption .d-lg-flex.align-items-center.mb-4{display:none;}
#home-carousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    line-height: 1;
}
}
/* End max-width:575px */
/*------- Media Queries ---------------------------------------- */