/* Last Update : 2017-10-13 */
/* DO NOT EDIT THIS */
 @import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap');


.banner-item .banner-caption{
	position: absolute;	
}

/* all banner caption */
.banner-item .banner-caption{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-family: 'Roboto';
}

/* banner number start from 0 */
/* banner caption no 1 */
.banner-item .banner-caption.id-0{


}

/* banner caption no 2 */
.banner-item .banner-caption.id-1{
   
}




.banner-item {
     overflow:hidden
}
.banner-img {
     animation:zoom 25s linear infinite alternate;
}
@keyframes zoom {
     0% {
      transform:scale(1.25)
     }
     50% {
      transform:scale(1)
     }
     100% {
      transform:scale(1.25)
     }
}


.b-title {
    font-family: 'Almarai', sans-serif;
    color: #fff;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
    font-size: 5.5em;
    font-weight: 400;
    text-transform: uppercase;
}

.b-title-small {

    font-family: 'Almarai', sans-serif;
    color: #d39149;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 2em;

}

.b-white-btn{
    background-color:rgb(255,255,255,0);
    border:2px solid rgb(255,255,255,0.7);
    color:#fff !important;
    transition:Ease-in-out 0.3s;
    font-weight:bold;
    font-size:16px;
    padding:10px 40px;
    display: inline-block;
    width:max-content;
    border-radius:20px;
    margin:20px auto 0 auto;
}

.b-white-btn:hover{
    background-color:rgb(255,255,255);
    color:#ff9e29!important;
    text-decoration:none;
}





@media screen and (max-width: 480px) {
	/* ONLY EDIT IF DIFFERENT WITH DESKTOP */
	/* all banner caption */
	.banner-item .banner-caption{
	}

	/* banner number start from 0 */
	/* banner caption no 1 */
	.banner-item .banner-caption.id-0{
	}

	/* banner caption no 2 */
	.banner-item .banner-caption.id-1{
	}
    
    
    

    .b-title{
            font-family: 'Leckerli One', cursive;
            color: #fff;
            text-shadow:5px 5px 7px rgb(0,0,0,0.5);
            font-size: 1.8em;
    }


    .b-white-btn{
        background-color:rgb(255,255,255,0);
        border:2px solid rgb(255,255,255,0.7);
        color:#fff !important;
        transition:Ease-in-out 0.3s;
        font-weight:bold;
        font-size:12px;
        padding:3px 20px;
        display: inline-block;
        width:max-content;
        border-radius:20px;
        margin:20px auto 0 auto;
    }

    .b-white-btn:hover{
        background-color:rgb(255,255,255);
        color:#ff9e29!important;
        text-decoration:none;
    }

}