html {

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

    font-size: 16px;

    overflow-x: hidden;

  height: 100%;	

  }





bxody {height:100%;}



body .showcase {

	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);

	background-size: 400% 400%;

/*	animation: gradient 15s ease infinite; */

height: 400px;

}



@keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}





sliderimage {

	

    display: block;

     margin-left: auto;

     margin-right: auto;

     width: 100%;

     height: auto;	

   min-height: 360px;	

       

   }

   

   .sccontainer {

     position: relative;

     max-width: auto;

     margin: 0 auto;

     min-height:360px;	

            }

   

   .sccontainer img {background-position: center;

     background-repeat: no-repeat;

     background-size: cover;

     position: relative;

   }

   

   .sccontainer .sccontent {

     /*background-image: url("images/rain-png-34465.png");*/

     position:absolute;

     bottom: 0;

     background: rgb(0, 0, 0); /* Fallback color */

     background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */

     color: #f1f1f1;

     width: 100%;

     padding: 20px;

        }

   .hero-image {

     background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.05)), url("images/ea4header3.png") ;

     height: 100%;

     background-position: center;

     background-repeat: no-repeat;

     background-size:cover;

     position: relative;

            -webkit-background-size: cover;

         -moz-background-size: cover;

         -o-background-size: cover;

         

   }

   

   .hero-text {

     text-align: center;

     position: absolute;

     top: 50%;

     left: 50%;

     transform: translate(-50%, -50%);

     color: white;

   }

   

   .hero-text button {

     border: none;

     outline: 0;

     display: inline-block;

     padding: 10px 25px;

     color: black;

     background-color: #ddd;

     text-align: center;

     cursor: pointer;

   }

   

   .hero-text button:hover {

     background-color: #555;

     color: white;

   }

   .hero-image1 {

         background: url('images/ea4header3.png') no-repeat center center fixed;

         width: 100%;

         -webkit-background-size: cover;

         -moz-background-size: cover;

         -o-background-size: cover;

         background-size: cover;

           

     }

   

   @media only screen and (max-width: 600px) {

       .hero-image {

              background: url('images/webp/excel-to-tally-mobile.webp') no-repeat center center  ;

          background-repeat: no-repeat;

            -webkit-background-size: cover;

         -moz-background-size: cover;

         -o-background-size: cover;

         background-size: cover;

                    }

       

   .page-content h1 {

     margin-top: 1.5rem;

     font-size: 1.50rem;

     font-weight: 500;

     word-break:normal;

   }	

   

   }