*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

html,body{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    user-select: none;
    
}
:root{
    --Main_color:#3931af;
    --Main_color_2: #00c6ff;
    --white_color:#fff;
    --button:#0060f0ad;
}

.nav-border{
  border: 1px solid #EEEEEE;
}
.bolder{
  color: var(--Main_color_2);
}
.navbar-brand img{
width: 100px;
height: 55px;
 }

.btn{
  background: var(--Main_color_2);
  color: var(--white_color);
}
.btn:hover{
  background: var(--Main_color_2);
  color: var(--white_color);
}


 .hero{
  height:auto;
  width: 100%;
 }

/*----------------*/
 .only_for_padding{
  padding:0px 30px !important;
 }

 .letter_spacing{
  letter-spacing: 1px;
 }
/*----------------*/


.hero .hero_section_text{
  padding:0px 50px !important;
}

.hero .hero_section_text h2{
  color: var(--Main_color_2);
}

.hero .hero_section_text p{
  font-size: 20px;
  /* letter-spacing: 1px; */
}

.hero_img{
  border:1px solid  rgba(51, 124, 153, 0.288);
  border-radius: 10px;
}



.button{
  background: var(--Main_color_2);
  text-decoration: none;
  color: var(--white_color);
  width: 90px;
  padding: 8px;
  border-radius: 5px;
  text-align: center;
}


.info_box{
  border: 1px solid rgb(199, 199, 199);
  border-radius: 5px;
}

/*Features Area css*/
.line{
  width:5px;
  height: 60px;
  background: var(--Main_color_2);
}

.heading_s {
  border: 1px solid var(--Main_color_2);
}

.heading_s i{
  color: var(--Main_color_2);
}

.infobox{
  border: 1px solid var(--Main_color_2);
  height: auto;
  padding: 20px;
  font-size: 16px;
}

/*why need ERP*/
.point i{
  color: var(--Main_color_2);
}


 h3 {
  color: #00c6ff; 
}

.erp_image{
  transition: all 0.3s ease;
}
.erp_image:hover{
  transform: scale(1.04);

}

.border_container{
  border: 1px solid #EEEEEE;;
  border-radius: 5px;
}

.accordion-button:focus,
.accordion-button:active {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


.accordion-button.collapsed {
  color: inherit !important;
}

.accordion-button {
  color: var(--Main_color_2) !important;
}

.footer_logo{
 width: 120px;
}

.footer_link a{
  text-decoration: none;
}
.bck_image {
  background: -webkit-linear-gradient(left, #3931afbe, #00c8ffa6);
  position: relative;
}




.info_btn{
 padding: 15px;
 width: 150px;
  background: var(--white_color);
  border-radius: 2px;
  transition: all 0.3s ease;
}

.info_btn:hover{
 transform: translateY(-3px);
}

