body {
background: linear-gradient(to right,#eef2f5,#dfe9f3);
}

.container {
max-width:1200px;
margin:auto;
padding:10px;
}

/* HEADER */
/* HEADER FULL */
header {
background: linear-gradient(135deg, #2c3e50, #4ca1af);
padding: 10px 0;
text-align: center;
color: white;
}

/* FLEX CONTAINER */
.header-container {
display:flex;
align-items:center;
justify-content:space-between;
max-width:1200px;
margin:auto;
}

/* LEFT LOGO */
.header-left img {
width:55px;
}

/* CENTER TEXT */
.header-center {
text-align:center;
flex:1;
}


header h1 {
font-size: 22px;
margin: 5px 0;
}

header p {
font-size: 12px;
margin: 0;
}

/* RIGHT LOGO */
.header-right img {
width:70px;
}


.menu {
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
list-style: none;
padding: 10px 0;
margin: 0;
background: #2c3e50;
}

.menu li {
list-style: none;
}

.menu a {
text-decoration: none;
color: white;
font-size: 15px;
font-weight: 500;
padding: 8px 12px;
transition: 0.3s;
}

.menu a:hover {
background: #1abc9c;
border-radius: 5px;
}

.dropdown {
position:relative;
}

/* HIDE MENU */
.dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: white;
min-width: 180px;
border-radius: 8px;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
overflow: hidden;
z-index: 999;
}

.dropdown-menu li {
border-bottom: 1px solid #eee;
}

.dropdown-menu li:last-child {
border-bottom: none;
}

.dropdown-menu a {
display: block;
padding: 10px 15px;
color: #333;
font-size: 14px;
}

.dropdown-menu a:hover {
background: #1abc9c;
color: white;
}

/* BREAKING */
.breaking {
background:black;
color:white;
padding:3px;   /* छोटा */
font-size:13px;
}
.top-section {
display:flex;
gap:20px;
align-items:center;
margin:30px 0;
}
.card {
background: white;
padding: 20px;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: 0.3s;
}

.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.side-card {
width:25%;
background:white;
padding:15px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
text-align:center;
}

.side-card img {
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
margin-top:10px;
}

.center-image {
width:50%;
}

.center-image img {
width:100%;
height:350px;
object-fit:cover;
border-radius:10px;
}
/* MAIN */
.main {
display:flex;
gap:25px;
align-items:center;
justify-content:space-between;
margin-top:20px;
}

.side-card {
width:25%;
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 6px 15px rgba(0,0,0,0.15);
text-align:center;
transition:0.3s;
}

.side-card:hover {
transform:translateY(-5px);
}

.side-card img {
width:130px;
height:130px;
border-radius:50%;
object-fit:cover;
border:4px solid #2a5298;
margin-top:10px;
}

.center-image img {
width:100%;
height:400px;
object-fit:cover;
border-radius:12px;
box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

/* SLIDER */
.slider img {
width:100%;
height:300px;
object-fit:cover;
border-radius:10px;
}

/* SERVICES */
.services {
display:flex;
gap:20px;
margin:30px 0;
}

.services {
display:flex;
gap:20px;
margin:50px auto;
max-width:1200px;
justify-content:center;
}

.service-box {
flex:1;
background:white;
padding:18px;
border-radius:12px;
box-shadow:0 6px 15px rgba(0,0,0,0.15);
transition:0.3s;
}

.service-box:hover {
transform:translateY(-5px);
}

.service-box h3 {
background:linear-gradient(135deg,#1e3c72,#2a5298);
color:white;
padding:10px;
border-radius:8px;
font-size:16px;
text-align:center;
}

/* HISTORY */
.history {
background:white;
padding:25px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
margin-top:30px;
}

.history h2 {
color:#2a5298;
margin-top:15px;
}

.history p {
line-height:1.7;
margin-top:10px;
color:#333;
}

/* TOURIST */
/* FIX TOURIST */
.tourist {
display:flex;
gap:20px;
margin-top:20px;
}

.tour {
flex:1;
background:white;
padding:10px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.15);
text-align:center;
}

.tour img {
width:100%;
height:200px;   /* 🔥 FIXED */
object-fit:cover;
border-radius:10px;
}


/* FOOTER */
footer {
background:#2c3e50;
color:white;
text-align:center;
padding:15px;
margin-top:20px;
}

/* MOBILE */
@media(max-width:768px){
.header-container {
flex-direction:column;
gap:5px;
text-align:center;
}

.header-left img,
.header-right img {
width:45px;
}

.header-center h1 {
font-size:16px;
}
.menu {
flex-direction:column;
}

.dropdown-menu {
position:static;
box-shadow:none;
}

.dropdown:hover .dropdown-menu {
display:block;
}
.main {grid-template-columns:1fr;}
.services {flex-direction:column;}
.tourist {flex-direction:column;}
}