.pulse-current {
   	animation: pulse 1s linear infinite;
}

@-webkit-keyframes "pulse" {
0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
50% {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
   transform: scale(1);
}
}


.navbar-expand-lg.fancy:not(.fixed) .navbar-collapse-wrapper {margin-top:.9rem}
.navbar-expand-lg.fancy:not(.fixed) .navbar-collapse .nav-link {padding-top:30px;font-size:1.2em}
.navbar-stick .nav-link {font-size:1em}

.navbar-stick .navbar-brand a img {
    -webkit-animation:spin 1s linear;
      -moz-animation:spin 1s linear;
      animation:spin 1s linear;
      animation-fill-mode: forwards;
  }
  @-moz-keyframes spin { 100% { -moz-transform: rotate(20deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(20deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(20deg); transform:rotate(20deg); } }
  .home .navbar-stick:not(.navbar-dark) {
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.06);
    background: rgba(255, 255, 255, 0.97);
  }
  .bottom-list li{
    display: inline;
  }

.nav-services-block {width:100%;height:100%;display:block}

 


.navbar-stick .top-brand-text
{
  
  background-image: linear-gradient(
    -225deg,
    #7cb798 0%,
    #3f78e0 29%,
    #900 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;

  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 5s linear normal forwards;


}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
  
@media (min-width: 992px) {
  .hide-big {display:none !important}
  
  
  }

@media (max-width: 992px) {
.hide-small {display:none !important}


}
 

.contact-container {margin-top:20px;}

    label {
      display: block;
      margin-top: 15px;
      margin-bottom: 5px;
      color: #444;
    }

    input[type="text"], input[type="text"],
    input[type="email"] {
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 5px;
      transition: border-color 0.3s;
    }

    input[type="text"]:focus,
    input[type="email"]:focus {
      border-color: #4a90e2;
      outline: none;
    }

    input[type="submit"] {
      
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    input[type="submit"]:hover {
      background-color: #357ab8;
    }
textarea {
  width: 100%;
  padding: 12px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize: vertical;
  font-size: 15px;
  transition: border-color 0.3s, box-shadow 0.3s;
  box-sizing: border-box;
}

textarea:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 5px rgba(74, 144, 226, 0.3);
  outline: none;
}


    .form-message {
      display: none;
      padding: 15px;
      margin-bottom: 20px;
      border-radius: 5px;
      font-weight: bold;
      animation: fadeIn 0.5s ease-in-out;
    }

    .form-message.success {
      background-color: #d4edda;
      color: #155724;
      border: 1px solid #c3e6cb;
    }

    .form-message.error {
      background-color: #f8d7da;
      color: #721c24;
      border: 1px solid #f5c6cb;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }

.form-message {
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
  font-weight: bold;
}

.form-message.success {
  background-color: #d4edda;
  color: #155724;
}

.form-message.error {
  background-color: #f8d7da;
  color: #721c24;
}
.offcanvas-header *,.offcanvas-body * {margin:0 auto}
.offcanvas-header img{margin-right:10px}

.btn-close{text-align:center;margin:10px;padding:10px 8px 10px 9px;border-radius:20px;box-shadow:0px 0px 3px 1px #000;margin-left:30px}
.btn-close:hover{box-shadow:0px 0px 5px 3px #fff}
.btn-close .btn-close-white:before{margin-top:13px}

.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {position:relative;top:0}


.offcanvas-body .nav-item .dropdow::after {margin-right:20px}
a {text-decoration:none}
 .card {background:rgba(0,0,0,.5)}
h1,h3,h4,h5 {color:rgba(124, 183, 152, .6);}


header h2 {color:rgba(124, 183, 152, 1);}
h2 {color:rgba(124, 183, 152, .5);}
#contact-form label {color:#fff}

.accordion-wrapper .card-header button.collapsed {color:rgba(124, 183, 152, .5);}