@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

:root{
    /*--theme-color: #653405;*/
	--theme-color: #eab830;
	--secondary-color: #eab830;
	--white-color: #ffffff;
	--dark-color: #000000;
	--button-color: #02a9c4;
}

.carousel-wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
	background:#ffffff;
}

.carousel-wrap-footer {
    width: 100%;
	height:100px;
    position: absolute;
	background:#ffffff;
	bottom:0;
	left:0;
	z-index:1000;
	clip-path: polygon(50% 51%, 100% 0, 100% 100%, 0 100%, 0 0);
}

.carousel-wrap2 {
    margin: 0 auto;
    padding:10px;
    width: 100%;
    position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item, .owl-carousel2 .item {
  position: relative;
  margin:0;
  z-index: 100; 
}

.owl-carousel .item2, .owl-carousel .item3 {
  position: relative;
  margin:0 0 10px;
  z-index: 100;
  padding:0 0 10px;
  background:#ffffff;
}
.owl-carousel .item3:hover {
  background:var(--theme-color);
  color:#ffffff;
}

.owl-carousel .item3:hover h2 {font-size:16px; padding-top:10px; padding-bottom:4px; color:#ffffff;}

.owl-carousel .item .caption, .owl-carousel .item2 .caption, .owl-carousel .item3 .caption{position:absolute; z-index:2000;
top:0; left:0; right:0; text-align:left;}

.owl-carousel .item .caption > h1, .owl-carousel .item2 .caption > h1, .owl-carousel .item3 .caption > h1{
font-weight:bold; font-size:52px; font-family:'Arial-narrow'; color:#000000; text-transform:uppercase; padding-bottom:0; margin-bottom:0;
}
.owl-carousel .item .caption1 > a{font-weight:bold; font-size:42px; font-family:'Arial-narrow'; color:#000000;  background:#f74f21; border:solid 7px #ffffff; border-radius:45px;text-transform:uppercase; padding-bottom:0; margin-bottom:0;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.22);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.22);
}

.owl-carousel .item .caption > h1:after, .owl-carousel .item2 .caption > h1:after, .owl-carousel .item3 .caption > h1:after{display:none;}

.owl-carousel .item .caption > h5, .owl-carousel .item2 .caption > h5, .owl-carousel .item3 .caption > h5{
font-size:30px; font-family:'Dancing Script'; color:#000000; padding-bottom:20px;
}


.owl-carousel .item .caption > span > a, .owl-carousel .item2 .caption > span > a, .owl-carousel .item3 .caption > span > a{
	color:#ffffff; text-decoration:none;
}


.owl-carousel .item > span, .owl-carousel .item2 > span, .owl-carousel .item3 > span {display:block; text-align:justify; font-size:18px; padding:70px 80px 70px 60px;}
.owl-carousel .item > span:before, .owl-carousel .item2 > span:before, .owl-carousel .item3 > span:before {content:""; padding:50px 50px; background:url(../images/quote.png) no-repeat left top;}

.owl-carousel .item > span > h1, .owl-carousel .item2 > span > h1, .owl-carousel .item3 > span > h1{font-size:22px; font-family:arial; font-weight:bold; text-align:right;}

.owl-carousel .item > img{width:180px; height:362px; margin:0 auto;}
.owl-carousel .item2 > img{width:100px; height:100px; margin:0 auto;}

.owl-carousel .item3 > div > div > p{width:100%!important; height:240px!important; margin:0 auto; overflow:hidden; display:block;}
.owl-carousel .item3 > div > div > p > img{width:100%!important; height:300px!important; margin:0 auto;  transition:ease all 0.3s;}

.owl-carousel .item3 > div > div > p:hover img{transform:scale(1.1);}


.owl-carousel .item2 h2, .owl-carousel .item3 h2 {font-size:16px; padding-top:10px; padding-bottom:4px; color:var(--theme-color); font-weight:600;}
.owl-carousel .item3 h2 {font-size:18px;}
.owl-carousel .item2 h3, .owl-carousel .item3 h3 {font-size:16px; line-height:25px; padding:0 20px; text-align:justify;}
.owl-carousel .item2 h4, .owl-carousel .item3 h4 {padding-top:30px; font-size:20px;}
.owl-carousel .item2 h5, .owl-carousel .item3 h5 {font-size:15px;}


.carousel-caption {
    position: absolute;
    right: 10%;
    top: 0;
    left:0;
	width:100%;
	height:100%;
    padding-top: 2.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
	text-shadow: 3px 3px 4px rgba(0,0,0,0.4);
	z-index:0;
	 background:rgba(0,0,0,0.3);
}

.carousel-caption > h2, .carousel-caption > h3 {
    position:absolute;
	bottom:35%;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	width:90%;
	font-weight:bold;
	font-size:50px!important;
	color:var(--theme-color);
	font-family: "Lexend", sans-serif;
	text-transform:uppercase;
}
.carousel-caption > h2 {
    position:absolute;
	bottom:25%;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	color:#ffffff;
	font-size:60px!important;
}

/* end fix */

.owl-nav {
    margin-top: -26px;
    position: absolute;
    top: 0;
    color: #cccccc;
    background:var(--theme-color);
    padding: 0 10px;
	width:15px;
	right:40px;
}

.owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top: 0;
    color: #cccccc;
    background:var(--theme-color);
    padding: 0 10px;
}

.owl-nav i {
  font-size: 42px!important;
}

.owl-nav .owl-prev {
  left: -25px;
}

.owl-nav .owl-next {
  right: -40px;
}

@media (max-width: 800px) {	
	
.carousel-wrap {
    margin: 0 auto 20px;
}

.carousel-wrap-footer {
   display:none;
}

.carousel-caption {
    display:none;
}

.carousel-caption > h2, .carousel-caption > h2 strong {
    font-size: 20px!important;
}

.carousel-caption > h3 {
    font-size: 16px!important;
}

.owl-nav > div {
  margin-top: -26px;
  top: 85%;
}

.owl-nav .owl-prev {
  left: -20px;
}

.owl-nav .owl-next {
  right: -30px;
}

.owl-nav i {
  font-size: 25px!important;
}


.owl-carousel .item .caption1 > a {
    font-size: 28px;
    border: solid 7px #ffffff;
}

h1,h2,h3 {font-size: 20px; padding-bottom: 2px;}

}

@media (max-width: 580px) {		
.owl-carousel .item > .img2, .owl-carousel .item2 > .img2{width:100%; height:260px; margin:0 auto;}
}

@media (max-width: 580px) {
.carousel-wrap {
    margin: 0 auto;
}


}

@media (max-width: 450px) {
.carousel-wrap {
    margin: 0 auto;
}

.owl-nav .owl-prev {
  left: -20px;
}
}