#slid1, #slid2, #slid3, #slid4, #slid5, #slid6 {
    opacity: 0;
}
.sldhfr {
	opacity: 0;
}
.carousel-control-prev {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 50%;
    left: 30px;
    color: #000;
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.carousel-control-next {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 50%;
    right: 30px;
    color: #000;
    border: none;
    border-radius: 0;
    background-color: transparent;
}
@keyframes dropInFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInFromBottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.topcarousel-inner {
}
.topcarousel-item {
	background-color:#F5F5F5; ;
}
#yourCarousel {

}
.carimg {
	position:relative;
	width: 100%;
	max-width:236px;
	margin:0 auto;
	aspect-ratio: auto;
}
.carousel-item.active #slid1 {
    animation: dropInFromTop 1s ease-in-out forwards;

}
.carousel-item.active #slid2 {
    animation: fadeInFromBottom 1s ease-in-out forwards;
}

.carousel-item.active #slid3 {
    animation: dropInFromTop 1s ease-in-out forwards;

}

.carousel-item.active #slid4 {
    animation: dropInFromTop 1s ease-in-out forwards;

}
.carousel-item.active #slid5 {
    animation: fadeInFromBottom 1s ease-in-out forwards;

}

.carousel-item.active #slid6 {
    animation: dropInFromTop 1s ease-in-out forwards;

}

.carousel-item.active .sldhfr {
    animation: fadeInFromBottom 1s ease-in-out forwards;

}


#yourCarousel {
	

}
.topbtns {
	position: relative;
	top: -6px;
}
.therighthero {
	max-width:640px;
}
.limitz {
	max-height: 792px;
}
.carimg {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    aspect-ratio: auto;
}

@media (min-width:768px) {
	.carimg {
	    position: relative;
	    width: 100%;
	    max-width: 465px;
	    margin: 0 auto;
	    aspect-ratio: auto;
	}
}
@media (min-width:992px) {
	#yourCarousel {
		
	}
	.carimg {
		max-width:294px;

	}
	.topbtns {
		position: relative;
		top: 0px;
	}

}	
@media (min-width:1023px) {
	.carimg {
		max-width:291px;

	}
}
@media (min-width:1200px) {
	.topbtns {
		position: relative;
		top: -6px;
	}
	#yourCarousel {
		
	}
	.carimg {
		max-width:347px;
	}
	.logosbg {
	    position: relative;
	    z-index: 9;
	    background-color: #fff;
	    padding-top: 7px;
	    padding-bottom: 7px;
	}
	.bnrhdr {
	    font-size: 36px;
	    line-height: 42px;
	    font-weight: 400;
	}
	
}

@media (min-width:1400px) {
	.logosbg {
	    position: relative;
	    z-index: 9;
	    background-color: #fff;
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
}
@media (min-width:1400px) {
	#yourCarousel {

	}
	.carimg {
		max-width:400px;
	}
	.therighthero {
		max-width:640px;
	}
}
@media (min-width: 1649px) {
	#yourCarousel {
		
	}
	.carimg {
		max-width:508px;
	}
	.therighthero {
		max-width:1300px;
	}

}
@media (min-width: 1799px) {
	.carimg {
		max-width:562px;

	}
}
@media (min-width: 1920px) {
   #yourCarousel {
   		
   }
   .carimg {
   	max-width:563px;
   }
}