.bg-primary,
.btn-primary,
.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:active, 
.btn-outline-primary.active, 
.btn-outline-primary.focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active,
.badge-primary,
#preloader #status .spinner,
.pagination li a:hover,
.pagination .active a,
.nav-pills .nav-link.active,
.form-check-input:checked,
.social-icon li a:hover,
.back-to-top:hover,
.back-to-home a,
#topnav .navbar-toggle.open span:hover,
.flex-control-paging li a.flex-active,
.feature:hover .icon,
.watch-video a .play-icon-circle,
.tns-nav button.tns-nav-active,
.work-container.work-modern .icons .work-icon:hover,
.tagcloud > a:hover,
.contact-show-btn:before,
.dashboard-shape-two:before {
    background-color: #e51a4b !important;
}

.text-primary,
.btn-outline-primary,
.btn-link-primary,
.badge-outline-primary,
.dropdown-primary .dropdown-menu .dropdown-item:hover, 
.dropdown-primary .dropdown-menu .dropdown-item.active, 
.dropdown-primary .dropdown-menu .dropdown-item:active, 
.dropdown-primary .dropdown-menu .dropdown-item.focus, 
.dropdown-primary .dropdown-menu .dropdown-item:focus,
.alert-outline-primary,
.page-next-level .page-next li a:hover,
.accordion .accordion-item .accordion-button:not(.collapsed),
.accordion .accordion-item .accordion-button:before,
.tagline .tag-social a:hover,
.tagline .tag-right a:hover,
#topnav .has-submenu.active .submenu li.active > a,
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li > a:hover, 
#topnav .navigation-menu > li > a:active,
#topnav.scroll .navigation-menu > li:hover > a, 
#topnav.scroll .navigation-menu > li.active > a,
#topnav .navigation-menu > li .submenu li a:hover,
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li > a:hover,
#topnav .navigation-menu > li .submenu li a:hover,
#topnav .navigation-menu > li.has-submenu.open > a,
#topnav .has-submenu.active a,
#topnav .small-tagline a:hover,
.feature-transform .title:hover,
.pricing.price-table:hover .price-content,
.pricing.price-table:hover .price-feature .table-addon,
.container-filter li.active,
.work-container.work-classic .content .title:hover, 
.work-container.work-grid .content .title:hover, 
.work-container.work-modern .content .title:hover,
.work-container.work-grid .content .title:hover,
.blog-post .blog-img .author-desc .author .name:hover,
.blog-post .blog-content .title:hover,
.blog-post .blog-content .post-meta .like:hover,
.blog-post .blog-content .post-meta .comment:hover,
.blog-post .blog-content .post-meta .read:hover,
.blog-post .blog-content .post-meta .tag:hover,
.sidebar .widget .catagory li a:hover,
.media-list .comment-desk a:hover,
.job-catagory .title:hover,
.explore-feature .title:hover,
.job-catagory:hover .icon,
.explore-feature:hover .icon,
.job-grid .job-title:hover,
.job-grid .company:hover,
.footer .footer-list li a:hover {
    color: #e51a4b !important;
}

.btn-primary,
.btn-outline-primary,
.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:active, 
.btn-outline-primary.active, 
.btn-outline-primary.focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active,
.badge-outline-primary,
.alert-primary,
.alert-outline-primary,
.pagination li a:hover,
.pagination .active a,
.form-group .form-control:focus, 
.form-group .form-control.active,
.form-check-input:checked,
.custom-control-input:focus ~ .custom-control-label::before,
.form-control:focus,
.social-icon li a:hover,
#topnav .has-submenu.active.active .menu-arrow,
#topnav.scroll .navigation-menu > li:hover > .menu-arrow, 
#topnav.scroll .navigation-menu > li.active > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav .navigation-menu > li:hover > .menu-arrow,
#topnav .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav .navigation-menu.nav-light .has-submenu.active.active .menu-arrow {
    border-color: #e51a4b !important;
}

a.text-primary:hover, 
a.text-primary:focus,
.btn-link-primary:hover, 
.btn-link-primary:focus, 
.btn-link-primary:active, 
.btn-link-primary.active, 
.btn-link-primary.focus, 
.btn-link-primary:not(:disabled):not(.disabled):active {
    color: #00967d !important;
}

.btn-primary,
.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:active, 
.btn-outline-primary.active, 
.btn-outline-primary.focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active {
    box-shadow: 0 3px 5px 0 rgba(0, 201, 167, 0.3) !important;
}
  
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary.focus {
    background-color: #00967d !important;
    border-color: #00967d !important;
}

.alert-primary {
    background-color: #00ddb8 !important;
}

.alert-primary .alert-link {
    color: #007d67 !important;
}

.social-icon li a:hover .fea-social {
    fill: #00b092 !important;
}

.bg-gradident-overlay,
.owl-theme .owl-dots .owl-dot span {
    background-color: rgba(0, 201, 167, 0.6) !important;
}

.contact-show-btn:before {
    box-shadow: 0 10px 25px rgba(0, 201, 167, 0.5) !important;
}

.tns-nav button {
    background-color: rgba(0, 201, 167, 0.4) !important;
}

@keyframes beatbtn {
    0% {
      background-color: #e51a4b !important;
    }
    50% {
      background-color: rgba(0, 201, 167, 0.8) !important;
    }
}

.bg-overlay {
                background-color: rgba(60,72,88,0.5);
            }
            .maxWidth250px{
                max-width: 250px;
            }
            .blog-img::after {
                content: '';
                display: block;
                border-bottom: 2px solid orange;
                width: 0;
                position: absolute;
                left: 0;
                -webkit-transition: 1s ease;
                transition: .6s ease;
                padding-top: 13px;
                z-index: 50;
                bottom: 0;
            }
            .blog-post:hover .blog-img::after{
                width: 100%;
            }
@keyframes changewidth {
  from {
    width: 10px;
    height: 10px;
    opacity: 0;
  }

  to {
    width: 350px;
    height: 350px;
    opacity: 1;
  }
}
.selim:before {
        width: 20px;
        height: 20px;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        animation-duration: 0.5s;
  animation-name: changewidth;
  animation-iteration-count: infinite;
  animation-direction: alternate;
        opacity: 0;
      }