@import "../css/var.css";
@import url("../css/var.css"); 
/*background-color: var(--blue);*/

.interFont {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 1.4em;
  font-style: normal;
}
.hero-sectionB{
 
}
.contentvP{

}

.contentvSC{
  /*
  background: rgb(10,120,81);
  background: linear-gradient(194deg, rgba(10,120,81,1) 0%, rgba(159,236,183,1) 51%, rgba(232,250,86,1) 100%);
 */
 background-color: var(--colorA);;
   padding-top: 40px;
   padding-bottom: 40px;
}
.contentvSC-d{
  
   padding-top: 40px;
   padding-bottom: 40px;
}

.contentvSCH{
 
   background-color:var(--colorB) ;
   padding-top: 20px;
   padding-bottom: 20px;
 
}


/*shop A*/
.contentvB{

  /*
  background: rgb(51,40,232);
background: linear-gradient(90deg, rgba(51,40,232,1) 0%, rgba(68,68,230,1) 30%, rgba(0,212,255,1) 100%);
*/
  /*background-color: #1CB2FF;*/
  padding-top: 100px;
  padding-bottom: 130px;

  background: rgb(255,210,63);
background: linear-gradient(90deg, rgba(255,210,63,1) 0%, rgba(230,220,68,0.938813025210084) 40%, rgba(254,249,243,1) 100%);

}
/*shopB*/
.contentvA{
  background-color: transparent;
  padding-top: 100px;
  padding-bottom: 130px;

}
#slideB{
  background-color: rgb(180, 199, 51);
  height: 200px;
  width: 100%;
  padding-top: 80px;
}
#subHead{
 margin-top: 0;
  /*
  background: linear-gradient(194deg, #5D0C57 0%, #ce3cc4 51%, rgb(240,217,131) 100%);

background: rgb(7,137,185);
background: linear-gradient(287deg, rgba(7,137,185,1) 0%, rgba(42,67,237,1) 50%, rgba(222,231,235,1) 100%);
*/
background-image: url('../img/l1.jpeg');
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
height: 350px;
  width: 100%;
  padding-top: 0x;
  text-transform: uppercase;
}
.subHeadTextC{

  padding-left: 25px;
  font-weight: bold;
  font-size: 1.8em;
  padding-top: 20px;
  text-transform: uppercase;
}
.subHeadTextDCont{
  text-align: left;
}
.subHeadTextD{
 
  padding-left: 1px;
  font-weight: bold;
  font-size: 2.0em;
  padding-top: 8px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color:var(--colorA); ;
}
.subHeadTextD-2{
 
  padding-left: 1px;
  font-weight: bold;
  font-size: 2.0em;
  padding-top: 8px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color:var(--colorB) ;
}
.subHeadTextDP{
   color: #363636;
   margin-left: 20px;
}
.contCent{

  text-align: center;
  justify-content: center ;
}
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;

 
}
.menu ul li{
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: small;
 
}

/* footer */
.ftrmUp{

  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--colorA);
  color: #fff;
}

.ftrmDn{
  padding-left: 10px;
  padding-right: 10px;
  background-color: #02053a;
  color: #faf9f8;
}
/* footer end */
.imgBack{
  overflow: hidden;
  background-color: #54C2B7; /*#4285CF*/
  background-image:url(../img/pmt.jpg);
  background-position: center;
  background-size: 100% 100%;
   background-repeat:no-repeat;
  width: 100%;
  height: 90vh;
}

.imgCover{
  width: 100%;
  height: 260px;
}

.subHeadText{
  padding-left: 60px;
  font-weight: bold;
  font-size: 1.8em;
  padding-top: 150px;
  color: white;
}
.deA{
  padding-top: 10px;
  padding-bottom: 10px;
}
/* -------  card design ----------------------*/
.main-section {
  display: flex;
  justify-content: center ; /*flex-start*/
  flex-wrap: wrap;
 /*background: #bbb;*/
}
.card {
  width: var(--cardWidth);
  height: var(--cardHeight);
  margin: var(--cardMargin);
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}

.cardB {
  width: 480px;
  height: 380px;
  margin: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}



.cardBc {
  width: 400px;
  
  min-height: 300px;
  padding-bottom: 1px;
  margin: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}

.cardInA{
  width: 100%;
  background-color: rgb(249, 245, 170);
 
}
.cardInB{
  width: 100%;
  background-color: rgb(243, 241, 238);
  

  padding-top: 10px;
  padding-bottom: 10px;
  font-size: x-large;
  font-weight: bolder;
}
.shortText{
  text-align: left;
  font-size: medium;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 10px;
  color: #413f3f;
  
}

.cardInC{
  width: 100%;
  background-color:var(--colorB);
  height: 40px;
  border-radius: 8px;

  padding-top: 10px;
  padding-bottom: 3px;
  font-size: 1 em;
  font-weight: bold;
}

.cardHdTA{
  color: var(--colorA);
  text-transform: uppercase;
}
/*  -card design end- */

.heaText23{
  font-size: 1.8em;
  color: #fff;
  font-weight: bold;
}

.sc-text23{
 
   color: #fff;
  font-size: 0.8em;
  font-weight: bold;
 

}
.sc-text24{
  font-size: larger;
  font-weight: bold;
}
.sc-text25{

  font-size:  font-size: 0.8em;;
 
  color: #fffcfc;
  font-weight: bold;

}

.cfb{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: var(--colorB);

}
/*botton link*/
.dbtn{
  color: #070808;
  text-decoration: none;
  
 
}

.dbtn:hover{
  color: #e9edee;
  text-decoration: none;
}

.mobBkd{
  font-size: 1.2rem;
  margin-top: 4px;


}

/*botton link*/
@media  only screen and (min-width: 200px) and (max-width: 767px) {
    .container {
      margin: 1em 2em;
    }

    .boxC{
        margin-bottom: 15px;
    }
    
    .mobBkd{
      font-size: 0.9rem;
	 
    }
    .animi45{
      font-size: 0.7rem;
    }
  }
 
  /*For child File details page*/
  .contChldM{
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .imgViewR{
    width: 100%;
    height: 450px;
  }
  .chldViewPg{
    padding-top: 10px;
    padding-bottom: 10px;
    
  }

  .bgcR{
    background-color: rgb(114, 108, 204);

  }
  .bgcY{
  
    background: #5D0C57;
  background: linear-gradient(194deg, #5D0C57 0%, #ce3cc4 51%, rgb(240,217,131) 100%);
  }
  .bgcYcontA{
  
  background-color:#d4f1c7 ; 

  }
  .bgcYcontB{
  
    background-color:#FEF9F3 ; 
  
    }

  .bgcYm{
    background: #5D0C57;
    background: linear-gradient(194deg, #5D0C57 0%, #ce3cc4 51%, rgb(240,217,131) 100%);
  }


  
  .lftAln{
    text-align: left;

  }
  .imgHglt{

    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  .ftrAbt{
    margin-top: 15px;
    margin-left: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px 10px 10px 10px;
    background-color:#fff;
    border-radius: 8px;
    color: #0a0f11;
    }
  .ftrLnkTextA{
    color: #FFF3B0;
    font-weight: bolder;
    margin-bottom: 5px;
    
    
  }  

  .ftrmnu {
    text-decoration: none;
    color: #fff;
    
  }

  .ftrmnu {
    text-decoration: none;
    color: #e7c91f;

  }
 .fttrChldBox{
  color: #fff;
  text-decoration: none;
 } 

 .fttrChldBoxB a{
  color: #fff;
  text-decoration: none;
 } 
.sociallink{
  text-decoration: none;
  color: white;
}
.linkTel{
  text-decoration: none;
  color: white;
  font-size: 1.2rem;
}

.frtSubCont{
  margin-left: 20px;
}

.footLinkPillCont{
  display:table-row;
  
  padding-bottom: 10px;
}
.footLinkPill a{
  text-decoration: none;
  color: #fff;
  
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  margin-right: 15px;
  margin-bottom: 2px;
  background-color: none;
  border-radius: 8px;
  display: block;
  float: left;
}
.footLinkPill a:hover{
   text-decoration: none;
    color: #e7c91f;
}
  .contusA{
    margin-left: 30px;
  }

  #contusATel a {
    text-decoration: none;
    color: #06030e;
  }
  #contusATel a:hover {
    text-decoration: none;
    color: #daba09;
    letter-spacing: 1px;
  }
  .hiAme {
    width: 200px;
    height: 100px;
    margin: 16px;
    border: 1px solid #f5f0f0;
    border-radius: 8px;
    background: #a0eca4;
    color: #06030e;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center ;
    padding-top: 3%;
    font-weight: bolder;
  
  }
 /* .hiAme{
    padding: 8px 8px 8px 8px;
    background-color: #FFCA08;
    color: #0e0a0a;
    border-radius: 8px;
    font-weight: bold;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-top: 6px;

  }
  */

  .cardBH {
    width: 80%;
    height: 200px;
    margin: 16px;
    border: 1px solid #f5f0f0;
    border-radius: 8px;
    background: #edf76c;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center ;
    padding-top: 6%;
  
  }

  .tx908{
    font-weight: bold;
    color: #41403f;
    font-size: 1.1rem;
    font-style: italic;
  }


  .htext1{
    font-size: 1.8em;
    font-weight:bold ;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: var(--colorA);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #fff;
  }

  .htext2{
    font-size: 1.8em;
    font-weight:bold ;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: var(--colorB);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #080808;
  }
  .mobBk{
   /* background-color: #54C2B7;*/ /*#4285CF*/
    background-image:url(../img/mobbak.jpg);
    background-position: center;
    background-size: 100% 100%;
     background-repeat:no-repeat;
    width: 100%;
   
  }

  .downloadCls{
    text-decoration: none;
    font-size: 1.9em;
    font-weight: bold;
    color: #e7c91f;
    letter-spacing: 1px;
  }
  .caption56{
    font-size: 1.9em;
    font-weight: bold;
    color: #0f5f08;
    letter-spacing: 1px;
  }

  #rsltmsg{
    font-size: 1.0rm;
    color: #fff;
    font-weight: bold;
  }
  .locC{
    font-size: 0.7rem;
    text-align: left;
    padding-left: 20px;
    margin-top: 10px;

  }

  .locC i{
    color: rgb(8, 197, 87);
    font-size: 1.1rem;
  }
  .m-img1{
    width: 100%;
  }
  .m-img1s{
    width: 30%;
    height: 200px;
  }
  .main-section-d {
    text-align: left;
  }

/*room detail page*/
  .roomMcont{
   
    border-radius: 8px;
    margin-bottom: 15px;
  }

  .rmImgCls{
    width: 100%;
    height: 250px;

}

.shadow{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.shadow:hover{
  box-shadow: rgba(238, 59, 134, 0.35) 0px 5px 15px;
}

.rt56{
  color: #5D0C57;
  font-size: 1.2rem;
  font-weight: bold;
}

.rt57{
  color: #200216;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #F0D983;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px ;
  border-radius: 8px;
}
.animi45{
  font-weight: bold;
}

.rathBack{
    background-image:url(../ofr-rath24/e-back-1.jpg);
    background-position: center;
    background-size: 100% 100%;
     background-repeat:no-repeat;
   /* width: 100%;*/
   /* height: 90vh;*/
}

.moblink{
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
}
.offerback{
  background-color: #F0D983;
}



.facility{
  
}

.facility span{
  
  border-radius: 4px;
  
  margin-right: 18px;
  margin-bottom: 18px;
  margin-top: 18px;
  font-weight: bold;

  padding: 8px 8px 8px 8px;
  display: inline-block;
  
}

.facility span:nth-child(odd) {
  background-color: #fcee31;
  color: #221f1f;
}
.facility span:nth-child(even) {
  background-color: #F246E8;
  color: rgb(240, 240, 245);
}

.facility span:hover{
  
background-color: #d4f1c7;
  
}

.fbBox{
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  /*background-color: #d4f1c7;*/
  border-radius: 8px;
  /*padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-right: 5px;
  */

 
}

.hwm{
  width: 350px;
  height: 400px;
}

/*traveldesk*/


.Trvld-cardInA{
  width: 100%;
  background-color: rgb(249, 245, 170);
  height: 220px;
}
.Trvld-cardInB{
  width: 100%;
  background-color: rgb(243, 241, 238);
  height: 140px;

  padding-top: 10px;
  padding-bottom: 10px;
  font-size: x-large;
  font-weight: bolder;
}


.Trvld-cardInC{
  width: 100%;
  background-color:var(--colorB);
  height: 40px;
  border-radius: 8px;

  padding-top: 10px;
  padding-bottom: 3px;
  font-size: 1 em;
  font-weight: bold;
}

.Trvld-imgCover{
  width: 100%;
  height: 220px;
}

.calld{
  font-size: 1.4rem;
  color: #131ebe;
  font-weight: bold;
  text-decoration: none;
}
.calld{
  font-size: 1.4rem;
  color: #0b5e04;
  font-weight: bold;
  text-decoration: none;
}
.bllnk{
  font-size: 1.4rem;
  color: #131ebe;
  font-weight: bold;

}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/*traveldesk end*/

/*floating button*/
.float{
	position:fixed;
  position:-webkit-sticky;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:rgb(55, 238, 49);
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
  z-index: 9999 ;
}
.floatB{
	position:fixed;
  position:-webkit-sticky;
	width:60px;
	height:60px;
	bottom:120px;
	right:40px;
	background-color:rgb(250, 247, 68);
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
  z-index: 9999 ;
}

.my-float{
	margin-top:8px;


}
.mapBar{
  background-color: #5D0C57;
  color: #FFF;
}

.textM1{
  font-weight: bold;
  font-size: 1.8em;

  text-decoration: underline;
  text-decoration-color: #b30a0a;
  text-decoration-thickness: 14px;
}
.textM2{
  font-weight: bold;
  font-size: 1.8em;
  
}
.abtShortHome{
  font-size: 1.1rem;
}

/*imgrack*/
.fimgc{
  height: 200px;
  width: 45%;
  position: relative;
  margin-right: 4px;
  margin-bottom: 4px;
}

.fmainC{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

}

/*show cont*/

.cap900{
  font-family: "Barlow", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 4px;

}

.cap901{
  font-family: "Barlow", sans-serif;
  font-size: 2.5em;
  font-weight: bolder;
  color: #eec944;

  
}
.cap902 {
  font-family: "Barlow", sans-serif;
  font-size: 2.2em;
  color: #f5c723;
 
}
.cap902 a{

  text-decoration: none;
  color: #f5c723;

  
}


.contBoxCont{
  display: table-row;
}

.cont45{
  display:table-cell;
 /* border: 1px black solid;*/
  text-align: left;
  vertical-align: middle
}
.ht123{
  font-size: 1.2em;
  color: #f8cd0b;
  font-weight: bold;
  letter-spacing: 4px;

}

.ht124{
  font-size: 1.8em;
  color: #2000d6;
}
.mh1025 li{
  font-size: 1.2em;
  
}
/*para*/

.parallaxd{
  background-image: url('../img/img_parallax.jpg');

  background-size: 100% 100%;
  background-position: center;
  height: 400px;
  width: 100%;
 
  display: flex;
  align-items: center;
  justify-content: center;

}
.paraCaption{
  background-color: #F0D983;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 10px;
  opacity: 0.8;


}

.paraText{
   
    font-size: 2.5rem;
    font-weight: bolder;
    color: #2c2a2a;
    opacity: 0.6;
}
.l452{
  color: #fff;
}
/*deals in*/
.dealsInCont{
 
  display:flex;
  justify-content: center ; /*flex-start*/

 

}
.dealssub{
  display: flex;
  width: 80%;
  justify-content: center ; /*flex-start*/
  
   flex-wrap: wrap;

}

.dealsInBox{
    display: flex;
    width: 200px;
    height: 120px;
    align-items: center; 
    border-radius: 8px;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 8px;
   
}


.dealsInBox:nth-child(odd) {
    color: #777;
     background-color: #a0c9f0;
}
.dealsInBox:nth-child(even) {
    color: blue;
     background-color: #ffffff;
}

.dealsInBox:hover{
  background-color: #0b013b;
  color: #fff;
   
}
/*deals in end*/