/* ==============================
   UNIVERSAL SLIDER
   ============================== */

.universalSlider{
width:100%;
background:#000;
overflow:hidden;
}

/* container */

.universalSlider_container{
position:relative;
}

/* track */

.universalSlider_track{
display:flex;
transition:transform .6s ease;
}

/* slide */

.universalSlider_slide{
min-width:100%;
display:flex;
flex-direction:column;
align-items:center;
}

/* title */

.universalSlider_text{
width:100%;
text-align:center;
padding:16px 20px;
background:#111;
color:#fff;
}

.universalSlider_text h2{
margin:0;
font-size:26px;
}

.universalSlider_text h3{
margin-top:6px;
font-size:15px;
opacity:.9;
}

/* image wrapper */

.universalSlider_imageWrapper{
position:relative;
width:100%;
display:flex;
justify-content:center;
align-items:center;
background:#000;
}

.universalSlider_imageWrapper img{
width:100%;
max-width:1100px;
height:auto;
display:block;
}   

/* arrows */

.universalSlider_prev,
.universalSlider_next{

position:absolute;

top:50%;
transform:translateY(-50%);

width:clamp(36px,4vw,48px);
height:clamp(36px,4vw,48px);

font-size:clamp(18px,2vw,26px);

display:flex;
align-items:center;
justify-content:center;

background:#222;
color:#fff;

border:none;
border-radius:50%;

cursor:pointer;
z-index:5;
}

/* outside image */

.universalSlider_prev{
left:-20px;
}

.universalSlider_next{
right:-20px;
}

/* dots */

.universalSlider_dots{
position:absolute;
bottom:15px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:8px;
z-index:50;
pointer-events:auto;
}

.universalSlider_dots span{
width:10px;
height:10px;
background:#fff;
border-radius:50%;
opacity:.4;
cursor:pointer;
}

.universalSlider_dots span.active{
opacity:1;
background:#ffcc99;
}
/* ==============================
   CONTACT ICONS
   ============================== */

.universalSlider_contact{

position:absolute;

top:12px;
right:12px;

display:flex;

gap:8px;

z-index:20;

}

/* icon container */

.universalSlider_contact a{

width:34px;
height:34px;

display:flex;
align-items:center;
justify-content:center;

background:#ffffff;

border-radius:50%;

box-shadow:0 2px 6px rgba(0,0,0,.25);

transition:transform .2s ease;

}

/* icon hover */

.universalSlider_contact a:hover{

transform:scale(1.08);

}

/* icon images */

.universalSlider_contact img{

width:18px;
height:18px;

object-fit:contain;

}

/* ==============================
   MOBILE ADJUSTMENT
   ============================== */


/* mobile */

@media(max-width:768px){

.universalSlider_imageWrapper img{
height:auto;
max-height:360px;
}

.universalSlider_prev{
left:0px;
width: 19px;
    height: 17px;
}

.universalSlider_next{
right:0px;
width: 19px;
    height: 17px;
    
}

.universalSlider_text h2{
font-size:24px;
}

.universalSlider_text h3{
font-size:15px;
}
.universalSlider_contact a{

width:30px;
height:30px;

}

.universalSlider_contact img{

width:16px;
height:16px;

}
}