* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  list-style: none;

}



html {

  scroll-behavior: smooth;

  

}

body{

  overflow-x: hidden;

}

a{

    text-decoration: none;

}





.navbar {

  background-color: #fff !important;

  

}

body [data-aos] {

  transition-duration: 0.8s !important;

}

 /************* Preloader Part CSS ************/



 #loading{

  position: fixed;

	width: 100%;

	height: 100%;

	background: #fff

	url('../img/devoy.gif')

   no-repeat center center;	
   background-size: cover;

	z-index: 99999;

  }



/*---------------------------------------------------------------------------------------------------------

                                             # Header Part CSS

 --------------------------------------------------------------------------------------------------------*/

#header {



  transition: all 0.5s;

  padding: 0;

  z-index: 997;

}



#header .logo img {

  padding: 0;

  margin-left: 25px;

  width: 200px;

  height: 40px;

}

  

.navbar-nav li a {

  display: block;

  position: relative;

  color: #44c085;

  padding: 8px 18px !important;

  transition: 0.3s;

  font-size: 16px;

  font-family: "Roboto", sans-serif; 

}



.navbar-nav li a:hover {

  color: #44c085;

  text-decoration: none;

  transition: all 0.3s ease-in-out;

}

.navbar-toggler-icon {

  display: contents;

}



.navbar-toggler {

  padding: 0.3rem;

}

.button1{

    background-color: #44c085;

    color:#fff !important;

    border: 2px solid #44C085;

    margin-left: 35px;

}

.button1:hover{

  background-color: #fff;

  color:#44c085 !important;

  border:2px solid #44C085;

 



}

 /* Style the active class, and buttons on mouse-over */

 

 .active .nav-link:after{

  border-bottom: 2px solid #44c085;

  transform: scaleX(1);

} 



.nav-link::after {

  display: block;

  content: '';

  transform: scaleX(0);

  transition: transform 250ms ease-in-out;

 }



 .nav-item .nav-link:hover::after {

  border-bottom: 2px solid #44c085;

   transform: scaleX(1);

}





/******************************************************* Mega Menu CSS **********************************************************************/

 /* adds some margin below the link sets  */

 .navbar .dropdown-menu div[class*="col"] {

  margin-bottom:0px;

}



.flex-column {

  margin-left: 1%;

}





.navbar .dropdown-menu {

 border:none;

 background-color:#ececec!important;

}



/* breakpoint and up - mega dropdown styles */

@media screen and (min-width: 768px) {

 

 /* remove the padding from the navbar so the dropdown hover state is not broken */

.navbar {

 padding-top:0px;

 padding-bottom:0px;

}



/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */

.navbar .nav-item {

 padding:.085rem .085rem;

 margin:0 .085rem;

}



/* makes the dropdown full width  */

.navbar .dropdown {position:static;} 



.navbar .dropdown-menu {

 width:80%;

 left:auto;

 right:0;

/*  height of nav-item  */

 top:56px;

 display:block;

 visibility: hidden;

 opacity: 0;

}

}



@media(min-width:1800px){

  .navbar .dropdown-menu {

    width:70%; 

   } 

}

@media(min-width:2100px){

  .navbar .dropdown-menu {

    width:65%; 

   }



}



@media(min-width:2300px){

  .navbar .dropdown-menu {

    width:55%; 

   }

   

}

 /* shows the dropdown menu on hover */

.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {

 display:block;

 visibility: visible;

 opacity: 1;

 transition: visibility 0s, opacity 0.3s linear;

}



.mega_menu .mega_menu_head{

  color:#44c085 !important;

  font-size: 13px;

  font-weight: 500;

  margin: 10px 0;

}

.mega_menu .mega_menu_head:hover{

  background-color: #44c085;

  color:#fff !important;

  border-radius: 4px;

 

}

.mega_menu li a{

  color:#000;

  font-size: 13px;

}

.dedicated_developer_mega_menu{

  display: none;

 }

 .dedicated_developer_nav_menu{

  display: none;

}



/*----------------------------------------------------------------------------------------------------

                                         # Home Part CSS

 -----------------------------------------------------------------------------------------------------*/



.contact_page_home_section{

    padding-bottom: 18%;

  } 

  .contact_page_home_section h1{

   padding: 12% 0 0 0;

  }

  .contact_page_home_section p{

    font-size: 18px;

    font-weight: 500;

  }



  /*----------------------------------------------------------------------------------------------------

                                         # Contact Part CSS

 -----------------------------------------------------------------------------------------------------*/

.contact_padding{

  padding-top: 50px;

}



.contact_padding h5{

  color:#000;

  font-weight: 700;

}



.contact_padding .shadow_text{

  color:#bfc1c4;

  text-transform: uppercase;

  opacity: 0.1;

  font-size: 100px;

  margin-top: -54px;   

 

}



.contact_padding h2{

  color:#44c085;

  font-size: 38px;

  padding: 10px;

  margin-top: -90px;

}



.contact_address h3{

  font-size: 38px;

  letter-spacing: 2px;

  font-family: "Roboto", sans-serif;

  line-height: 1.1;

}

.addrs012 {

  font-size: 20px;

  margin-bottom: 15px;

  margin-top: 25px;

 font-family: "Roboto", sans-serif;

  color:#333;

  letter-spacing: 1.8px;

}



.contact_number p{

   font-size: 16px;

    margin: 0 0 10px;

}



.contact_number p a{

  text-decoration: none !important;

    transition: .5s;

    color: #000;

}



.contact_email p{

  font-size: 16px;

   margin: 0 0 10px;

}



.contact_email p a{

 text-decoration: none !important;

   transition: .5s;

   color: #000;

}



/* .Factory_address p{

  font-size: 18px;

   margin: 0 0 10px;

} */

.get_direction{

  margin-top: 10px;

  margin-left: 15px;

  display: inline-block;

  padding-bottom: 6px;

  text-decoration: none;

 font-family: "Roboto", sans-serif;

  color:#333;

  letter-spacing: 1.8px;

 

}



.get_direction a{

  text-decoration: none;

}

/* .Factory_address p a:hover{

  color:#44c085;

  transition: all 0.1s;

 

} */

/* .Factory_phone p{

  font-size: 16px;

  margin: 0 0 10px;

}



.Factory_phone p a{

  text-decoration: none !important;

   transition: .5s;

   color: #000;

} */





/*----------------------------------------------------------------------------------------------------

                                         # Inquiry Part CSS

 -----------------------------------------------------------------------------------------------------*/



.address_form_section {

  background: #f4f4f4;

  text-align: center;

  margin: 10% 0;

}

.inquiry_form h2{

    font-size: 30px;

    letter-spacing: 2px;

    color:#333;

    font-family: "Roboto", sans-serif;

    margin: 8% 0 5% 0;



  }



  .form-contact .form-control {

    border:0;

    border-radius: 2px;

    padding: 25px;

    font-size: 16px;

    background: #fff;

    margin-bottom: 30px;

  

} 





.boxed-btn {

  background-color: #000;

  color:#fff;

  border:none;

  font-family: Arial;

  font-size: 18px;

  text-transform: uppercase;

  letter-spacing: 2px;

  padding: 12px 30px;

  transition: .5s;

  margin-bottom: 50px;

  

}

.inquiry_form_whatsapp_icon

{

    position: absolute;

    font-size: 26px;

    color: #44C085;

    top: 10px;

    right: 45px;

    font-weight: 600;

}



   /*----------------------------------------------------------------------------------------------------

                                         # Footer Part CSS

  -----------------------------------------------------------------------------------------------------*/

footer{

  margin-top: 50px;

}

.menu{

  padding: 20% 15% 0 36%;

}



.footer span a{

  color:#fff;

  text-decoration: none;

  font-size: 18px;

  font-family: Arial, Helvetica, sans-serif;

  margin-right: 12px;

  

}

.social-menu span a i{

  margin-right: 12px;

  font-size: 16px;

}



.copyright p{

  font-size: 18px;



}

/*---------------------------------------------------------------------------------------------------------

                                               # Bottom to Top Button CSS

   --------------------------------------------------------------------------------------------------------*/



   #myBtn {

    display: none;

    position: fixed;

    bottom: 20px;

    right: 30px;

    z-index: 99;

    font-size: 22px;

    border: none;

    outline: none;

    background-color: #555;

    color: white;

    cursor: pointer;

    width:45px ;

    height: 45px;

    border-radius: 4px;

  }

  

  #myBtn:hover {

    background-color: #44c085;

  

  }

/*---------------------------------------------------------------------------------------------------------

                                               # Whatsapp Button CSS

   --------------------------------------------------------------------------------------------------------*/

   #whatsappBtn {

  

    position: fixed;

    bottom: 20px;

    left: 40px;

    z-index: 99;

    font-size: 16px;

    border: none;

    outline: none;

    background-color: #555;

    color: white;

    cursor: pointer;

    width:18% ;

    height: 35px;

    border-radius: 50px;

    padding: 5px 0px 0px 35px;

    text-decoration: none;

  }

  /*-------- Particle move on mouse move css --------*/



  #parallax6{

        

    width: 100px;

    height: 100px;

    background-image: url('../img/particle4.png');

    background-repeat: no-repeat;

   

  }



  #parallax7{

    

    width: 100px;

    height: 100px;

    background-image: url('../img/particle4.png');

    background-repeat: no-repeat;

   

  }



   /*---------------------------------------------------------------------------------------------------------

                                               # Form CSS

   --------------------------------------------------------------------------------------------------------*/

 .form-group{

  margin-bottom: 0.5rem;

  

}

.close{

  margin-top: -50px;

  font-size: 38px;

  color:red;

}



@media (max-width: 480px){

.contact_padding .shadow_text {

    font-size: 68px;

    margin-top: -40px;

}

.contact_padding h2 {

  margin-top: -65px;

}

.menu {

  padding: 20% 0% 5% 5% !important;

}

#whatsappBtn {

  width: 53%;

  padding: 5px 0px 0px 10px;

}

}

@media(max-width:1024px){

  .mx-5 {

    margin-left: 0 !important; 

    margin-right: 0 !important;

  }

}

@media(min-width:768px){

  .modal{

   top:calc(50vh - 300px) !important;

 }

}



@media(min-width:1900px){

  .menu {

    padding: 20% 15% 1% 43%;

  }

  #whatsappBtn {

  

    padding: 5px 0px 0px 5%;

    

  }

}