.carousel-indicators{
	width:100%;
	background-color: #efefef;
	margin:0;
	left: 0;
	bottom:0;
	padding-bottom:5px;
}
.carousel-indicators .active{
	background-color: #2e8eda;
}
.carousel-indicators li{
	border-color: #2e8eda;
	background-color: none;
}
.carousel-control{
	border-color:transparent;
	color: #2e8eda;
	font-size: 8rem;
}
.carousel{
	width: 100%;
	position:relative;
	left:0;
	right:0;
	top: auto;
	bottom: auto;
}
/* #mycontainer{
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
} */
section.section-padding.gray-bg{
	padding: 60px;
}
.carousel-inner{
	position:relative;
	left:10%;
	right:auto;
	width:80%;
	padding-bottom: 3%;
}
.mybutton-l{
	position: absolute;
	right:auto;
	left: 5%;
	width:5%;
	height:5%;
	top:40%;
}
.mybutton-r{
	position: absolute;
	left:auto;
	right: 5%;
	top:40%;
	width: 5%;
	height:5%;
}
p.box-area{
	 border-top: 0;
	 width: 100%;
	 height:80%;
	 margin-top: 0;
	 border-top: none;
}
h4.box-area{
	line-height:20%;
	text-align: center;
	background-color:rgb(46 142 218);
	height:20%;
	width:100%;
	color:#fff;
	margin-bottom: 0;
	border-bottom: none;
}
.mydiv1{
	position: relative;
	box-shadow: o 1px 15px 0 rgb(0 0 0 / 22%);
	height:365px;
	width: 45%;
	float:left;
    border-width:10px;
    border-style:solid;
    border-color:white;
    margin-right:2.5%;
    margin-left:2.5%;
    background-color:#e6eaed;
}
.mydiv2{
	position: relative;
	box-shadow: o 1px 15px 0 rgb(0 0 0 / 22%);
	height:365px;
	width: 45%;
	float:left;
	border-width:10px;
	border-style:solid;
	border-color:white;
	margin-right:2.5%;
	margin-left:2.5%;
	background-color:#e6eaed;
}
.mydiv1 img{
	width:100%;
	height:55%;
}
.mydiv2 img{
	width:100%;
	height:55%;
}
.mydiv2 .ca-title{
	padding-left:20px;
	padding-right:20px;
	width: 100%;
	position: relative;
}
.mydiv1 .ca-title{
	padding-left:20px;
	padding-right:20px;
	width: 100%;
	position: relative;
}
.mysec{
	background-color:#efefef;
	padding-top: 20px;
}