ptex.Home{
 display:block;
 width:100%;
 box-sizing:border-box;
}
		
.Nature{
        /*border:outset;*/
        /*border-radius:5%;*/
	}	
		
.Item1{
	background-image:url(/static/Images/Kalghipa_Rajbar.JPG);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: bottom;
	margin-top: 1rem;
	height:70vh;
}
.out-box{
	display:grid;
 	grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));;
 	gap:20px;
 	padding:20px;
	margin-inline: auto;
	width: 100%;
 	box-sizing:border-box;
}
.box{
	width:auto;
	height: auto;
}


.row-gap{
	display: grid;
	grid-template-columns: 3fr 2fr;
	margin-top: 2rem;
	gap: 0.5rem;
	margin-bottom: 2rem;
	height:auto;
	width: 100%;
	overflow: hidden;
}
.heading{
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.keypoints{
 list-style: none;
 padding: 0;
 margin: 1rem 0 0;
 display: grid;
 gap: 12px;
 max-width: 900px;
}
.keypoints li{
 display: grid;
 grid-template-columns: 28px 1fr;
 align-items: start;
 gap: 12px;
 padding: 14px 16px;
 border: 1px solid rgba(0,0,0,.08);
 border-radius: 14px;
 background: linear-gradient(180deg, #ffffff 0%, #fbfbff 100%);
 box-shadow: 0 8px 24px rgba(18, 38, 63, 0.08);
}
.keypoints li::before{
 content: "✓";
 display: grid;
 place-items: center;
 width: 28px;
 height: 28px;
 border-radius: 10px;
 background: #2563eb;
 color: #fff;
 font-weight: 700;
 line-height: 1;
}
.keypoints .kp-text{
 font-size: 1.7rem;
 line-height: 1.55;
 color: #111827;
}
.keypoints .kp-text strong{
 color: #0f172a;
}



.cente{
    text-align: center;
    color:white;
    font-size:18pt;
    margin-top:15px;
}
.imgam{
    text-align: center;
    color:white;
}

center{color:white;}

.Item2{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }

.pgtext{
    display:block;
    position:relative;
    width:100%;
}

.p1{
    height:auto;
	display:block;
	background-position:cover;
}

.pimg{
	height:500px;
	background-image:url(../Images/Badrinath.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
} 

.gogleadd{
        height:auto;

            }

h1, h2, h3, .nav-link {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase; /* Optional: Looks great with condensed fonts */
    letter-spacing: 0.5px;
}

p{
	font-family: 'Roboto', sans-serif;
	color:.111111;
	font-size:1.7rem;
	line-height: 1.6;
	margin:2%;
	margin-left:1%;
	margin-right:3%;
	text-align:justify;
	}

.ptext>p{
	font-family: 'Roboto', sans-serif;
	color:.111111;
	font-size:1.5rem;
	line-height: 1;
	margin-left:1%;
	margin-right:3%;
	text-align:justify;
	
}	
.top-margin{
	margin-top: 2rem;
}
.ptex{
 margin: 1rem 0;
 display: grid;
 gap: 12px;
 max-width: 950px;
 margin-left: 3rem;
}

.detailed-link{
	font-size: 1.7rem;
	margin: 1rem;
	cursor: pointer;
}
.big-image{
	height: 400px;
	overflow: hidden;
	margin-bottom: 3rem;
}
.big-image img{
 width: 100%;
 height: 100%;
 object-fit: fit;
 object-position: center bottom;
 display: block;
}
.plan-trip-text{
	text-align: center;
}
.detailed-link a{
	text-decoration: none;
}

.ptex > div{
 position: relative;
 padding: 16px 18px 16px 56px;
 border: 1px solid rgba(0,0,0,.08);
 border-radius: 14px;
 background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
 box-shadow: 0 10px 28px rgba(18, 38, 63, 0.08);
}

.ptex > div::before{
 content: "✓";
 position: absolute;
 left: 16px;
 top: 16px;
 width: 30px;
 height: 30px;
 display: grid;
 place-items: center;
 border-radius: 10px;
 background: #2563eb;
 color: #fff;
 font-weight: 800;
 font-size: 1.05rem;
}

.ptex p{
 margin: 0;
 font-size: clamp(1.1rem, .6vw + 1.05rem, 1.4rem);
 line-height: 1.75;
 color: #111827;
}

.ptex p strong{
 font-weight: 800;
 color: #0f172a;
}

@media (min-width: 900px){
 .ptex{ grid-template-columns: 1fr; }
}
h2{
    font-family:"The Times New Roman";
	margin-top:4px;
	margin-bottom:6px;
	font-size:14pt;
	color:.0703fc;
	text-align:center;
}
.big-image{
	height: 350px;
}
p:hover{
	
	color:.0328fc;
}


    .Item4{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
    .Item6{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }


    .Item7{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
     .Item8{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
    .Item9{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
    
    .Item11{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
    .Item12{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
    .Item14{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
    .Item15{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
    .Item16{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }
    
    .Item17{
        display:grid;
    	grid-template-rows:auto;
    	grid-template-columns: 1fr 1fr;
    }

.imgcont1{
	height:540px;
	background-image:url(../Images/Uttrakhandmap.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position:center;
}

.p2{
		height:auto;
		width:100%;
		display:block;
		position:relative;
		background-position:cover;
		
}

.corbet{
    height:450px;
	background-image:url(../Images/corbet1.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	content:justify;
    
}

.imgcont2a{
	background-image:url(../Images/Himalaya.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;	
	animation:slider 30s infinite linear;
}
@keyframes slider{
		0%{background-image: url(../Images/IMG-20190904-WA0019.jpg);}
		50%{background-image: url(../Images/IMG-20200104-WA0025.jpg);}	
}

.imgcont3{
	height:auto;
	width:100%;
}

.imgcont4{
	height:auto;
	width:100%;
}


.boxNextto2{
    height:auto;
	width:100%;
    background-color:white;
    display: block;
}


.p3{
		height: 470px;
		background-image:url(../Images/wildlife.jpg);
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center;
		/*animation: bo 35s infinite linear; */
}
/*	@keyframes bo{*/
/*		0%{background-image: url(../Images/IMG-20190828-WA0008.jpg);}*/
/*		50%{background-image: url(../Images/IMG-20190828-WA0023.jpg);}*/
/*}*/


.utimag{
        height: 500px;
		background-image:url(../Images/IMG-20200205-WA0050.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		
}


.imgcont3ab{
	height:auto;
	width:100%;
	display:block;
	position:relative;
	background-position:cover;
}


.imgcont4aa{
	height: 450px;
	background-image:url(../Images/Aipan.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	}
.imgcont4aab{
	height: 450px;
	background-image:url(../Images/Aipan1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
		}


.imgcont4ab{
	height: auto;
	display: inline-block;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-size: cover;
}


.imgcont4a{
	height:450px;
	background-image:url(../Images/IMG_20180625_185620.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
	display:inline-block;
	
}



.boxbefore2a{
    height:500px;
	background-image:url(../Images/IMG-20200111-WA0016.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	
}
	
	
.imgcont6{
    width:100%;
    height:500px;
    box-sizing:border-box;
	background-image:url(../Images/Joshi_Ji1.JPG);
	background-repeat:no-repeat;
	background-size: cover;
	background-position:top;
    
}

.p4{
		height:auto;
		width:100%;
		background-color:white;
}

.imgcont5{
	height:400px;
	background-image:url(../Images/sunrise.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	box-sizing:border-box;
}

.imgcont5a{
	height:600px;
	background-image:url(../Images/HomeTown.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	box-sizing:border-box;
}

span{
	color:black;
	font-weight:Normal;
}

@media screen and (max-width: 1120px){
	.out-box > .box:last-child:nth-child(odd){
 	grid-column: 1 / -1;
}
.row-gap{
	display: block;
	height: auto;
}
}

@media screen and (max-width:768px){
    .home{margin:0;padding:0; box-sizing:border-box;}
    .cente{
    color:grey;
}
    p{ font-size:12pt;}
    h2{font-size:14pt;}
}

@media screen and (max-width:740px){
    
    .Item2{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
     .Item4{
        display:grid;
        grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
    .Item6{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }


    .Item7{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
     .Item8{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
    .Item9{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
    
    .Item11{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
    .Item12{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
    .Item14{
        display:grid;
        grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
    .Item15{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
    .Item16{
        display:grid;
        grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
    
    .Item17{
        display:grid;
    	grid-template-rows:auto auto;
    	grid-template-columns: 1fr;
    }
      
}
@media screen and (max-width:425px){

.imgsz{
    width:auto;
    height:300px;
}

}