.topbanner {
	background:url('../images/orangeradial.png');
	background-repeat:no-repeat;
	background-position:center -150px;
	height:666px;
	overflow:hidden;
	padding-top:0px
}
.slider {
	min-height:440px;
}
.slide-item {
	width:100%;
	min-height:440px;
	color:#18191B;
	/* font-size:20px; */
	padding: 30px 0;
	
}
.slide-desc{
	transform: translateY(40%);
	transition: all 1s ease;
	opacity: 0;
	font-weight: 500;
	 font-size: calc(var(--fontsize)* 1.1);
}
.slide-desc h3  {
    font-size: calc(var(--fontsize)* 2);
	margin-bottom: 10px;
}
.slide-item.slick-active .slide-desc{
	transform: translateY(0%);
	opacity: 1;
}
.slide-right {
	padding-right:100px;
}
.discovermore .card {
	border-radius:calc( var(--fontsize) * 1.2);
	padding:24px;
}
.verticalslidecontainer {
	background: rgb(255,138,0);
	background: -moz-linear-gradient(180deg, rgba(255,138,0,1) 13%, rgba(255,91,5,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,138,0,1) 13%, rgba(255,91,5,1) 100%);
	background: linear-gradient(180deg, rgba(255,138,0,1) 13%, rgba(255,91,5,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8a00",endColorstr="#ff5b05",GradientType=1);
	padding: 40px 0;
}
.sliderverticaldots  .slick-dots {
	display: flex; 
	justify-content: center;
	padding: 0 15px;
	margin: -10px 0;
	transform:rotate(90deg);
	width:0px;}

.sliderverticaldots .slick-dots li {
    margin: 0 0px;
    display: flex;
    justify-content: center;
    align-items: center;  
	width: 30px;
	margin-right:13px;
}
.sliderverticaldots  .slick-dots li button {
	width: 12px; 
	height: 12px;
	border-radius: 50%;
	background: #B74712;
	transition: all 0.3s;
}
.sliderverticaldots  .slick-dots li:hover  button{
	background: #ffffff80;
}
.sliderverticaldots  .slick-dots li.slick-active button {
	width: 30px;
	background: #fff;
	border-radius: 30px; 
}
.sliderverticaldots  .slick-dots li.slick-active button:before{
	display:none;	
}
.sliderverticaldots  .slick-dots li button:before{
	display:none;		
}
.discovermore {
    /* background: url(../images/orangeradial.png); */
    background-repeat: no-repeat;
    background-position: top 31% center;
    background-size: cover;
}
.discovermore .card-body {
	padding: 0;
}
.discovermore .card-title {
	font-weight:700;
}
.islamicmotif {
    height: 116px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/motif.png);
    background-repeat: repeat-x;
    background-position: center top -62px;
    z-index: 0;
    opacity: 0.06;
}
@media (max-width: 991.98px) {
	
.topbanner {
	height:auto;
}
.topbanner-left {
    padding-top: 80px!important;
    padding-right: inherit!important;
}
.topbanner-left h2 {
	font-size:32px;
}
.slide-right {
	padding-right:0;
}
.sliderverticaldots .slick-dots li.slick-active button, .slick-dots li.slick-active button {
    background: #fff;
}
.discovermore {
	padding-top:30px;
}
.discovermorerow .slick-dots, .slick-dots {
	bottom:-58px;
}
.discovermorerow .slick-dots li button, .slick-dots li button {
	background:#B74712;
}
.discovermorerow .slick-dots li.slick-active button, 
.slick-dots li.slick-active button {
	background: #fff;
}
   
}