.flexslider {
		width: 100%;
		margin: 0 auto;
		box-shadow: none;
}


h3.blackhead{
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0;
}


.flexslider li {
		position: relative;
} 

.flexslider li .meta {
		position: absolute;
		top: 4%;
		left: 2%;
		color: white;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
	  background:#fff;
      text-align: center;
  
}




.flexslider li h3 {
    color: #9d8375;
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
     text-align: center;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
}



.flexslider li h4 {
    color: #9d8375;
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
     text-align: center;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.flexslider li h2 {
    color: #9d8375;
    font-family: Playfair Display,serif;
    font-size: 33.6px;
    font-weight: 400;
}


.flexslider li p {
    color: #000;
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    display: block;
    text-align: center;
}

.flexslider li {
  
    margin: 0;
 
}
.show {display:block;}
.hide {display:none;}

.flexslider .meta {
    background-color: #ecefef;
    height: 650px;
    margin-left: 20px;
    overflow: hidden;
    padding: 35px;
    width: 40vw;
}
.flex-direction-nav {
		position: absolute;
		bottom: 0;
		right: 30px;
}


.button1 {
    background-color: #9d8375;
    border: 1px solid #876e63;
    color: #fff!important;
    display: inline-block;
    font-family: Montserrat,sans-serif!important;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 20px;
    text-decoration: none!important;
      border-radius: 20px;
    font-size: 14px;
    font-weight: 700!important;
    letter-spacing: 2px;


}

.flexslider {
    margin: 0 0 0px!important;
    background: #fff!important;
    border: none!important;
   box-shadow: none!important;
   
}


.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0px!important;
    text-align: center;
}

.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 30px;
		height: 30px;
		background-color: #333;
		margin: -20px 0 0;
		position: absolute;
		top: 50px;
		z-index: 10;
		overflow: hidden;
		opacity: .5;
		cursor: pointer;
		color: #fff;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
}

.flex-direction-nav {
    display: none;
}

    


.flex-control-paging li a {
  
    background: #fff!important;
    background: #fff!important;
    box-shadow:none;
    opacity: 1!important;
}


.case-study {
  position: relative;
  width: 100%;
  list-style-type: none;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000087;
}


.flex-control-paging li a.flex-active {
    background: #9d8375!important;
    background: #9d8375!important;
    opacity: 1!important;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
		opacity: 0;
}

.flex-direction-nav a:before {
		font-family: FontAwesome;
		content: '\f104';
		font-size: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: 0;
		padding: 2px;
		font-size: 19px;
    line-height: 27px;
}

.flex-direction-nav a.flex-next:before {
		content: '\f105';
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    z-index: 9;
}



.flexslider .slides img {
    width: 100%;
    display: block;
    height: 720px;
    object-fit: cover;
}

.flexslider .slides img::after { 
    content: ""; // ::before and ::after both require content
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #eaee44, #33d0ff);
    opacity: .7;
}

@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}


@media (max-width: 767px) {

.flexslider .meta {
    background-color: #ecefef;
    height: 654px; 
    margin-left: 0;
    overflow: hidden;
    padding: 15px;
    width: 96vw;
}
  .casestudy h3.blackhead {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px; 
    margin-top: 0;
    display:inline-block;
}
  .casestudy a.button1.bx2{
  margin-top:0px;
  }
}