@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');
html { margin: 0 0 0 0; padding: 0 0 0 0;}
body {font-family: Jost; font-size: 18px; margin: 0 0 0 0; padding: 0 0 0 0; line-height: auto;}
h1, h2, h3, h4, h5, h6 { margin: 0em; padding:.6em 0 0 0;}
h1 { font-size: 1.9em; color: #976107; }
h2 { font-size: 1.7em; color: #976107;}
h3 { font-size: 1.4em; color: #976107; }
h4 { font-size: 1.2em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }

img.gal{	max-width: 100%; padding: 1px; border: 1px solid #000; margin: 4px;}
img.new{	max-width: 100%; padding: 1px; border: 1px solid #000; margin: 4px;}

#wrap-b{width:100%; line-height: 1.1; letter-spacing: 1px;}

#footer{float:left; width:100%; overflow:auto; background-color:#966B38; border-bottom: 1px solid #fff; padding: 8px 0; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer-left{float:left; width:26%; overflow:auto; border-right: 0px solid #852001; padding: 8px 8px; height:auto; }
#footer-middle1{float:left; width:17%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 24px 12px; height:auto; }
#footer-middle2{float:left; width:11%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 24px 12px; height:auto; }
#footer-middle3{float:left; width:19%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 24px 12px; height:auto; }
#footer-right{float:left; width:16%; border-right: 0px solid #852001;border-left: 0px solid #C73002; padding: 24px 12px; height:auto; }

#footnote{float:left; width:100%; overflow:auto; font-size:.7em; border-top: 1px solid #fff; height: 16px; color: #fff; text-align: center;}

A.whitelink:link { COLOR: #fff; TEXT-DECORATION: none; font-size: .9em;}
A.whitelink:hover { COLOR: #fff; BORDER-BOTTOM: #C6CCCC 1px dotted;   }
A.whitelink:visited { COLOR: #fff; TEXT-DECORATION: none;}
A.whitelink:active { COLOR: #fff; TEXT-DECORATION: none;}

A.footlink:link { COLOR: #C6CCCC; TEXT-DECORATION: none; font-size: 12px;}
A.footlink:hover { COLOR: #C6CCCC; BORDER-BOTTOM: #C6CCCC 1px dotted;   }
A.footlink:visited { COLOR: #C6CCCC; TEXT-DECORATION: none;}
A.footlink:active { COLOR: #C6CCCC; TEXT-DECORATION: none;}
.white-ft {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
		text-transform: uppercase;
}

.white {
	color: #fff;
	font-size: 1.0em;
	text-transform: uppercase;
}

hr.style1{border:none; background-color:#fff; height:1px; width:65%;}



#content {
  margin: 0 auto;
  padding: 8px 12px; width: 97%; font-size:16px; border: 0px solid black;
}

/* responsive-images */
img { max-width: 100%; height: auto;}

/******* Image Hover Text *********/
.metro { display: inline-block; padding: 6px 8px; margin: 0; background: #fff;
  text-decoration: none; border-radius: 4px; width: 140px; border: 1px solid #ccc;}
.metro:hover { background: #0B3E83; text-decoration:none; color:#FFFFFF;}

hr {
  border:none;
  border-top:1px solid #976107;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:85%;
}
hr.head {
  border: 10px solid green;
  border-radius: 5px;
}

.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #fff; margin: 4px 4px 4px 12px; width: 98%;}
#hr-lines { border-top:solid #FEDAA5 1px; border-bottom:solid #FEDAA5 0px; padding-bottom: 8px;}

b#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	padding: 0 2px;
}
b#socialicons img:hover{
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	padding: 0 2px;
}
.brown {
	font-size: 1.2em;
	color: #8D1C00;
	font-weight: normal;
}

/* Containers */
#wrap-page {width:100%; margin: 0px auto 0px auto;}
#wrap {	max-width:1366px; 	margin: 0px auto 0px auto;}

#top{max-width:1366px; padding: 12px 0 12px 80px; border-bottom: 0px solid #000; background-color:#fff;}
#top-right{ float:right; width:450px; height:auto; overflow:auto; font-size: 13px; padding: 0 8px 0 0;}

#media{width:100%; margin-top:4px; background-color:#6F4616; height:48px;}
#right { float: right; max-width:100%;  padding:4px 0;}

.inner { width:98%; margin: 0 auto; padding: 20px; background: #F7E8DE; border: 1px solid #ddd; border-radius: 2px;}
.inner-container{width:98%; margin: 0px auto;  height: auto; }
.inner-left{ float:left; width:55%; padding: 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: auto; }
.inner-right{float:right; width:40%; padding: 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: auto; }
img.left
{
	float: left;
	max-width: 100%;
	padding: 1px;
	border: 1px solid #cccccc;
	margin: 2px 12px 2px 10px;
}
img.right
{
	float: right;
	max-width: 100%;
	padding: 1px;
	border: 1px solid #cccccc;
	margin: 2px 4px 2px 24px;
}

.highlight1 { padding: 5px 18px; width: 90%; margin-left:40px; display:block; margin:0 0 0 40px; 
	background: #E6CAB7 url('../images/dot.gif') no-repeat left;
}
.highlight2 { padding: 5px 18px; width: 90%; margin-left:40px; display:block; margin:0 0 0 40px;
	background: transparent url('../images/dot.gif') no-repeat left;
}
.highlight3 { padding: 5px 18px; border-top: 1px dotted #966B38; width: 90%; margin-left:40px;
	display:block; margin:0 0 0 40px;}
.high-tariff { padding: 5px 18px; border-bottom: 1px dotted #966B38; width: 92%; margin-left:30px;
	display:block; margin:0 0 0 30px; background: transparent url('../images/dot.gif') no-repeat left;}


@media screen and (max-width: 800px) {
.highlight1 { padding: 4px 6px; width: 90%; margin-left:10px; display:block; margin:0 0 0 4px;}
.highlight2 { padding: 4px 6px; width: 90%; margin-left:10px; display:block; margin:0 0 0 4px;}
.highlight3 { padding: 4px 6px; width: 90%; margin-left:10px;display:block; margin:0 0 0 4px;}
.high-tariff { padding: 5px 18px; border-bottom: 1px dotted #966B38; width: 92%; margin-left:30px;
	display:block; margin:0 0 0 30px; background: transparent url('../images/dot.gif') no-repeat left;}

.inner-left{ float:left; width:98%; padding: 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: 320px; }
.inner-right{float:right; width:98%; padding: 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: 320px; }
}

#gap{width:1068px; overflow:auto; padding: 12px 0; }

#bottom {float:left; width:100%; display: block; margin: 0 auto;  background-color: #ccc;}
#bottom-inner {  width:100%; max-width:1360px; margin: 0 auto;  padding: 18px 0  4px 0;}
#bottom-middle1 {float:left; width:25%; padding: 4px 0 0 24px;  }
#bottom-middle2 {float:left; width:25%; padding: 4px 0 0 24px;  }
#bottom-middle3 {float:left; width:25%; padding: 4px 0 0 24px;}

#footnote{float:left; width:100%; overflow:auto; padding: 4px 0 0 0; text-align: center;}


/* Links */
a:link { color: #976107; text-decoration: none;}
a:visited { color: #976107;}
a:hover { color: #000; text-decoration: none;}
a:active { color: #976107;}

ul.foot { padding: 2px; list-style-position: outside; list-style-image: url('../images/foot-bullet.gif'); text-align: left; font-size:.9em;}
ul.foot li { padding: 0; margin: 4px;}
ul.foot li a{ color: #000; text-decoration: none; }
ul.foot li a:hover{ text-decoration: none; color:#0B3E83; border-bottom: 1px dotted #0B3E83; }
ul.foot li:last-child { border-bottom: 0;}
.hr-foot { display: block; height: 1px; border: 0; border-top: groove 2px #CCC; margin: 4px 4px 4px 12px; width: 98%;}


.footnote {

	font-size: 11px;
	line-height: normal;
}


@media screen and (orientation: portrait) {
  img.ri {
      max-width: 90%;
  }
}

@media screen and (orientation: landscape) {
  img.ri {
      max-height: 90%;
  }
}
@media screen and (min-width: 780px) {
#mobile-footer{display: none;}

}

/* mobile only */
@media only screen
and (min-width : 999px) {
.mobile {display:none;}
}
/* mobile only */
@media only screen
and (max-width : 999px) {
.desktop {display:none;}
}
@media screen and (max-width: 800px) {
#wrap {	width:100%; margin: 0px auto 0px auto; }
#top-right{display: none;}
#right {float: left; width:100%;}
#bottom {background-color: #fff;}
#bottom-inner {  display: none;}
.hr-foot { margin: 0; width: 100%;}
#gap{width:99%; overflow:auto; padding: 1px 0; }
#media{width:100%; }
#footer{float:left; width:100%; overflow:auto; background-color:#966B38; border-bottom: 1px solid #fff; padding: 8px 0; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer-left{float:left; width:96%; overflow:auto; border-right: 0px solid #852001; padding: 8px 8px; height:auto; }
#footer-middle1{float:left; width:96%; padding: 8px 0 8px 48px; }
#footer-middle2{float:left; width:96%; padding: 8px 0 8px 48px; }
#footer-middle3{float:left; width:96%; padding: 8px 0 8px 48px; }

#footer-right{float:left; width:96%; padding: 8px 0 8px 48px; }

#footnote{width:100%; overflow:auto; padding: 4px; font: 9pt Tahoma;  height: auto; color: #000; text-align: center;}

}

.flex-container { display: flex; width:90%; margin: 0px auto;}
.flex-child { flex: 1; border: 1px solid white; text-align:center;}  
.flex-child:first-child { margin-right: 20px;}

.attractions-container{width:1240px; margin: 0px auto 0px auto;}
.attractions-left{ float:left; width:32%; height: auto; padding: 16px 8px 16px 28px; overflow:auto; overflow-y:hidden; overflow-x:hidden; font-size:16px;}
.attractions-mid{  float:left; width:3%; height: 320px; padding: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
.attractions-right{float:right; width:61%; height: 340px; padding: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden; }
.attractions2-container{width:1240px; margin: 0px auto 0px auto;}
.attractions2-left{ float:left; width:61%; height: 360px; padding: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
.attractions2-mid{  float:left; width:3%; height: 360px; padding: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
.attractions2-right{float:right; width:32%; height: 360px; padding: 56px 48px 16px 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden;  font-size:16px;}

.container { position: relative; color: white;}
.bottom-left { position: absolute; bottom: 18px;  left: 24px; text-shadow: 1px 1px #000; font-size:28px;}
.borderimg { border: 1px solid #ccc; }
.jammu { border: 1px solid #ccc; min-height:200px;}
.inner { display: table; margin: 0 auto; width: 90%;}

.bar-container{width:93%; margin: 0px auto;  height: auto; }
.bar-left{ float:left; width:60%; padding: 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: 320px; }
.bar-right{float:right; width:35%; padding: 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: 320px; }

@media all and (max-width: 999px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 999px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 999px), only screen and (min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min-resolution: 192dpi) and (max-width: 999px), only screen and (min-resolution: 2dppx) and (max-width: 999px) {
.attractions-container{width:98%; height: auto; }
.attractions-left{ width:97%; height: auto; padding: 36px 4px 0 0;}
.attractions-mid{ width:98%; height: auto; }
.attractions-right{float:left; width:100%; height: auto; padding: 0 0 0 0; }

.attractions2-container{width:98%; margin: 0px auto 0px auto;}
.attractions2-left{ float:none!important; width:100%; height: auto; }
.attractions2-mid{  float:none!important; width:90%; height: auto; }
.attractions2-right{content:'';
        float:left; width:90%; height: auto; padding: 8px;}
.bar-container{width:100%;  height: auto; border-top: 0;}
.bar-left{ float:left; width:98%; padding: 0 0 24px 4px;  height: auto; }
.bar-right{float:right; width:96%; padding: 0 8px 24px 4px;  height: auto; }

.bottom-left { position: absolute; bottom: 4px;  left: 4px; text-shadow: 1px 1px #000; font-size:12px;}
}

.style1 {font-weight: bold}
.style2 {font-size: 16px; text-transform: uppercase; color: #fff;}
/* Blog Details Styling */

.blog-details {
    padding: 80px 0;
    background: #f8f9fb;
}

.blog-details__content {
    background: #ffffff;
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    max-width: 950px;
    margin: auto;
}

/* Main Heading */
.blog-details__content h1 {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 25px;
    line-height: 1.3;
    position: relative;
}

.blog-details__content h1::after {
    content: "";
    width: 80px;
    height: 4px;
    background: #c8a45d;   /* luxury gold */
    display: block;
    margin-top: 15px;
    border-radius: 5px;
}

/* Sub Headings */
.blog-details__content h2 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin-top: 40px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
}

.blog-details__content h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    height: 70%;
    width: 4px;
    background: #c8a45d;
    border-radius: 3px;
}

/* Paragraph */
.blog-details__content p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 18px;
}

/* List Styling */
.blog-details__content ul {
    margin: 15px 0 25px 20px;
}

.blog-details__content ul li {
    font-size: 16px;
    color: #444;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    list-style: disc;
}



/* Hover Effect */
.blog-details__content:hover {
    transform: translateY(-5px);
    transition: 0.4s ease;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

/* Responsive */
@media (max-width: 768px) {
    .blog-details__content {
        padding: 30px;
    }

    .blog-details__content h1 {
        font-size: 26px;
    }

    .blog-details__content h2 {
        font-size: 20px;
    }
}