*{
  box-sizing: border-box;
}
  .main .container{
    overflow-x: hidden;
    width: 100%;
    margin: 0 auto;
	margin:0 ;
	padding:0 ;
	height:150px ;
  }
    .main .container #carouselController,.main .container #carouselController1{
      display: flex;
      justify-content: center;
      width: 100%;
    }
      .main .container #carouselController .button,.main .container #carouselController1 .button{
        width: 1rem;
        height: 1rem;
        margin: .5rem;
        border-radius: 50%;
        border: solid 2px #fff;
        cursor: pointer;
      }
        .main .container #carouselController .active,.main .container #carouselController1 .active{
          background-color: #666;
        }
    .main .container .content-carousel{
      display: flex;
    }
      .main .container .content{
	width: 100%;
	padding-left: 0;

        transition-duration: .5s;
	position: relative;
	left: 0%;
	display: flex;
	margin: 1rem 0;
      }
        .main .container .content h2{
	color: #fff;
	font-size: 15px;
        }
      
    .main .container h3{
      color: #fff;
      margin-top: 2rem;
    }
    .main .container p{
      color: #fff;
      margin: 0;
    }
    .main .container a{
      color: #ECC200;
      text-decoration: none;
    }
      .main .container a:hover{
        text-decoration: underline;
      }