@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

.blueiris-wrapper{
width:100%;
margin:0;
padding:0;
font-family:'Poppins',sans-serif;
}

.blueiris-wrapper section{
padding:100px 8%;
margin:0;
}

:root{
--navy:#0A2233;
--iris:#0F4C75;
--bright:#1FA2FF;
--soft:#F2F9FF;
--muted:#D7EFFF;
--textsoft:#6C7A86;
}

.blueiris-wrapper h1,
.blueiris-wrapper h2,
.blueiris-wrapper h3{
font-weight:600;
margin:0;
}

.blueiris-wrapper p{
color:var(--textsoft);
line-height:1.7;
}

.btn{
background:linear-gradient(135deg,var(--iris),var(--bright));
padding:14px 32px;
border-radius:40px;
color:white;
text-decoration:none;
font-size:14px;
display:inline-block;
transition:.3s;
}
.btn:hover{opacity:.85}

/* SLIDER */
.slider{
position:relative;
width:100%;
height:100vh;
overflow:hidden;
}

.slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
opacity:0;
transition:opacity .8s ease;
}

.slide.active{
opacity:1;
z-index:2;
}

.overlay{
position:absolute;
inset:0;
background:rgba(10,34,51,.65);
}

.slide-content{
position:relative;
z-index:3;
max-width:900px;
padding:0 20px;
}

.slide-logo{
width:120px;
height:120px;
object-fit:contain;
margin-bottom:25px;
}

.slide h1{
font-size:46px;
margin-bottom:20px;
color:white;
}

.slide p{
font-size:18px;
margin-bottom:30px;
color:var(--muted);
}

.arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:55px;
height:55px;
border-radius:50%;
background:rgba(255,255,255,.2);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:5;
color:white;
font-size:28px;
backdrop-filter:blur(8px);
}

.arrow.left{left:40px}
.arrow.right{right:40px}

@media (max-width:768px){
.arrow{display:none;}
}
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
opacity:0;
transition:opacity .8s ease;
}

input[type="radio"]{
display:none;
}

/* Show slides */
#slide1:checked ~ .slides .s1,
#slide2:checked ~ .slides .s2{
opacity:1;
z-index:2;
}

.overlay{
position:absolute;
inset:0;
background:rgba(10,34,51,.65);
}

.slide-content{
position:relative;
z-index:3;
max-width:900px;
padding:0 20px;
}

.slide-logo{
width:120px;
height:120px;
margin-bottom:25px;
}

.slide h1{
font-size:46px;
color:white;
margin-bottom:20px;
}

.slide p{
color:#D7EFFF;
margin-bottom:30px;
}

/* ARROWS */
.arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:55px;
height:55px;
border-radius:50%;
background:rgba(255,255,255,.2);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:5;
color:white;
font-size:28px;
}

.arrow.left{left:40px}
.arrow.right{right:40px}

@media (max-width:768px){
.arrow{display:none;}
}

/* SERVICES */
.services{
background:var(--soft);
text-align:center;
}

.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:40px;
margin-top:60px;
}

.card{
position:relative;
height:420px;
border-radius:22px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;
}

.card:hover{transform:translateY(-10px)}

.card img{
width:100%;
height:100%;
object-fit:cover;
}

.card-overlay{
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(10,34,51,.92),rgba(10,34,51,.4));
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:35px;
color:white;
}

.card-overlay h3{
color:white;
margin-bottom:8px;
font-size:22px;
}

.card-overlay p{
color:#CFEAFF;
font-size:14px;
margin-bottom:20px;
}

/* ABOUT */
.about{
background:white;
display:flex;
flex-wrap:wrap;
gap:60px;
align-items:center;
}

.about img{
max-width:500px;
width:100%;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}

/* CONTACT */
.contact{
background:var(--soft);
text-align:center;
}

.contact-box{
max-width:600px;
margin:auto;
margin-top:40px;
}

.footer{
background:#0A2233;
color:white;
padding:30px;
text-align:center;
}
/* LUXURY HERO */

.hero-luxury{
position:relative;
width:100%;
height:100vh;
display:flex;
background:#0A2233;
font-family:'Poppins',sans-serif;
overflow:hidden;
}

/* Background image */
.hero-luxury::before{
content:"";
position:absolute;
inset:0;
background:url('https://blueirismedicalservices.com/wp-content/uploads/2026/02/botox.webp') center/cover no-repeat;
filter:brightness(0.6);
z-index:0;
}

/* Soft luxury overlay */
.hero-luxury::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg, rgba(10,34,51,.85) 0%, rgba(10,34,51,.6) 100%);
z-index:1;
}

.hero-container{
position:relative;
z-index:2;
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 8%;
}

/* Logo */
.hero-logo{
width:140px;
margin-bottom:40px;
}

/* Left Content */
.hero-left{
max-width:550px;
color:white;
}

.hero-left h1{
font-size:52px;
margin-bottom:20px;
font-weight:600;
}

.hero-left p{
color:#D7EFFF;
font-size:18px;
margin-bottom:35px;
line-height:1.7;
}

/* Luxury Cards */
.hero-services{
display:flex;
gap:40px;
}

.hero-card{
backdrop-filter:blur(10px);
background:rgba(255,255,255,0.08);
padding:40px;
border-radius:20px;
width:320px;
color:white;
transition:.4s;
border:1px solid rgba(255,255,255,0.15);
}

.hero-card:hover{
transform:translateY(-8px);
background:rgba(255,255,255,0.15);
}

.hero-card h3{
font-size:22px;
margin-bottom:15px;
}

.hero-card p{
color:#CFEAFF;
font-size:15px;
margin-bottom:25px;
}

.btn-luxury{
background:linear-gradient(135deg,#0F4C75,#1FA2FF);
padding:12px 26px;
border-radius:40px;
color:white;
text-decoration:none;
font-size:14px;
display:inline-block;
transition:.3s;
}

.btn-luxury:hover{
opacity:.85;
}

/* MOBILE */
@media (max-width:1000px){
.hero-container{
flex-direction:column;
text-align:center;
gap:50px;
padding-top:120px;
}

.hero-services{
flex-direction:column;
align-items:center;
}
}
/* FORCE WHITE TEXT IN LUXURY HERO */

.hero-luxury,
.hero-luxury h1,
.hero-luxury h2,
.hero-luxury h3,
.hero-luxury p {
  color: #ffffff !important;
}

.hero-luxury p {
  color: #D7EFFF !important;
}
/* FIX MOBILE HERO LUXURY */

@media (max-width: 1000px){

.hero-luxury{
height:auto !important;
min-height:100vh;
flex-direction:column;
padding:120px 20px 80px 20px;
}

.hero-container{
flex-direction:column;
align-items:center;
justify-content:center;
gap:50px;
padding:0;
}

.hero-left{
max-width:100%;
text-align:center;
}

.hero-left h1{
font-size:36px;
}

.hero-left p{
font-size:16px;
}

.hero-services{
flex-direction:column;
width:100%;
gap:30px;
}

.hero-card{
width:100%;
max-width:100%;
padding:30px;
}

.hero-logo{
width:100px;
}

}