*{
    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");
}
.pkg-incusion {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    }
    .pkg-incusion li{ padding:0 0 0 15px;margin:0 0 5px 0;list-style-type:none;display:block;position:relative;background-image:url(../img/airo.jpg);background-repeat:no-repeat;background-position:left 6px;}
.pkg-incusion li i{position:absolute;left:0;top:3px;color:#1166a6;}

a{
    text-decoration: none;

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

h1{
    font-family: HurmeGeometricSans;
}

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

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

}

.whatsapp-float{
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 20px;
    right: 30px;
    z-index: 9900;
    }
    .whatsapp-float img{
    width: 45px;
    height: 45px;
    margin-left: 1px;
    margin-top: -15px;
    }
    .call-icon{
        position: fixed;
        bottom: 40px;
        left: 20px;
        z-index: 999;
    }

.clr{
    clear: both;

}

.topbg{
    width: 100%;
    float: left;
    height: 21px;
    background-image: url(../img/FLAG.jpg);
    background-repeat: repeat-x;
}
.logobox{
    width: 100%;
    float: left;
    text-align: left;
}

nav {
    background-color: var(--whyt-clr);
   
    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;
    margin-top: 8px;
}

.nav-rgt span a {
    text-decoration: none;
    font-size: 1.2rem;
    color: var(--blck-clrr);
    font-weight: 500;
}

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

.banner img{
    width: 100%;
    height: auto;
    float: left;
    background-repeat: no-repeat;
}


/* 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;
    text-shadow: -3px 3px 0 rgb(51, 51, 51), 
    2px 2px 0 #2b2b2b;
  
  color: #ffd901;
}
.formbox{
    width:25%;
    border-radius:50px 50px 0 0;
    border: 1px solid whitesmoke;
   
    z-index: 102;
    background:#ff9001;
    position: absolute;
    right:10%;
    top: 25%;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    padding-bottom: 30;


    
}
.footerformbox{
    width:100%;
    border-radius:50px 50px 0 0;
    border: 1px solid whitesmoke;
   
    z-index: 102;
    background:#164099;
float: left;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    padding-bottom: 30;
}

.footerformbox 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;
    
}
.footerformbox textarea {
    width: 100%;
    height: 60px;
    padding: 5px;
    float: left;
    margin-bottom: 8px;
    border: none;
    outline: none;
    border-radius: 6px;
    color: #000000;
    padding-left: 10px;

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

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

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

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

}
.form-inputs .btn{
    background:#ffba00;
    
    width: 100%;
    height: 17%;
    line-height: 35px;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
    color: white;
}
.form-inputs .btn:hover{
    background-color:var(--sec-clr2) !important;
}





.packagebox1{
    width: 100%;
    float: left;
    background: #17368e;
}
.packagebox1 h1{
    width: 100%;
    float: left;
   color: #ffffff;
   font-size: 18px;
   font-weight: 600;
   padding-left: 10px;
   padding-top: 10px;
   font-family: Arial, Helvetica, sans-serif;
}
.packagebox1 h3{
    width: 100%;
    float: left;
   color: #ffffff;
   font-size: 18px;
   font-weight: 600;
   padding-left: 10px;
   font-family: Arial, Helvetica, sans-serif;
}
.packagebox1 p{
    width: 100%;
    float: left;
   color: #ffffff;
   font-size: 14px;
   font-weight: 400;
   padding-left: 10px;
   font-family: Arial, Helvetica, sans-serif;
}
.addbox{
    width: 100%;
    float: left;
}
.addbox img{
    width: 100%;
    float: left;
}


.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:#ff0000;
    
    width: 100%;
    height: 17%;
    line-height: 35px;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
    color: white;
}
.form-inputs .btn:hover{
    background-color:var(--sec-clr2) !important;
}







.formbox2{
    width:100%;
    
    border: 1px solid whitesmoke;
    border-radius: 4px;
    z-index: 102;
    background:#164099;
    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: none;
    outline: none;
    border-radius: 6px;
    padding-left: 10px;
    
}

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

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

}
.formbox2 h5 {
    width: 100%;
    font-size: 18px;
    color:var(--whyt-clr);
    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;


   
    

}




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



/* pac css  */


/* packages css  */

.pacs-inner{
border: 1px solid #cccccc;
    border-top-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-bottom: 25px;
    border-radius:40px 40px 0 0;
}
.pacs-inner figure{
    border-radius: 0;
    overflow: hidden;
}
.pacs-inner figure img{
    border-radius:40px 40px 0 0;
}

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

.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;
    background: #ffba00;
}

.itn-btm button{
    font-weight: 600;
    font-size: 1rem;
    border: none;
    outline: none;
    background:#17368e;
    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,
.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/bg.jpg);
    background-attachment: fixed;
    padding: 55px 0;
    color: var(--whyt-clr);
  
}

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

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


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

/* call icon  */

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


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

}

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