.carousel{position:relative}
 .carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}
 .carousel-inner{position:relative;width:100%;overflow:hidden; padding:20px 0px;}
 .carousel-inner::after{display:block;clear:both;content:""}
 .carousel-item{
	 position:relative;
	 display:none;
	 float:left;
	 width:90%;
	 padding:30px 5% 30px 5%;
	 margin-right:-100%;
	 -webkit-backface-visibility:hidden;
	 backface-visibility:hidden;
	 transition:-webkit-transform .6s ease-in-out;
	 transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
	 }
	 @media (prefers-reduced-motion:reduce){
		 .carousel-item{transition:none}
		 }
		 .carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
		 .active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}
		 .active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}
		 .carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}
		 
		 .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity} 
		 
		 
		 @media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}} 
		 
		 .carousel-control-next,.carousel-control-prev{
			 position:absolute;
			 top:0;
			 bottom:0;
			 z-index:1;
			 display:-ms-flexbox;
			 display:flex;
			 -ms-flex-align:center;
			 align-items:center;
			 -ms-flex-pack:center;
			 justify-content:center;
			 width:2%;
			 color:#fff;
			 text-align:center;opacity:.5;
			 transition:opacity .15s ease}

			 @media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
			 
			 .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
			 .carousel-control-prev{left:0}
			 .carousel-control-next{right:0}
			 .carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}
			 .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%237f8c8d' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}
			 .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%237f8c8d' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}
/*# sourceMappingURL=bootstrap.min.css.map */




 
.carousel-item .text{
	 width:100%;
	 margin: auto;
	 min-height:300px;
 } 

.carousel-item .text .left-div{
	width:53%;
	float:left;
	padding-right:5%;
	border-right:#95a5a6 1px solid;
}
.carousel-item .text .left-div img{
	width:100%;
}
.carousel-item .text .right-div{
	width:40%;
	float:left;
}
.carousel-item .text .right-div .info{
	padding-top:40px;
	padding-left:10%;
	width:80%;
	float:left;
	text-align: justify;
	line-height:25px;
}
.carousel-item .text .right-div .info h3{
	text-align:left;
	font-size:20px;
	color:#22BCEF;
}
.carousel-item .text .right-div .info .readmore-btn{
	margin:10px;
	background:#22BCEF;
	border:none;
	color:#FFF;
	min-width:200px;
	height:50px;
	border-radius:7px;
    font-family: body_text;
	font-size:17px;
	padding:0px 10px;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
}
.carousel-item .text .right-div .info .readmore-btn:hover{
	background:#68AF3C;
}



@media all and (max-width:820px) {
.carousel-item .text .left-div{
	width:90%;
	float:none;
	padding-right:0%;
	border-right:none;
	margin:auto;
}
.carousel-item .text .right-div{
	width:90%;
	float:none;
}
.carousel-item .text .right-div .info{
	padding-top:20px;
	padding-left:0px;
	width:90%;
	float:none;
	margin:auto;
}
}
@media all and (max-width:450px) {
.carousel-item .text .left-div{
	width:100%;
}
.carousel-item .text .right-div{
	width:100%;
}
.carousel-item .text .right-div .info{
	width:100%;
}
}