@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap');



*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;



}

.termbox{

    width: 100%;

    height: auto;

    float: left;

    margin-top: 20px;

}

.termbox h2{

    width: 100%;

    font-size: 18px;

    line-height: 35px;

    float: left;

}

.termbox p{

    width: 100%;

    font-size: 14px;

    line-height: 30px;

    float: left;

}

.termbox ul li{

    width: 100%;

    font-size: 14px;

    line-height: 30px;

    float: left;

}

.nav{

    background-color:white;

    height: 12.5vh;

    width: 100%;

}

.nav .navbar-brand{

    padding: 10px 0 0 20px;

    width: 23%;

    cursor: pointer;

}

.nav .navbar-brand img{

    width: 100%;

}

.nav .navbar-brand span{

    color: palevioletred;

}

 

/* Click to chat CSS  */



.whatsapp-float{

    position: fixed;

    bottom: 40px;

    right: 20px;

    z-index: 999;

}



/* call icon  */

.call-icon{

    position: fixed;

    bottom: 40px;

    left: 20px;

    z-index: 999;

}



#navbarNav{

    width: 83%;

}

#navbarNav .nav-item{

    padding-left: 15px;

}

.nav-item .nav-link{

    color:black;

}

.nav-item .nav-link:hover,

.nav-item .nav-link.active,

.dropdown-menu .dropdown-item:hover{

    color:orangered;

}



.nav-item i{

    color: green;

    font-size: 1.2rem;

    position: relative;

    top: 11px;

}



/* Bg main section start from here  */





.banner{

    width: 100%;

    height: auto;

    float: left;   

}

.logo{

    width: 100%;

    height: auto;

    padding: 5px 0 5px 0px;

}

.logo img{

    width: auto;

    height: auto;

}

.topheader{

	width: 100%;

    float: right;

    margin-top: 15px;

  

    

}

.topheader ul{

	margin:0px;

	padding:0px;

	display:block;

    float: right;





	

}

.topheader ul li{

	margin:0px;

	padding:0px;

	display:block;	

	float:left;	

	text-align:center;

	position:relative;

    margin-left: 20px;

    font-size: 24px;

}

.topheader ul li a.span{

    width: 25px;

    height: 25px;

    margin-right: 10px;

}

.topheader ul li a{

	text-decoration:none;

	margin:0px;

	padding:0px;

	float:left;	

	text-align:center;

    font-size: 20px;

    font-weight: 600;

    color: #000000;

	

}

.banner img{

    width: 100%;

    height: auto;

    float: left;

    background-repeat: no-repeat;

}



/* dorp down menu  */



.dropdown-menu{

 border: none;

 background-color:blueviolet;

}



/* form start form here  */



.formbox{

    width:25%;

    height: auto;

    border: 1px solid whitesmoke;

    border-radius: 4px;

    z-index: 999;

    background:#f2c500;

    position: absolute;

    right: 120px;

    top: 18%;

    padding: 20px;

    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;

  padding-bottom: 30;





    

}


.formbox i{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    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;

    

}

.formbox textarea {

    width: 100%;

    height: 60px;

    padding: 5px;

    float: left;

    margin-bottom: 8px;

    border: none;

    outline: none;

    border-radius: 6px;

    color: #000000;



}

.formbox h2 {

    width: 100%;

    font-size: 40px;

    color: #000000;

    text-align: center;

    font-family: 'Great Vibes', cursive;

    



}

.formbox p {

    width: 100%;

    font-size: 15px;

    color: #000000;

    text-align: center;

    



}

.formbox p span{

    

    color: #ff4901;

    font-weight: 700;

    font-size: 30px;

   

    



}

.form-inputs .btn{

    background-color: rgb(20, 72, 23);

    

    width: 100%;

    height: 17%;

    line-height: 35px;

    padding: 5px;

    margin-top: 10px;

    text-align: center;

    color: white;

}

.form-inputs .btn:hover{

    background-color: rgb(255, 174, 0) !important;

}





/* new section start  */

.heading{

  padding: 5.5% 0 1.5% 0;

}



.heading h1{

  text-align: center;

  font-weight: 700;

  font-size: 55px;

  font-family: 'Great Vibes', cursive;

}

.heading p{

    text-align: center;

    font-weight: 400;

}

.heading h1 span{

   color: orangered;  

}



.heading2{

    padding: 1.5% 0 1.5% 0;

  }

  

  .heading2 h1{

    text-align: center;

    font-weight: 700;

    font-size: 55px;

    font-family: 'Great Vibes', cursive;

  }

  .heading2 p{

      text-align: center;

      font-weight: 400;

  }

  .heading2 h1 span{

     color: orangered;  

  }





.box{

    width: 100%;

    height: auto;

    float: left;   

    border-bottom: 5px solid #ff0000;

    cursor: pointer;

    margin-bottom: 10px;

    box-shadow: 0 0 14px rgba(0,0,0,0.5);

  

      

}



  /*ZoomIn Hover Effect*/

  .hover-zoomin a {

    display: block;

    position: relative;

    overflow: hidden;

  }

  .hover-zoomin img {

    width: 100%;

    height: auto;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

  }

  .hover-zoomin:hover img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

  }



  /*Fade Hover Effect*/

  .hover-fade a {

    display: block;

    position: relative;

    overflow: hidden;

    background-color: #333;

  }

  .hover-fade img {

    width: 100%;

    height: auto;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

  }

  .hover-fade:hover img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.5)";

    filter: alpha(opacity=0.5);

    opacity: 0.5;

  }



.box h6{

    background-color: #b90000;

    width: 60%;

    margin: 0 30px 0px 12px;

     z-index: 99999;

     padding: 10px 16px;

     border-radius: 3px;

     position: relative;

     bottom: 25px;

     left: 70px;

     font-size: 0.9rem;

     color: #ffffff;



}



.box p {

    width: 100%;

    font-size: 15px;

    color: #000000;

    float: left;

    text-align: left;



    



}

.box-ul{

 

    padding: 10px 25%;

}

.package-list li{

    list-style: none;

}





.box  ul li{

    width: 100%;

    font-size: 15px;

    color: #000000;

    line-height: 25px;

    float: left;

    text-align: left;

    list-style: none;

    



}

.box .box-btn{

    text-align: center;

    border: 2px solid red;

    transition: 0.3s all ease-in;

}

 

.cards{

    box-shadow: 0 0.5rem 1.5rem 0 rgb(0,0,0,0.09);



     width: 100%;

     height: auto;

     margin-bottom: 10%;

     padding: 10px;

     position: relative;

     

}

.clr{

    clear: both;



}

.callnow a{

    position:absolute;

	width:auto;

	height:auto;

    font-size: 15px;

    padding: 10px;

	bottom:10px;

  

    text-decoration: none;

	right:10px;

	background-color:#cf4817;;

	color:#FFF;

	border-radius:50px;

	text-align:center;

	box-shadow: 2px 2px 3px #999;

  z-index:100;

 

}

.callnow a:hover{background: #b90000;}

.enquiry a:hover{background: #b90000; color: #FFF;}

.enquiry a{

    position:absolute;

	width:auto;

	height:auto;

    font-size: 15px;

    padding: 10px;

	bottom:15px;

    text-decoration: none;

	left:10px;

	background-color:#f2c500;;

	color:#000000;

	border-radius:10px;

	text-align:center;

	box-shadow: 2px 2px 3px #999;

  z-index:100;

 

}



.cards h6{

    padding: 0 7%;

    background-color: #f2c500;

    width: 100%;

     z-index: 99999;

     padding: 16px 16px;

     border-radius: 10px;

     position: relative;

     bottom: 10px;

     font-size: 18px;

     color: #000000;

     cursor: pointer;

     

}



.cards h5{

    width: 100%;

    font-size: 17px;

    font-weight: 600;

    color: #000000;

    font-family: 'Oswald', sans-serif;

   



}



.cards p{

    width: 100%;

    float: left;

    font-size: medium;

    color: #000000;

    margin: 0;





  

}

.cards p span{

    width: 100%;

    float: left;

    font-size: medium;

    color: #be1111 !important;

    margin: 0;

    font-weight: 800; 

}

.cards ul li{

    width: 100%;

    float: left;

    font-size: medium;

    color: #202020 !important;

    margin: 0;

    font-weight: 400; 

    line-height: 30px;

    font-family: 'Oswald', sans-serif;

    font-size: 15px;

}



.cards .crd-btn{

    border: 1px solid red;

    outline: none;

    width: 30%;

    height: auto;

    margin-bottom: 10px;

   border-radius: 4px;

   padding: 10px 0;

   background-color: #ffffff;

   margin: 0 7% 3% 7%;

   cursor: pointer;

}

.cards:hover .crd-btn{

    background-color: rgb(59, 100, 59);

    border: 1px solid rgb(59,100,59);

    transition: 0.3s all;

}

 .location{

    padding: 1% 2%;

 }



 .location .fa-location-dot{

    font-size: 1.4rem;

 }

.location i{

    position: relative;

    left: -28px;

    top: 28px;

    font-size: 1.3rem;

}





.location-box{

   width: 100%;

   height: auto;

   float: left;



}



.location-box img{

    width: 100%;

    height: auto;

    float: left;

    

 }



.location h4{

    font-size: 18px;

    margin-bottom: 0;

    padding:0px 0.5% ;

}





.location a{

    text-decoration: none;

    color: rgba(0, 0, 0, 0.925);

    font-size: 500;

}

.map{

    padding: 3%;

    margin: auto;

}



.form-box{

    border: 3px solid #ffffff;

    background: #f2c500;

    border-radius:100px 0px 100px 0px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



}

.form-control2{

    padding: 20px;

    border: none;

}



.form-control2 label{

    display: block;

}



.form-control2 input{

    width: 100%;

   height: 45px;

   margin-bottom: 10px;

   padding-left: 5px;

   outline:none;

}



.form-control2 textarea{

    width: 100%;

    height: 150px;

    margin-bottom: 10px;

    padding-left: 5px;

    outline:none;

}

.form-control2 .form-btn{

    width: 20%;

    height: 50px;

    line-height: 35px;

    background-color: rgb(207 72 23);

    border: none;

    outline: none;

    border-radius: 3px;

    margin: 0 auto;

    color: #ffffff;

}

.form-control2 .form-btn:hover{

    background: #b90000;

}





.clr{

    clear: both;

}

/* footer section start from here  */



footer{

    background-color:#084d92

}

.footerbox{

    width: 100%;

    height:auto;

    float: left;

    background:#aa4a4a;

    margin-top: 20px;



}

.footer p{

    text-align: center;

    text-decoration: none;

    color: #ffffff;

    margin: 0px;

    

}

.footerbox h1{

    font-size: 2rem;

    font-weight: 700;

    color: #ffffff;

}

.footerbox a{

    text-decoration: none;

    width: 100%;

    text-align: center;

   float: left;

   color: #ffffff;

}

.footerbox .social-icons{

    width: 100%;

    text-align: center;

    padding: 0.2% 2%;

}

.footerbox .social-icons i{

    padding: 1% 2%;

    font-size: 1.2rem;

    color: rgb(110, 202, 110);

    

    width: 0.5%;

    height: 0.5%;

    border-radius: 50%;

    

    cursor: pointer;

}

.footerbox .social-icons i:hover{

color: #ffffff;

}