/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 24 Dec, 2021, 12:47:44 PM
    Author     : NIC
*/
.header-own {
                width: 100%;
                height: 15%;
                padding-top: 2.5px;
                padding-bottom: 2.5px;
            }
            .round-corner {
                border-radius: 15px;
            }
            
@keyframes kreep {
    0% {-webkit-transform: scale(1.1,.9);
        transform: scale(1.1,.9);}
   50% { -webkit-transform: scale(.9,1.1) translateY(-.5rem)}
   70% { -webkit-transform: scale(1);
         transform: scale(1);}
}

.kreep {
  display: inline-block;
  /*name-duration-function(ease,eas-in,linear)-delay-count-direction */
  animation: kreep 0.7s ease 2s infinite alternate;
}

.kreep:hover {
  animation: none;
}

@keyframes wiggle {
  2% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  4% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  6% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  8% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  10% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  12% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  14% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  16% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  18% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  20% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.wiggle {
  display: inline-block;
  animation: wiggle 2.7s infinite;
}

.wiggle:hover {
  animation: none;
}

.forcounter11 {
         bottom: -230px;
	 right: -300px;
	 display: block;
	 position: fixed;
	 width: 500px;
	 height: 500px;
}

.count
{
  line-height: 50px;
  color:white;
  margin-left:30px;
/*  margin-bottom: 50px;*/
  font-size:25px;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 23 Dec, 2021, 11:10:48 AM
    Author     : NIC
*/
.ltr {
    position: relative;
    animation-name: ltr1;
    animation-duration: 4s;
    animation-timing-function: ease;
}
@keyframes ltr1 {
  from {left: -500px;}
  to {left: 0px;}
}

.rtl {
    position: relative;
    animation-name: rtl1;
    animation-duration: 4s;
    animation-timing-function: ease;
}
@keyframes rtl1 {
  from {left: 500px;}
  to {left: 0px;}
}

.btt {
    position: relative;
    animation-name: btt1;
    animation-duration: 8s;
    animation-timing-function: ease;
/*    animation-delay: 4s;*/
}
@keyframes btt1 {
  from {top: 300px;}
  to {top: 0px;}
}

.ttb {
    position: relative;
    animation-name: ttb1;
    animation-duration: 8s;
    animation-timing-function: ease;
/*    animation-delay: 4s;*/
}
@keyframes ttb1 {
  from {top: -300px;}
  to {top: 0px;}
}

.bounce-in-rtl {
  animation: bounce-in-rtl 5s ease;
}
@keyframes bounce-in-rtl {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

.bounce-in-ltr {
  animation: bounce-in-ltr 5s ease;
}
@keyframes bounce-in-ltr {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}

.bounce-in-ttb {
  animation: bounce-in-ttb 5s ease;
}
@keyframes bounce-in-ttb {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

.bounce-in-btt {
  animation: bounce-in-btt 5s ease;
}
@keyframes bounce-in-btt {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% { transform: translateY(10px); }
  100% { transform: translateY(0); }
}

.bounce-in-rtl-late {
  animation: bounce-in-rtl-late 10s ease;
}
@keyframes bounce-in-rtl-late {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  50% {
    opacity: 1;
    transform: translateX(-30px);
  }
  60% { transform: translateX(10px); }
  70% { transform: translateX(0); }
  79% { transform: scale(1.2); }
  82%, 88% { transform: rotate(-20deg) scale(1.2); }
  85% { transform: rotate(20deg) scale(1.2); }
  91% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
  
}

.hithere {
  animation: hithere 1s ease 12;
}
@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

.hide1 {
    overflow: hidden;
    text-overflow: ellipsis;
    animation-name: hide11;
    animation-duration: 4s;
}
@keyframes hide11 {
  overflow: visible;
}



.ref_button {
    position: relative;
    width: 140px;
    height: 55px;
/*    margin-left: 40px;*/
    padding-left: 30px;
    font-size: 22px;
    text-align: center;
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    border-radius: 15px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease-in-out;
}

.ref_button:active {
  top: 1px;
  box-shadow: none;
}

.icon {
    position: relative;
    left: 0px;
}
.btn-green {
    background: #1abc9c;
    border-bottom: 2px solid #12ab8d;
    box-shadow: inset 0 -2px #12ab8d;
}
.btn-green .icon {
    width: 24px;
    height: 24px;
    transition: all 0.4s ease-in-out;
}
.btn-green:hover .icon {
    transform: rotate(360deg) scale(1.2);
}


.bn632-hover {
  width: 140px;
  font-size: 16px;
  padding: 30px auto;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 20px;
  height: 55px;
  text-align:center;
  border: none;
  background-size: 300% 100%;
  border-radius: 20px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn632-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.bn632-hover:focus {
  outline: none;
}

.bn632-hover.bn25 {
    background-image: linear-gradient(
      to right,
      #29323c,
      #485563,
      #2b5876,
      #4e4376
    );
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
  }
  .bn632-hover .icon {
    width: 24px;
    height: 24px;
    transition: all 0.4s ease-in-out;
}
.bn632-hover:hover .icon {
    transform: rotate(360deg) scale(1.2);
}