.bellboy-wrapper{
position:relative;
margin-top:40px;
}

.bellboy-logo{
position:absolute;
top:-40px;
left:0;
width:120px;
}

/* MAIN BOX */
.bellboy-box{
background:#f2c48c;
padding:35px;
border-radius:2px;
overflow:hidden;
}

/* CONTENT LAYOUT (FIXED) */
.bellboy-content{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

/* ARROWS */
.bellboy-prev,
.bellboy-next{
flex:0 0 auto;
font-size:26px;
border:0;
background:none;
cursor:pointer;
}

/* TEXT */
.bellboy-text{
flex:1;
max-width:100%;
padding:0 10px;
}

/* TITLE + TEXT */
.bellboy-text h3{
margin:0 0 8px 0;
}

.bellboy-text p{
margin:0;
}

/* TRUNCATE */
.bellboy-excerpt{
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* SLIDES */
.bellboy-slide{
display:none;
opacity:0;
transform:translateX(20px);
transition:all 0.5s cubic-bezier(0.4,0,0.2,1);
}

.bellboy-slide.active{
display:block;
opacity:1;
transform:translateX(0);
}

/* LINE */
.bellboy-line{
margin-top:25px;
}

/* PAGINATION */
.bellboy-pagination{
margin-top:10px;
text-align:center;
}

.bellboy-pagination span{
margin:0 6px;
cursor:pointer;
}

/* RESPONSIVE */
@media(max-width:768px){

.bellboy-content{
flex-direction:column;
text-align:center;
}

.bellboy-box{
padding:20px;
}

.bellboy-logo{
width:90px;
top:-30px;
}

}

@media(max-width:480px){

.bellboy-box{
padding:15px;
}

.bellboy-text h3{
font-size:18px !important;
}

.bellboy-text p{
font-size:14px !important;
}

.bellboy-logo{
width:70px;
top:-25px;
}

}