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

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

.vtex{
    width: 100%;;
    float: left;
    padding: 10px;
}
.vtex p{
    width: 100%;;
    float: left;

}
a {
    text-decoration: none;
}

li {
    list-style: none;
}

h1 {
    font-family: HurmeGeometricSans;
}

:root {
    --head-clr: #1f3a53;
    --main-clr:#c70f15;
    --yellow-clr: #1b2c7f;
    --blck-clr: #000000;
    --whyt-clr: #ffffff;
    --primary-color: #1b2c7f;
}

.my-button{
    background-color: var(--primary-color) !important;
    color: white !important;
}

body{
    overflow-x: hidden !important;
}

.my-text{
    color: var(--primary-color);
}

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

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

.mheading {
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: 1px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding: 15px;
    text-align: center;
}

.abt-p{
    font-size: 17px;
    font-weight: 400;
   
    
    text-align: start;
}

.read-more-show {
    color: var(--main-clr);
    text-decoration: none;
}
.read-more-show:hover{
    color: black;
}
.hide {
    display: none;
}

.mainp{
    font-size: 1rem;
    font-weight: 500;
   
   
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding: 15px;
}

nav {
    background-color: var(--whyt-clr);
    padding: 12px 0;
    text-align: center;
   
}

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;
}




.boxnew{
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
}
.boxnew img{
    width: 100%;
    float: left;

}
.boxnew h2{
    width: 100%;
    float: left;
    font-size: 24px;
    color: #ca1c1c;
    padding-top: 10px;
    padding-bottom: 20px;

}
.boxnew ul li{
    width: 100%;
    float: left;
   

}
.boxnew ul{
    margin: 0px;
    padding: 0px;
}
.boxnew ul li a{
    width: 100%;
    float: left;
    color: #000000;
    text-decoration: none;
    display: block;
    line-height: 30px;
   

}
.boxnew ul li a:hover{
    width: 100%;
    float: left;
    color: #f74600;
   

}

/* bannner css  */

.banner {
    /* background-image: url("../img/why-img/himachal-banner.jpg");
    background-position: center;
    background-size: cover; */
    width: 100%;
    
    float: left;   
    position: relative;
    
}
#close{
    display: none;
}

.banner .bnr-txt {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-top:10%;

    z-index: 1009;
   
    position: absolute;
       right: 50%;
       transform: translate(50%);
      top: 15%;
}

.banner .bnr-txt h1 {
   
    color: var(--whyt-clr);
    font-size: 2.5rem;
    font-weight: 800;
    font-family: auto;
    font-style: italic;
    -webkit-text-stroke-width: 1px; 
    -webkit-text-stroke-color: black;
}


/* banner form  */


.input-sec2{
    width: 100%;
    padding: 10px;
   
}
.input-sec2 input{
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    line-height: 40px;
    border-radius: 30px;
    padding-left: 20px;
}
.input-sec2 button{
    height: 45px;
    outline: none;
    width: 300px;
    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-inner:hover img,
.wh-inner:hover img{
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.faq-img{
    overflow: hidden;
}
.faq-img:hover img{
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}






/* banner  form  */

.banner img{
    width: 100%;
    height: auto;
}
#mobileFrom{
    display: none;
}



.banner .bnr-form{
     background-color: #1b2c7f;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
 
    border-radius: 15px;
    height: auto;
    z-index: 999;
    position: absolute;
    right: 80px;
    top: 65%;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;

}

.bnr-form{
    background:#1b2c7f;
    padding: 15px 0;
      
   display: flex;
   flex-direction: row;
   justify-content: space-around;
    border-radius: 15px;
   
}


.bnr-form h2{
    text-align: center;
   font-weight: 600;
   color: #ffffff;

}


 .bnr-form .input-sec input{

    height: 40px;
    outline: none;
    border: 1px solid #ccc;
    padding-left: 15px;
    border-radius: 15px;
    width: 300px;
    margin-bottom:8px;

    
}

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


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

/* why css  */

.why-inner img{
 width: 70px;
}


/* packages css  */

#pac{
    position: relative;
   
    overflow: hidden;
}

.modal-content .input-sec{
    margin: 15px;
}
.modal-content .input-sec input{
    width: 100%;
}
.modal-content .input-sec button{
    width: 100%;
}

.pac-inner{
    border: 1px solid var(--main-clr);
    
    display: flex;
    background-color: var(--whyt-clr);
    box-shadow: 5px 4px 12px rgba(0,0,0,0.5 );
      flex-wrap: wrap;
      border-radius: 8px;
}

.pac-left{
    padding: 15px 10px;
    flex-basis: 20%;
    position: relative;
    overflow: hidden;
}
.pac-left  img{
  border-radius: 10px;
 
}
.des-img{
    overflow: hidden;
}
.pac-left:hover img ,
.des-img:hover img{
    transform: scale(1.2);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.pac-center{
    padding: 10px 25px;
    flex-basis: 60%;
    position: relative;
    overflow: hidden;
}
.pac-center p{
    background-color: var(--main-clr);
    color: var(--whyt-clr);
    border-radius: 18px;
    text-align: center;
    padding: 6px;
    width: 160px;
}
.pac-center2{
    padding: 10px 25px;
    flex-basis: 70%;
    position: relative;
    overflow: hidden;
}
.pac-center2 p{
    background-color: var(--main-clr);
    color: var(--whyt-clr);
    border-radius: 18px;
    text-align: center;
    padding: 6px;
    width: 160px;
}

.pac-rgt{
    flex-basis: 20%;
    position: relative;
   
    background-color: var(--yellow-clr);
    overflow: hidden;
    display: flex;
    color: white;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0px 6px 6px 0px;
}

.btm-txt p{
    text-align: justify;
}

.pac-rgt button{
    outline: none;
    border: 0.5px solid var(--whyt-clr);
    text-align: center;
    height: 45px;
    border-radius: 15px;

    background-color: var(--main-clr);
    color: var(--whyt-clr);
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 10px 15px;
   

}
.pac-rgt p{
    margin-bottom: 0px;
}
.pac-rgt h2{
    margin-bottom: 10px;
}


/* parallex  */

#para{
    /* background-image: url('/img/9.jpg'); */
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 55px 0;
    color: var(--whyt-clr);
    margin-bottom: 25px;
    filter: brightness(0.9);
}

#para-txt h1{
    letter-spacing: 0.5px;
    font-size: 3.1rem;
}




/* footer css  */


footer{
   
    /* background-image: url('../img/spitti/para.jpg'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   
   
}



footer .f-txt{
    color: var(--whyt-clr);
    padding: 25px 0;
}

footer hr {
    color: var(--whyt-clr);
    height: 15px;
}

footer .bnr-form h2{
    color: var(--whyt-clr);
}

footer .bnr-form{
    background-color: transparent;
   
}

.list-one {
    list-style-image: url('../img/arrow.png');
    font-size: 13px;
    line-height: 25px;
}

.pac-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
   
}

.list-1{
flex-basis: 50%;
position: relative;
overflow: hidden;
}

.list-2{

    flex-basis: 50%;
position: relative;
overflow: hidden;
}


/* whats app and call  */

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

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


#btnOpenForm{
    background-color: red;
    position: fixed;
    right: -80px;
    top: 45%;
    outline: none;
    border: none;
    padding:10px 35px ;
    transform: rotate(-90deg);
   -webkit-border-radius: 10px;
   border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;

  font-size: 1.1rem;
font-weight: 500;
  text-align: center;

  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
  z-index: 999999;
}

@-webkit-keyframes glowing {
    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  }
  
  @-moz-keyframes glowing {
    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  }
  
  @-o-keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }
  
  @keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }