/*
Theme Name: Prime Cyber Security Pro
Theme URI: https://www.themeignite.com/products/cyber-security-wordpress-theme
Author: Themeignite
Author URI: https://www.themeignite.com/
Description: 
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: prime-cyber-security-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Prime Cyber Security Pro WordPress Theme has been create:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary: #44D8E2;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


:root {
--font-Poppins: 'Poppins', sans-serif;
}d by Themeignite(Themeignite.com), 2025.
Prime Cyber Security Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-Poppins);
  overflow-x: hidden;
  background-color: var(--color-white);
  overflow-x: hidden;
  width: 100%;
}

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/

.preloader {
  display: flex;
  background: #ff5f6a;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.preloader .loading-dot {
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
    40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff,
    -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
  animation: load 3s infinite linear;
}
@keyframes load {
  0% {
    transform: rotate(0deg);
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
      40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff,
      -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
  }
  25% {
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
      40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, -40px -40px 0px 0px #fff,
      40px 40px 0px 0px #fff, -40px 40px 0px 0px #fff, 40px -40px 0px 0px #fff;
  }
  50% {
    box-shadow: 0px -40px 0px 0px #fff, 0px 40px 0px 0px #fff,
      -40px 0px 0px 0px #fff, 40px 0px 0px 0px #fff, -40px -40px 0px 0px #fff,
      40px 40px 0px 0px #fff, -40px 40px 0px 0px #fff, 40px -40px 0px 0px #fff;
  }
  70% {
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  75% {
    width: 10px;
    height: 10px;
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  80% {
    background-color: #fff;
    width: 40px;
    height: 40px;
    transform: rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  85% {
    background-color: #fff;
    width: 40px;
    height: 40px;
    transform: rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  90% {
    background-color: #fff;
    width: 10px;
    height: 10px;
    transform: rotate(360deg);
    box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff,
      0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
  }
  95% {
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
      40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff,
      -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
  }
  100% {
    transform: rotate(360deg);
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff,
      40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff,
      -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
  }
}

#menu-primary-menu li:hover ul.sub-menu {
  left: auto;
  text-align: left;
  transition: all 0s;
  animation: slideInRight 0.8s ease-in-out;
  border-radius: 0px;
  /* transform: rotate(-30deg) translateY(30px); */
}
#menu-primary-menu li:hover > .sub-menu,
#menu-primary-menu li:hover > .megamenu > .sub-menu {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1 !important;
  visibility: visible;
  transition: all 0.3s ease;
}

.btn-primary {
  position: relative;
}
.btn-primary:hover {
  color: #fff;
}
.btn-primary:hover {
  color: #fff;
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
  transition: all 0.4s;
}
.btn-primary:hover:before,
.btn-primary:hover:after {
  top: 0;
  height: 50%;
  width: 100%;
  border-radius: 0px;
  transition-delay: 0.2s;
  opacity: 1;
}
.btn-primary:before,
.btn-primary:after {
  background-color: #000;
}
.btn-primary:hover:after {
  top: auto;
  bottom: 0;
}

.blogs .bolg-image,
.product-content .product-img {
  overflow: hidden;
}
.blogs:hover .bolg-image img,
.product-content:hover .product-img img {
  transform: scale(1.07);
  overflow: visible;
  transition: 0.5s ease-in-out;
}
.right-image,
.rightimg {
  animation: pulse 10s infinite ease-in-out alternate;
}
.pic img,
#workingproject .myVideoBtn i,
.topinfluencer-image {
  animation: pulse 1s infinite ease-in-out alternate;
}
.followers-img {
  animation: tada 4s linear infinite;
}
.btn-secondary:hover {
  border-radius: 4px !important;
  background: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
}

#patners .image:hover img {
  transform: scale(1.07);
  overflow: visible;
  transition: 0.5s ease-in-out;
}

#workingproject .myVideoBtn i:before {
  /* background-image: linear-gradient(189deg, #033A9E 46%, #2E8BE9 100%);
}
#workingproject .myVideoBtn i:before {
  content: "";
  z-index: -1;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  /* background: #033A9E; */
  /* border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite; */
}

#menu-primary-menu-1 li:hover ul.sub-menu {
  left: auto;
  top: 47px;
  text-align: left;
  -ms-animation: zoomIn 0.3s ease-in-out;
  -webkit-animation: zoomIn 0.3s ease-in-out;
  animation: zoomIn 0.3s ease-in-out;
  padding: 0;
  border-radius: 0;
}