*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


@font-face {
    font-family: HurmeGeometricSans;
    src: url("../Fonts/HurmeGeometricSans1\ Black.otf");
    src: url("../Fonts/HurmeGeometricSans1\ BlackOblique.otf");
}

a{
    text-decoration: none;

}
li{
    list-style: none;
        border-bottom: 1px double #ffffff;
        padding: 3px;
}

h1{
    font-family: HurmeGeometricSans;
}

html{
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}
body{
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}

.navbar-expand-lg .navbar-collapse{
    justify-content: end;
}

:root{
   --blck-clr: #000000;
   --whyt-clr:#ffffff;
   --main-clr:#6A9C89;
   --sec-clr:#ff7200;
   --sec-clr2:#C1D8C3;
   

}

.nav-rgt span a {
        text-decoration: none;
       
        color: var(--blck-clrr);
        
        padding: 5px 10px!important;
        background-color: #000000;
        color: #fff!important;
        border-radius: 10px;
    }

.nav-item .nav-link{
    color: #000;
    font-size: 18px;
    font-weight: 500;
   
    margin: 5px 20px;
}
.nav-item .nav-link:hover{
   
    font-size: 18px;
    font-weight: 500;
    background-color: #0f48bc;
    
}

.clr{
    clear: both;

}



nav {
    
    padding: 12px 0;
   
}

nav h2 {
    color: var(--blck-clr) !important;
    font-weight: 600;
    font-size: 2.3rem;
}

.nav-rgt span {
    margin-left: 15px;
    text-align: center;
}

.nav-rgt span a {
    text-decoration: none;
    font-size: 1.2rem;
    color: var(--blck-clrr);
    font-weight: 500;
    font-size: 20px;
    padding: 2px 10px;
    
}
.nav-rgt span a:hover{
    background-color: #3554d1;
    color: #fff;
    padding: 2px 10px;
    transition-duration: 0.5s;
}

.mheading{
    font-size: 2.2rem;
    line-height: 30px;
    font-weight: 500;
    margin: 15px 0;
    text-align: center;
    padding: 20px 0 0 0;
}

.mheading span{
    color:#17368e;
}

header .logo{
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

header .nav-rgt{
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: 10px 5px;
}

.nav-rgt a{
    text-decoration: none;
    color: var(--blck-clr);
    font-size: 1.2rem;
    color: #075e54;
}



/* ban css  */

/* banner css 2  */

.banner{
    width: 100%;
    height: auto;
    float: left;  
    background: url(../img/focus/himachal-banner.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
    
   
}
.form-inputs input,.form-inputs textarea {
    width: 100%;
    margin: 10px 0px;
    border: 1px solid #ccc;
    padding: 10px;
}

.banner img{
    width: 100%;
    height: auto;
    float: left;
    background-repeat: no-repeat;
}
.from-header{
    background-color: #fff;
    padding: 20px;
}


/* banner form  */

.ban-txt{
    width:55%;
    height: auto;
   
    
    z-index: 100;
   
    position: absolute;
    left: 120px;
    top: 45%;
    padding: 20px;
   
  padding-bottom: 30;
  color: var(--whyt-clr);  
}
.ban-txt h1{
    font-weight: 800;
    font-size: 65px;
}
.formbox{
    width:25%;
    border-radius:50px;
    border: 1px solid whitesmoke;
   
    z-index: 102;
    background:#164099;
    position: absolute;
   right:10%;
    top: 25%;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  padding-bottom: 30;


    
}


.formbox input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 5px;
    float: left;
    margin-bottom: 12px;
    border: none;
    outline: none;
    border-radius: 6px;
    padding-left: 10px;
    
}
.formbox textarea {
    width: 100%;
    height: 60px;
    padding: 5px;
    float: left;
    margin-bottom: 8px;
    border: none;
    outline: none;
    border-radius: 6px;
    color: #000000;
    padding-left: 10px;

}
.formbox h2 {
    width: 100%;
    font-size: 35px;
    color:var(--whyt-clr);
    text-align: center;
    font-family: 'cursive;';
    

}
.formbox h6 {
    width: 100%;
    font-size: 16px;
    color:var(--whyt-clr);
    text-align: center;
    font-family: 'cursive;';
    

}
.formbox p {
    width: 100%;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    

}
.formbox p span{
    
    color: #ff4901;
    font-weight: 700;
    font-size: 30px;
   
    

}
.form-inputs .btn{
    background:#3554d1;
    border-radius: 20px;
    width: 100%;
    height: 17%;
    line-height: 35px;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
    color: white;
}
.form-inputs .btn:hover{
    background-color:black !important;
    color: #fff;
}
.banner-content h2{
    color: #fff;
}

.layout-content h4{
    font-size: 18px;
  }
  .layout-content p{
    font-size: 15px;
  }
  .layout-content{
    padding-left: 10px;
  }

  .size-50{
    width: 50px;
  }




  .formbox2 {
    width: 100%;
    border: 1px solid #707070;
    border-radius: 4px;
    z-index: 102;
    background: #ffffff;
    position: absolute;
    top: 25%;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    padding-bottom: 30;
}


.formbox2 input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 5px;
    float: left;
    margin-bottom: 12px;

    border-radius: 6px;
    padding-left: 10px;
    
}

.formbox2 textarea {
    width: 100%;
    height: 60px;
    padding: 5px;
    float: left;
    margin-bottom: 8px;
   
    border-radius: 6px;
    color: #000000;
    padding-left: 10px;

}
.formbox2 h2 {
    width: 100%;
    font-size: 35px;
    color:#000;
    text-align: center;
    font-family: 'Great Vibes', cursive;
    

}
.formbox2 h5 {
    width: 100%;
    font-size: 18px;
    color:#0d6efd;
    text-align: center;
    font-family: 'Great Vibes', cursive;
    

}
.formbox2 p {
    width: 100%;
    font-size: 15px;
    color: #000000;
    text-align: center;
    

}
.formbox2 p span{
    
    color: #ff4901;
    font-weight: 700;
    font-size: 30px;
  

}

.layout{
    background-color: #f1f1f1;
    padding: 50px 0px;
}




/* banner form  */



.banner .bnr-form{
    background-color: var(--yellow-clr);
    padding: 15px 0;
      
  
   
   margin-bottom: 20px;
   border-radius: 15px;
   



   
  
  
   
 
  
   position: absolute;
   right: 50px;
     top: 15%;
   padding: 20px;
   box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
 padding-bottom: 30;
}

.bnr-form{
   background-color: var(--main-clr);
   padding: 15px 0;
     
  
  margin-bottom: 20px;
  border-radius: 15px;
  
}


.bnr-form h2{
   text-align: center;
   padding: 10px 20px;
  font-weight: 600;

}


.bnr-form .input-sec input{

   height: 45px;
   outline: none;
   border: 1px solid #ccc;
   padding-left: 15px;
   border-radius: 15px;
   width: 100%;
   margin-bottom: 15px;

   
}

.bnr-form .input-sec button{
   height: 45px;
   outline: none;
   width: 100%;
  
    text-align: center;
    align-items: center;
   border-radius: 15px;


   text-align: center !important;
   background-color: #710621;
   border: none;
   padding: 12px 16px;
   color: var(--whyt-clr);
   font-weight: 500;
   
   margin-top: 15px;
   
  
}


/* why section  */

#why h2 span,
#abt h2 span{
color: var(--main-clr);

}

#why .why-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#why .why-inner p{
    font-weight: 700;
    margin-top: 10px;
}
.date span{
    color: #fff;
    background-color: #D93025;
    padding: 2px 8px;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 14px;
    font-weight: 600;
  }


/* pac css  */


/* packages css  */

.pacs-inner{
   
    
    border: 1px solid #ccc;
    margin-bottom: 25px;
    padding: 6px;
    position: relative;
}
.pacs-inner figure{
    border-radius: 0;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #ccc;
}

.top-txt,
.pac-icons,
.itn-list,
.itn-btm,
.desti{
    padding: 0 12px;
}
.itn-list ul{
    margin-left: 0;
    padding-left: 0;
}

.itn-list{
    padding-left: 0!important;
}

.desti strong{
    color: var(--main-clr);
}
.icons-inner figure{
    margin: 0;
}

.top-txt a{
  
    color:#075e54 !important;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: none;
   
}

.price-div h3{
    color: var(--org-clr);
}

.itn-btm{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.itn-btm button{
    font-weight: 600;
    font-size: 1rem;
    border: none;
    outline: none;
    background:#ffba00;
    padding: 12px 35px;
    color: var(--whyt-clr);
    border-radius: 4px;
    margin:  15px 8px;
}


.itn-btm span{
    background-color: var(--btnclr);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0 4px 4px;
    padding: 4px 25px;

}
.itn-btm  a i{
    color: var(--whyclr);
}

.pacs p{
    font-weight: 700;
    color: var(--btnclr);
}
.top-txt{
    background-color: #3554d1;
    color: #fff;
    padding: 10px!important;
}
.pacs-inner h3{
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}
.destination{
    color: #7a7a7a;
}

.top-txt,
.pac-icons,
.itn-list,
.itn-btm{
    padding: 0 12px;
}

.top-txt a{
    color: var(--red-clr);
    font-weight: 700;
    font-size: 1.2rem;
    text-decoration: none;
}

.icon-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* para css  */
#para {
    background-image: url(../img/focus/banner.png);
    background-attachment: fixed;
    padding: 55px 0;
    color: var(--whyt-clr);
  
}

.footer-bar{
    display: none !important;
}

.list-one {
    list-style-image: url('../img/arrow.png');
}


.whatsapp-float {
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 999;
}

/* call icon  */

.call-icon {
    position: fixed;
    bottom: 100px;
    left: 20px;
    z-index: 999;
}


footer{
    background:#0f48bc;
    color: var(--whyt-clr);
    padding: 30px 0px;

}
footer p a{
    color: rgb(255, 255, 255);
    text-decoration: none;
}
footer p a:hover{
    color: #f00;
    text-decoration: none;
}

a:hover{
    color: #fff!important;
}
footer p{
    margin-bottom: 0;
    font-size: 1.1rem;
    text-align: center;
}

.modal-content{
    background-color: transparent !important;
    border: none !important;
}

.modal-content .formbox{
 position: relative;
 width: auto;
}

figure{
    overflow: hidden;
    cursor: pointer;
}

figure:hover img{
    transform: scale(1.1);
    transition: 0.3s all;
}

.pac-icons h5{
   padding-bottom: 10px;
}
.btn2{
    width:30%;
    padding:10px;
    text-align:center;
    color:#ffffff;
     background: #3554d1;
     margin-top:20px;
     margin-bottom:10px;
         border-radius: 30px;
         text-decoration: none;
}
.btncall{
    width:30%;
    padding:10px;
    text-align:center;
    color:#ffffff;
     background: #d93025;
     margin-top:20px;
     margin-bottom:10px;
         border-radius: 30px;
        
         text-decoration: none;
}
.btnwhatsapp{
    width:30%;
    padding:10px;
    text-align:center;
    color:#ffffff;
     background: #41c352;
     margin-top:20px;
     margin-bottom:10px;
         border-radius: 30px;
         text-decoration: none;
}



#more {display: none;}
#more1 {display: none;}
#more2 {display: none;}
#more3 {display: none;}
#more4 {display: none;}
#more5 {display: none;}
#more6 {display: none;}
#more7 {display: none;}
#more8 {display: none;}

 .read-morebtn{
        border: none;
        color: #17368e;
        background: white;
        font-weight: 500;
     }
#myBtn {
        margin-bottom: 2px;
        margin-top: 8px;
     }
     #myBtn1 {
      margin-bottom: 2px;
      margin-top: 8px;
   }
   #myBtn2 {
    margin-bottom: 2px;
    margin-top: 8px;
 }
 #myBtn3 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#myBtn4 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#myBtn5 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#myBtn6 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#myBtn7 {
  margin-bottom: 2px;
  margin-top: 8px;
}
#myBtn8 {
  margin-bottom: 2px;
  margin-top: 8px;
}

.section-bg__item-right{
    float: right;
}
.map-form{
    background-color: #fff;
    padding: 20px;
    position: absolute;
    width: 30%;
    top: 20px;
    border: 1px solid #ccc;
   

}
.section-fixed-form{
    position: relative;
    margin-top: 50px;
   
}
.footer-contact{
    margin-top: 550px;
}
.footer-contact h3{
    font-size: 35px;
    font-weight: 600;
}

.address-text span{
    color: #535353;
    font-weight: 600;
}
.address-text p{
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}
.address-text p a{
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
}
.address-text p a:hover{
    color: #3554d1!important;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
}


.whatsapp-float {
    position: fixed;
    bottom: 40px;
    left: 0px;
    z-index: 999;
}

/* call icon  */

.call-icon {
    position: fixed;
    bottom: 100px;
    left: 0px;
    z-index: 999;
}
@media screen and (max-width:577px) {
    .whatsapp-float{
        display: none;
    }
    .call-icon{
        display: none;
    }
}