/*
Theme Name: It Security Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structured configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
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: it-security-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
It Security Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
:root {
  --white: #ffffff;
  --black: #000000;
  --purple: #4D55AC;
  --blackk: #1D1D1D;
  --blue: #55C9E1;
}
:root {
  --pri-font: "Syne", sans-serif;
  overflow: auto;
}
#wpadminbar {
  position: fixed !important;
}
section{
  padding: 4% 0px;
  position: relative;
}
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-var(--pri-font));
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
#testimonial .owl-nav{
  display: block;
}
#testimonial .owl-carousel .owl-nav button.owl-prev, #testimonial .owl-carousel .owl-nav button.owl-next{
  font-size: 22px;
}
#case_studies .owl-nav {
  display: block;
  width: fit-content;
  margin: auto;
  top: 0;
  bottom: 0;
  position: absolute;
  left: -14%;
  height: fit-content;
}
.owl-nav .owl-prev {
  background: var(--black) !important;
  color: #fff !important;
  margin-right: 15px;
  border: none !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 2px var(--purple);
}
.owl-nav .owl-next {
  background: var(--black) !important;
  color: #fff !important;
  margin-right: 15px;
  border: none !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 2px var(--blue);
}
.owl-nav i{
  font-size: 14px;
  line-height: 20px;
}
.owl-nav{
  display: none;
}
.owl-nav button.owl-next:hover {
  box-shadow: 0px 0px 10px 2px var(--purple);
}
body.home,.page-template,html body{
  background-color: var(--black);
}
h6{
  font: 600 17px / 22px var(--pri-font);
  margin: auto;
  color: #fff;
}
h5{
  font: 600 19px/40px var(--pri-font);
  color: var(--white);
  margin: 0;    
}
h4 {
  font: 600 20px / 25px var(--pri-font);
  color: var(--white);
  text-transform: uppercase;
  margin: 0;
}
h3,h3 a{
  font: 600 22px / 40px var(--pri-font);
  color: var(--white);
  margin: 0;
  text-transform: uppercase;
}
h2{
  font: 600 30px/35px var(--pri-font);
  color: var(--white);
  text-transform: uppercase;
  margin: 0;
}
h1{
  font: 600 45px / 60px var(--pri-font);
  color: var(--white);
  margin: 0px;
  text-transform: uppercase;
}
p{
  font: 400 14px/20px var(--pri-font);
  color: var(--white);
  margin: 0;
}
#reply-title{
  font: 400 35px/60px var(--pri-font);
  color: var(--blackk);
  margin: 0;
}
.page-title{
  color: #000;
  font: 600 40px/52px var(--pri-font);
}
.training-button-box,.about-button-box,.case-studies-button-box,.slider-button-box {
  width: fit-content;
  margin: auto;
  border-radius: 50px;
  position: relative;
}
.training-button-box:after,.about-button-box:after,.case-studies-button-box:after,.slider-button-box:after {
  display: none;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50px;
  box-shadow: 0px 0px 30px 5px;
  color: var(--blue);
  position: absolute;
  right: 0%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
.training-button-box:before,.about-button-box:before,.case-studies-button-box:before,.slider-button-box:before {
  display: none;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50px;
  box-shadow: 0px 0px 30px 5px;
  color: var(--blue);
  position: absolute;
  left: 1%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
.slider-button-box:after,.slider-button-box:before{
  display: block !important;
}
.blog-image-box:hover .about-button-box:after ,.blog-image-box:hover .about-button-box:before ,.training-box:hover .training-button-box:after,.training-box:hover .training-button-box:before,.case-studies-content-main-box:hover .case-studies-button-box:after,.case-studies-content-main-box:hover .case-studies-button-box:before{
  display: block;
}
.banner-button-box {
  width: fit-content;
  /* margin: auto; */
  border-radius: 50px;
  position: relative;
}
.banner-button-box:after {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50px;
  box-shadow: 0px 0px 30px 5px;
  color: var(--blue);
  position: absolute;
  right: 0%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
.banner-button-box:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50px;
  box-shadow: 0px 0px 30px 5px;
  color: var(--blue);
  position: absolute;
  left: 1%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: 0;
}


a.submit-btn.btn:hover {
  background: #000;
  box-shadow: -4px 0 10px 0px var(--purple), 0px 0px 20px 0px var(--blackk), 4px 0 10px 0px var(--blue);
}
.btn {
  font: 600 14px / 14px var(--pri-font);
  letter-spacing: 0;
  color: var(--white) !important;
  background: var(--black);
  padding: 14px 60px;
  border-radius: 50px;
  position: relative;
  border: none;
  z-index: 1;
}
.btn-hover-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.5s;
  border-radius: 5rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
}
.btn:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
form .submit-btn.btn:after{
  z-index: -1;
}
.btn-hover {
  position: relative;
  /* background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%); */
  width: 200rem;
  height: 200rem;
  z-index: -1;
}
.btn-hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 170%;
  height: 500%;
  background-image: radial-gradient(#ffffff 1px, transparent 1%);
  background-size: 30px 30px;
  opacity: 0.5;
  animation: animStar 60s linear infinite;
}
.btn-hover::after {
  content: "";
  position: absolute;
  top: -10rem;
  left: -100rem;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(#ffffff 1px, transparent 1%);
  background-size: 50px 50px;
  animation: animStarRotate 90s linear infinite;
}
.btn:hover,.blog-image-box:hover .btn,.case-studies-content-main-box:hover .btn {
  /* background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  border-radius: 50px;
  color: #fff; */
}
.btn:hover::after,.blog-image-box:hover .btn::after,.case-studies-content-main-box:hover .btn::after,.training-box:hover .btn::after {
  left: 0;
  width: 100%;
}
.btn:hover .btn-hover-wrap,.blog-image-box:hover .btn-hover-wrap,.case-studies-content-main-box:hover .btn-hover-wrap,.training-box:hover .btn-hover-wrap{
  opacity: 1;
}

.case-studies-title-content-outer-box:before,.industries-served-content-outer-box:before{
  display: none;
  content: '';
  width: 40%;
  height: 0px;
  border-radius: 50%;
  box-shadow: 55px 0px 150px 30px;
  color: var(--purple);
  position: absolute;
  left: 0%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
  background: transparent;
}
.case-studies-title-content-outer-box:after,.industries-served-content-outer-box:after{
  display: none;
  content: '';
  width: 40%;
  height: 0px;
  border-radius: 50%;
  box-shadow: 5px 0px 150px 30px;
  color: var(--blue);
  position: absolute;
  right: 15%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.case-studies-content-main-box:hover .case-studies-title-content-outer-box:after,.case-studies-content-main-box:hover .case-studies-title-content-outer-box:before,.industries-served-content-outer-box:hover::before,.industries-served-content-outer-box:hover::after{
  display: block;
  height: 70px;
  transition: all 0.3s;
}
.get-contact-box,.case-studies-title-content-outer-box,.get-service-box{
  position: relative;
}
.get-contact-box img{
  border-radius: 350px;
  object-fit: cover;
}
.get-contact-box:after {
  content: '';
  width: 300px;
  height: 180px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--purple);
  position: absolute;
  right: 10%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.get-contact-box:before {
  content: '';
  width: 300px;
  height: 180px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--blue);
  position: absolute;
  left: 10%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}

.get-service-box:after {
  content: '';
  width: 300px;
  height: 180px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--purple);
  position: absolute;
  right: 10%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.get-service-box:before {
  content: '';
  width: 300px;
  height: 180px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--purple);
  position: absolute;
  left: 10%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}


@keyframes animStar{
  0% {
    transform: translateY(0);
  }
  100% {
      transform: translateY(-135rem);
  }
}

@keyframes animStarRotate{
  0% {
    transform: rotate(360deg);
  }
  100% {
      transform: rotate(0);
  }
}

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

/* loader */
.eco-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  cursor: pointer;
  z-index: 9999;
}

.loader {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: #fff;
}
.loader:before, .loader:after {
  content: '';
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #FFF;
  position: absolute;
  left: 0;
  top: 0;
  animation: animloader 2s linear infinite;
}
.loader::after {
  animation-delay: 1s;
}

@keyframes animloader{
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
      transform: scale(1);
      opacity: 0;
  }
}
/* video popup */
.modal-new {
  display: none;
  position: fixed;
  z-index: 999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.4);
}
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 45%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
 .close-one{
  color: #252525;
  float: right;
  font-size: 28px;
  padding-right: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 900;
}



/* HEADER ANIMATION */
#menu-primary-menu >li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#menu-primary-menu >li:hover ul.sub-menu {
  transition: all 0.5s;
  animation: flipInY 1s linear;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
}
/* #menu-primary-menu >li:hover ul.sub-menu li:nth-child(odd) {
  animation: flipInY 1s linear;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
}
#menu-primary-menu >li:hover ul.sub-menu li:nth-child(even) {
  animation: flipInX 1s linear;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
} */
#menu-primary-menu >li:hover ul.sub-menu li:hover{
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
#menu-primary-menu li ul.sub-menu li a {
  font-size: 14px;
  position: relative;
  color: #fff;
  font-weight: 400;
  margin-right: 25px;
  list-style-type: none;
  padding: 10px 25px 10px 15px;
  display: inline-block;
  width: 100%;
  margin: 0px;
  transition: all 0.4s;
}
header.site-header ul.sub-menu li{
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
.main-navigation ul ul li a{
  color: #fff;
}
@keyframes menulhs {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes menurhs {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}


/*------ search bar ----------*/
.search-container{
  display: none;
  position: absolute;
  bottom: -60px;
  z-index: 999;
  padding: 0px;
  right: 15%;
  width: auto !important;
  border: none;
  border-radius: 8px;
}
#header_navigation [type="submit"] {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 14px;
  background-color: var(--yellow);
  border: inherit;
  color: var(--white);
  cursor: pointer;
  border: none;
  border-radius: 0px;
}
.search-container [type=search] {
  color: #fff !important;
  border: unset;
  position: relative;
  padding: 15px 90px 15px 10px;
  width: auto;
  outline: none;
  border-radius: 0px;
  background: var(--yellow);
  font-size: 12px;
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}

/* contact */
.contact-outer-form{
  gap: 50px 0px;
  justify-content: space-between;
}
.get-contact-head-content-box .get-box{
  z-index: 2;
  position: relative;
  padding: 0px;
}
.contact-touch-form-box .get-box:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  right: 0;
  border-radius: 350px;
  z-index: -1;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, #2f2f2f 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.get-contact-small-head {
  padding: 5% 10px 5% 0px;
}
.contact-touch-form-box .wpcf7 form.invalid .wpcf7-response-output{
  color: #fff;
  margin: 10px 0 0px 0;
  padding: 2px;
  font-size: 12px;
  width: fit-content;
}
.wpcf7-not-valid-tip{
  position: absolute;
  font-size: 12px;
}
.woocommerce-cart .wc-block-components-sidebar-layout{
  margin: 5% 0px;
}
.checkbox .wpcf7-list-item-label{
  color: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  font: 300 14px/14px var(--pri-font);
  padding-left: 6px;
}
.contact-touch-form-box form .get:nth-child(5)-box input[type="text"]{
  padding-bottom: 40px;
}
.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-detail-box svg path{
  fill: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
.contact-touch-form-box .wpcf7-checkbox input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: 1px solid linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  border-radius: 3px;
  background-color: #fff;
  padding: 1px;
}
.contact-touch-form-box .wpcf7-checkbox input[type=checkbox] {
  position: relative;
  cursor: pointer;
}
.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-touch-form-box form .submit p input[type="submit"]{
  font: 500 16px / 20px var(--pri-font);
  color: var(--white);
  background: var(--black);
  border: none;
  border-radius: 0px;
  padding: 10px 25px;
  width: max-content;
}
.contact-touch-form-box form .submit p input[type="submit"]:hover{
  background: var(--green);
  color: #fff;
}
.contact-bg-colr{
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="phone"], input[type="password"], textarea{
  background: #fff;
}
.contact-form-content-box { 
  background: #ffffff;
  padding: 25px 35px;
  box-shadow: 0px 1px 2px 0px #999999;
}
.contact-touch-form-box input[type="text"], .contact-touch-form-box input[type="tel"], .contact-touch-form-box input[type="email"], .contact-touch-form-box input[type="number"], .contact-touch-form-box input[type="date"], .contact-touch-form-box input[type="phone"], .contact-touch-form-box input[type="password"], .contact-touch-form-box textarea, .contact-touch-form-box select {
  font-size: 15px !important;
  font-family: var(--pri-font);
  padding: 13px 18px !important;
  width: 100%;
  border-radius: 50px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  background: var(--black);
  margin: 2px 0px;
  color: #fff;
}
.contact-touch-form-box form ::placeholder {
  color: #fff !important;
}
a.submit-btn.btn{
  /* position: relative; */
  padding: 7px 15%;
}
a.submit-btn.btn [type=submit]{
  position: relative;
  top: -6px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  background: transparent;
  color: #fff;
  border: none;
  font: 500 15px / 15px var(--pri-font);
}

/* single blog review form */
#comments textarea {
  height: 150px;
  background-color: #000;
  border-color: #f1f1f1;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}
#comments input[type="text"],#comments input[type="tel"],#comments input[type="email"],#comments input[type="number"],#comments input[type="date"],#comments input[type="phone"],#comments input[type="password"],#comments textarea {
  border: 1px solid #cfcfcf;
  padding: 12px 10px;
  font-size: 18px;
  background: #000;
  height: auto;
  border-radius: 5px;
  width: 100%;
  color: #fff;
}
div#comments {
  position: relative;
  background: #000;
  padding: 3rem 2rem 2rem 2rem;
}
div#comments:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
  right: 0;
  border-radius: 15px;
  z-index: 0;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#respond {
  padding: 1.5rem 2rem;
  border-radius: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}
.comment-form-cookies-consent{
  display: flex;
}
.comment-form-cookies-consent label{
  margin-left: 4px !important;
}
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  color: #fff;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="submit"].submit {
  background: var(--black);
  color: white;
  border: unset;
  font-weight: 600;
  padding: 10px 25px;
  font-family: var(--pri-font);
  border-radius: 0px;
}
#respond p.form-submit:hover .submit {
  position: relative;
  z-index: 1;
}
#comments input[type="submit"].submit:hover{
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  border-radius: 50px;
}
.comment-body{
  color: #fff;
}
.comment-list{
  border: 1px solid #363636;
  border-radius: 10px;
  padding: 15px;
  position: relative;
  z-index: 2;
}
#comments a time{
  color:#fff;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
  font-family: var(--pri-font);
  color: var(--white);
}
#comments .comment-author.vcard img {
  padding: 2px;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.nav-links .nav-previous{
  padding: 1.5rem 1rem;
  border: none;
  position: relative;
  margin-right: 17px;
  background: #000;
}
.nav-links .nav-previous:after,.nav-links .nav-next:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
  right: 0;
  border-radius: 15px;
  z-index: 0;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.nav-links .nav-next{
  width: 50%;
  padding: 1.5rem 1rem;
  border: none;
  position: relative;
  background: #000;
}
.nav-links {
  display: inline-flex;
  width: 100%;
  margin-top: 25px;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
}

/* single service page */
#services-page .heading-box{
  display: none;
}
.single-post-content {
  font: 400 16px / 25px var(--pri-font);
  color: #fff;
}
.services-list-items{
  padding-top: 20px;
  list-style-type: decimal;
  padding-left: 18px;
}
.single-post-content li {
  font: 600 15px / 30px var(--pri-font);
}
.single-services-img-box , .single-services-img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-services-call-box .call-icon i {
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  color: var(--white);
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 38px;
  text-align: center;
  font-size: 16px;
  animation: tada 3s linear infinite;
}
.single-services-call-box .call-title {
  font: 600 14px / 14px var(--pri-font);
  color: var(--white);
}
.single-services-call-box .call-number {
  font: normal normal normal 14px / 14px var(--pri-font);
  color: var(--white);
}
/* single industries page */
.single-industries-img-box {
  height: 400px;
  width: 100%;
}
.single-industries-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}






/* woocomerce login page */
.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active{
  border: 1px solid var(--green) !important;
  background: #fff !important;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active a{
  color: var(--green) !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li{
  background: var(--green) !important;
}
.woocommerce-info{
  border-color: var(--green) !important;
}
button.woocommerce-Button.button,.woocommerce-Button{
  border: none;
  background: var(--green);
  color: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  font: 600 14px/20px var(--pri-font);
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
  display: flex;
  flex-direction: column;
}
.woocommerce-account .addresses .title .edit {
    float: left !important;
}
.woocommerce form .form-row {
  width: 100%;
  position: relative;
}
.woocommerce-account .woocommerce {
  padding: 5% 0px;
}
.woocommerce-button.button.woocommerce-form-login__submit {
  background: var(--green);
  color: #fff;
  border: none;
  padding: 10px 20px;
}
.woocommerce form .form-row label {
  font: 500 16px / 30px var(--pri-font);
}
.woocommerce form .form-row input.input-text {
  padding: 8px 10px;
  font: normal normal normal 15px / 20px var(--pri-font);
}
.woocommerce form .form-row {
  width: 100%;
  position: relative;
}
.woocommerce-info a{
  background-color: var(--green) !important;
  color: #fff !important;
  padding: 8px 10px;
  font: normal normal normal 15px / 20px var(--pri-font) !important;
}


/* single product review form */
#review_form input[type="text"], #review_form input[type="tel"], #review_form input[type="email"], #review_form input[type="number"], #review_form input[type="date"], #review_form input[type="phone"], #review_form input[type="password"], #review_form textarea {
  border: 1px solid #cfcfcf;
  font-size: 16px;
  padding: 10px 10px;
  height: auto;
  border-radius: 5px;
  width: 100%;
  background: transparent;
}
#review_form form{
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: 3%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
  width: 100%;
}
#reviews .comment-form-author {
  order: 1;
  width: 100%;
}
#reviews .comment-form-email {
  order: 2;
  width: 100%;
}
#reviews .comment-form-cookies-consent {
  order: 3;
  width: 100%;
}
#respond p.form-submit {
  order: 4;
  width: fit-content;
  position: relative;
}
p.form-submit:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#respond p.form-submit:hover{
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  border-radius: 50px;
}
#reviews .comment-form-rating {
  order: 4;
  width: 100%;
  display: flex;
  color: #949494;
  font: normal normal normal 13px/19px var(--pri-font);
}
#reviews .comment-notes{
  display: none !important;
}
#reviews .comment-form-comment {
  order: 3;
  width: 100%;
}
.woocommerce #review_form #respond p.stars{
  width: fit-content !important;
}

/* single product page */
.summary.entry-summary .desc-para{
  padding: 30px 0px;
  font: 400 15px / 26px var(--pri-font);
}
.single-product .summary.entry-summary p.price del{
  font: 600 20px / 25px var(--pri-font);
}
.shop.shop-product .woocommerce-ordering, .yith-wcwl-add-button span {
  display: none;
}
.woocommerce-product-details__short-description{
  font: 400 14px / 25px var(--pri-font);
  color: var(--blackk);
}
.woocommerce .loader::before{
  display: none;
}
.woocommerce .star-rating span{
  color: #FFC400;
}
.woocommerce div.product .product_title,.woocommerce-Tabs-panel h2{
  font: 600 35px / 60px var(--pri-font);
  color: var(--green);
}
.woocommerce-product-details__short-description p,.woocommerce div.product div.summary p{
  flex-direction: row-reverse;
  display: flex;
  justify-content: start;
  padding-bottom: 10px;
}
.woocommerce div.product div.images img{
  width: auto !important;
  margin: auto;
  height: 80%;
}
.woocommerce .woocommerce-product-rating .star-rating{
  color: var(--pink);
}
#review_form input[type="submit"]{
  background-color: var(--green) !important;
  color: #fff !important;
  padding: 12px 30px !important;
}
.single-product .woocommerce-product-gallery .flex-viewport{
  background: #f2f2f2;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img{
  position: relative;
  top: 10%;
  object-fit: contain;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image{
  height: 400px;
}
.single-product div.product div.images .flex-control-thumbs li{
  background: #f2f2f2;
  position: relative;
  color: #fff;
}
.wc-block-cart-item__quantity button,.is-large.wc-block-cart .wc-block-cart__totals-title,.wc-block-components-totals-coupon .wc-block-components-panel__button,.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper,.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,.is-large.wc-block-cart .wc-block-cart-items{
  color: #fff !important;
}
.single-product div.product div.images .flex-control-thumbs{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.single-product div.product div.images .flex-control-thumbs li img{
  width: 80px !important;
  height: 80px !important;
  margin: 20% auto;
  object-fit: contain;
}
.woocommerce div.product form.cart {
  margin-bottom: 2em;
  margin-top: 5%;
}
.single-product .woocommerce-product-gallery__trigger{
  z-index: 1 !important;
}
.single-product .custom-quantity,.summary.entry-summary .desc-para:nth-child(6), .summary.entry-summary .desc-para:nth-child(7), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(9){
  display: none;
}
#single-product-page .wishlist_text, #single-product-page .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg {
  top: 22px;
}
#single-product-page .yith-wcwl-add-to-wishlist-button__label {
  display: none;
}
#single-product-page .yith-wcwl-add-to-wishlist-button svg {
  color: var(--green) !important;
  border-radius: 50px;
  border: 2px solid var(--green);
  padding: 4px;
  width: 60px !important;
  height: 35px;
}
#single-product-page .onsale{
  display: none;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist ,#single-product-page .wishlist_text,#single-product-page .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg{
  position: relative;
  top: -68px;
  left: 170px;
  width: fit-content;
}
#single-product-page .entry-summary .yith-wcwl-add-button a.add_to_wishlist i {
  border: 2px solid var(--red);
  font-weight: 500;
  color: var(--red);
  font-size: 20px;
  text-align: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: unset !important;
}
#single-product-page .entry-summary .product_meta {
  position: relative;
  top: -50px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#single-product-page .entry-summary .product_meta .posted_in, #single-product-page .entry-summary .product_meta .tagged_as {
  font: 500 16px / 20px var(--pri-font);
}
.custom-content h6 a{
  font: 600 18px / 25px var(--pri-font);
}
#woosq-popup .summary-content{
  padding: 6%;
}
#woosq-popup .summary-content .price{
  font: 600 16px / 40px var(--pri-font);
}
.woocommerce div.product form.cart .button{
  background: var(--green);
  padding: 13px 30px;
  border-radius: 4px;
  font: 500 16px / 16px var(--pri-font);
}
.woocommerce div.product form.cart .button:hover{
  background-image: linear-gradient(140deg, var(--blue), var(--pink));
}
#woosq-popup h1 {
  font: 600 35px / 50px var(--pri-font);
}
#woosq-popup .thumbnail img{
  width: 50%;
  margin: auto;
  background: #f4f4f4;
  padding: 40px;
}
.wc-block-cart-items {
  box-shadow: 0px 0px 3px 0px #fff;
  border-radius: 10px;
  padding: 10px;
}
.wp-block-woocommerce-cart-order-summary-block {
  box-shadow: 0px 0px 3px 0px #fff;
  border-radius: 10px;
  padding: 10px;
}
.is-large.wc-block-cart .wc-block-cart-items th, .is-large.wc-block-cart .wc-block-cart__totals-title {
  font: 500 18px / 20px var(--pri-font) !important;
  text-transform: capitalize !important;
  color: #fff!important;
}
.wc-block-components-product-name {
  font: 600 18px / 20px var(--pri-font) !important;
  color: #fff !important;
}
.wc-block-components-product-details__name, .wc-block-components-product-details__value {
  margin-left: 0;
  color: #fff !important;
}
.wc-block-components-product-details.wc-block-components-product-details li {
  margin-left: 0;
  color: #fff !important;
}
.wc-block-components-checkout-return-to-cart-button{
  color: #fff !important;
  font: 500 14px / 20px var(--pri-font);
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  border-radius: 5px;
  padding: 10px 10px 10px 30px;
  width: 23%;
  margin: auto;
  text-align: center;
  margin-right: 10px;
}
.wc-block-components-product-price{
  font: 600 16px / 20px var(--pri-font) !important;
  color: #fff;
}
.wc-block-cart__submit-container{
  text-align: center;
}
.wc-block-components-button__text {
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  color: #fff;
  padding: 9px 30px;
  border-radius: 6px;
  font: 500 14px / 20px var(--pri-font);
  margin-top: 30px;
  opacity: 1 !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
  display: block !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
  background: none;
  width: auto;
}
.woocommerce-Tabs-panel--description .desc-para{
  font: 400 16px / 25px var(--pri-font);
}
.wc-block-components-totals-coupon__form .wc-block-components-button__text{
  margin: 0;
}
.wc-block-components-totals-coupon__form .wc-block-components-button{
  border: none;
}
.wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text {
  margin: 0;
}
.wc-block-checkout__actions_row .wc-block-components-button {
  border: none;
  background: transparent;
  padding: 0 !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row{
  padding: 16px 20px;
}
.wc-block-components-main form{
  box-shadow: 0px 0px 3px 0px #fff;
  border-radius: 10px;
  padding: 30px;
}
.wc-block-cart .wc-block-cart__submit-container--sticky:before {
  box-shadow: 0 1px 6px 0px currentColor !important;
}
.wc-block-checkout__actions_row{
  width: fit-content;
  margin: auto;
}
.is-large .wp-block-woocommerce-checkout-order-summary-block {
  box-shadow: 0px 0px 3px 0px #fff !important;
  border-radius: 10px !important;
  padding: 30px;
  position: relative;
  top: -8px;
}
.wp-block-woocommerce-checkout-order-summary-block{
  box-shadow: 0px 0px 3px 0px #fff !important;
  border-radius: 10px !important;
}
.wc-block-components-checkbox__label,.wc-block-components-form .wc-block-components-checkout-step{
  color: #fff;
}
.single-product .custom-quantity-select{
  border: none;
  width: 60px;
  height: 35px;
  border: 1px solid #dcdcdc;
  background: transparent;
  padding: 0;
  margin-left: 5px;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist{
  position: relative;
  top: -70px;
  left: 180px;
  width: fit-content;
}
#single-product-page .yith-wcwl-add-button .yith-wcwl-icon-svg {
  margin: 0 !important;
  border: 2px solid linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  border-radius: 50%;
  padding: 5px;
  width: 38px;
  stroke: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
#single-product-page .entry-summary .product_meta{
  position: relative;
  top: -50px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#single-product-page  #reviews #comments ol.commentlist li .comment-text .description p,#single-product-page .entry-content p{
  margin: 0 !important;
  align-self: center;
}
#wp-comment-cookies-consent{
  align-self: baseline;
  top: 8px;
  position: relative;
}
#single-product-page .entry-summary .product_meta .posted_in,#single-product-page .entry-summary .product_meta .tagged_as{
  font: 500 16px/20px var(--pri-font);
  color: var(--blackk);
}
#single-product-page .entry-summary .product_meta .posted_in a,#single-product-page .entry-summary .product_meta .tagged_as a{
  font: 400 14px/20px var(--pri-font);
}
#single-product-page .entry-summary .product form.cart{
  width: fit-content;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse:before, #single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse:before,#single-product-page .entry-summary  .yith-wcwl-add-button a.add_to_wishlist:before, #single-product-page .entry-summary  .yith-wcwl-wishlistaddedbrowse:before, #single-product-page .entry-summary  .yith-wcwl-wishlistexistsbrowse:before{
  display: none;
}
#single-product-page .entry-summary .yith-wcwl-add-button a.add_to_wishlist i {
  border: 2px solid var(--pink);
  font-weight: 500;
  color: var(--pink);
  font-size: 20px;
  text-align: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: unset !important;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse a,#single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse a{
  position: unset;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
  color: pink;
  font-size: 20px;
  border: 2px solid var(--pink);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  text-align: center;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse a {
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px;
  font-size: 0px;
}
#single-product-page .yith-wcwl-wishlistaddedbrowse svg{
  fill: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  height: auto;
  width: 38px !important;
  padding: 5px;
  border: 2px solid linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  border-radius: 50%;
}
.single-product .yith-wcwl-wishlistaddedbrowse .feedback {
  font-size: 0px;
}
.single-product #contentwoocom .quantity input[type="number"]{
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  margin: 0 -3px !important;
}
.single-product .summary.entry-summary .stock.in-stock {
  padding-top: 10px;
  font: 600 15px / 20px var(--pri-font);
  color: var(--blackk);
}


/* wishlist page  */
.woocommerce-wishlist .product-custom-content a{
  color: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
.woocommerce .wishlist-title{
  margin-bottom: 0 !important;
}
.woocommerce-wishlist .products-content-main-box{
  margin-right: 10px;
}
.wishlist_table.mobile li{
  padding: 0;
}
.woocommerce-wishlist .products-rating-content-box {
  top: 10px;
}
.woocommerce-wishlist .shop_table.wishlist_table {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-wishlist  .wishlist-page-image-box {
  width: 275px;
}
.woocommerce-wishlist .product-thumbnail {
  max-width: 100% !important;
  height: 100%;
}
.woocommerce img, .woocommerce-page img {
  height: auto;
  max-width: 100%;
}
.woocommerce a.remove {
  background: #f7f7f7;
  color: #F38686 !important;
  font-size: 19px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 20px 12px 25px 25px;
}
.yith_wcwl_wishlist_footer,.woocommerce-breadcrumb{
  display: none;
}
.wpcf7 form .wpcf7-response-output{
  bottom: 0;
  color: var(--white);
}
.wc-block-grid,.wp-block-woocommerce-empty-cart-block{
  margin-top: 4%;
}
.wp-block-woocommerce-cart .wc-block-grid__product-rating,.wp-block-woocommerce-cart .yith-wcwl-add-to-wishlist{
  display: none;
}
.wc-block-grid__product-title{
  font: 500 18px / 20px Rubik !important;
  color: #fff;
}
.wc-block-grid__product-add-to-cart.wp-block-button a {
    background: var(--pink);
    color: #fff;
    font: 400 14px / 20px var(--pri-font) !important;
    border-radius: 4px;
    padding: 8px 16px;
}
.wc-block-grid__products {
  background-clip: padding-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px;
  justify-content: space-between;
}
.wc-block-grid__product.wc-block-grid__product {
  background: #fff;
  box-shadow: 0px 0px 50px 0px #cacaca;
  box-sizing: border-box;
  width: 100%;
  max-width: 315px !important;
  border-radius: 8px;
}
.woocommerce .woocommerce-result-count,.woocommerce-breadcrumb{
  color: #fff;
}
#coming-soon-footer-banner{
  display: none;
}
.term-description{
  display: none;
}





/* about */
#about-sec .heading-box{
  padding-right: 6%;
}
.our-about-img-box{
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: var(--black);
  border-radius: 50%;
}
.left-content-box .our-about-box:nth-child(1) .our-about-img-after-box{
  width: 220px;
  height: 60px;
  position: absolute;
  left: 55px;
  top: 55px;
  bottom: 0;
  margin: auto;
}

.left-content-box .our-about-box:nth-child(3) .our-about-img-after-box{
  width: 220px;
  height: 60px;
  position: absolute;
  left: 55px;
  top: -44px;
  bottom: 0;
  margin: auto;
}
.right-content-box .our-about-box:nth-child(3) .our-about-img-after-box{
  width: 220px;
  height: 60px;
  position: absolute;
  right: 55px;
  top: -44px;
  bottom: 0;
  margin: auto;
}
.right-content-box .our-about-box:nth-child(1) .our-about-img-after-box{
  width: 220px;
  height: 60px;
  position: absolute;
  right: 55px;
  top: 55px;
  bottom: 0;
  margin: auto;
}

.our-about-img-after-box img{
  width: 100%;
  height: 100%;
}
.left-content-box .our-about-box:nth-child(2) .our-about-img-box:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 245px;
  height: 5px;
  z-index: -1;
  background-image: linear-gradient(to right, #ffffff 55%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}
.right-content-box .our-about-box:nth-child(2) .our-about-img-box:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 237px;
  height: 5px;
  z-index: -1;
  background-image: linear-gradient(to right, #ffffff 55%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}
.our-about-img-box:after {
  content: '';
  width: 55px;
  height: 55px;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 0;
  border-radius: 50%;
  z-index: -1;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.our-about-que-img-wrap {
  width: 400px;
  height: 400px;
  margin: auto;
  position: relative;
  z-index: 1;
}
img.our-about-que-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.our-about-img-box{
  position: relative;
}
.our-about-img-box img {
  position: relative;
  top: -3px;
}
.left-content-box .our-about-box:nth-child(2) .our-about-img-after-box,.right-content-box .our-about-box:nth-child(2) .our-about-img-after-box{
  display: none;
}
.left-content-box h5.our-about-img-box:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 300px;
  height: 2px;
  z-index: -1;
  background-image: linear-gradient(to right, var(--blackk) 55%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

/* industries */
.industries-served-icon-outer-image{
  width: 55px;
  height: 55px;
}
.industries-served-icon-image {
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 0px;
  background: var(--black);
  border-radius: 50%;
  padding: 12px;
}
.industries-served-icon-image img {
  width: 100%;
  height: 100%;
  background: var(--black);
  border-radius: 50%;
  object-fit: contain;
}
.industries-served-content-outer-box .industries-served-content:before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 102%;
  height: 0;
  opacity: 0;
  z-index: 0;
  border-radius: 320px;
}
.industries-served-content-outer-box:hover .industries-served-content:before {
  height: 100%;
  transition: all 1s ease 0s;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  opacity: 0.6;
}
.industries-served-icon-image:after {
  content: '';
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  border-radius: 50%;
  z-index: -1;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: spin 5s linear infinite;
}
.industries-served-content{
  position: relative;
  padding: 35px 15%;
  border-radius: 350px;
  background: #000;
}
.industries-served-content:after{
  content: '';
  width: 102%;
  height: 102%;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 0;
  border-radius: 350px;
  z-index: -1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.industries-served-content-outer-box:hover .industries-served-icon-outer-image {
  animation: flipInX 2s infinite;
}
@keyframes flipInX{
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
  }
  80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
  }
}
/* service */
#services-sec{
  background-size: 50% 100%;
}
.services-progress-box{
  /* height: 450px; */
  position: relative;
}
.services-outer-box:nth-child(1),.services-outer-box:hover,.services-outer-box:hover::before {
  filter: brightness(1);
  display: block !important;
}
.services-outer-box:nth-child(1) .icon-box, .services-outer-box:hover .icon-box,.services-outer-box:nth-child(1)::before{
  display: block !important;
}
.services-outer-box{
  padding: 5px 15px 5px 65px;
  margin: 0px 15px 0px 5px;
  filter: brightness(0.6);
  position: relative;
}
.services-outer-box:after {
  content: '\f00c';
  font-size: 14px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 35px;
  color: #000;
  font-family: 'Font Awesome 5 Free';
  text-align: center;
  font-weight: 600;
}
.services-outer-box:before {
  display: none;
  content: '';
  font-size: 14px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  position: absolute;
  top: 22px;
  z-index: 5;
  left: -2px;
  color: #000;
  font-family: 'Font Awesome 5 Free';
  text-align: center;
  font-weight: 600;
  border: 3px solid #fff;
}
.services-progress-box:after {
  content: '';
  font-size: 14px;
  background: #565656;
  width: 2px;
  height: 100%;
  line-height: 20px;
  position: absolute;
  top: 13px;
  left: 14px;
  color: #000;
  font-family: 'Font Awesome 5 Free';
  text-align: center;
  font-weight: 600;
  z-index: -1;
}
.services-progress-box::-webkit-scrollbar {
  width: 3px;
}
.services-progress-box::-webkit-scrollbar-track {
  background: #565656;
  margin-top: 5px;
  margin-bottom: 5px;
}
.services-progress-box::-webkit-scrollbar-thumb{
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);;
  height: 80px;
}
.services-image .get-service-box {
  height: 450px;
  width: 600px;
  position: absolute;
  right: 0;
}
.services-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 250px;
}


/* case studies */
.case-studies-icon-image,.services-image-over-contents-box{
  padding-left: 6%;
}
.case-studies-main-box {
  padding-left: 14%;
}
.case-studies-title-content-box {
  position: relative;
  padding: 40px 54px;
  border-radius: 350px;
  background: #000;
}
.case-studies-title-content-box:after{
  content: '';
  width: 102%;
  height: 102%;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 0;
  border-radius: 350px;
  z-index: -1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.case-studies-content-inner-main-box:after{
  content: '';
  width: 102%;
  height: 102%;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 0;
  border-radius: 350px;
  z-index: -1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.case-studies-content-title,.services-title,.industries-served-post-contents-box h5,.blog-contents-box h4,.training-content h4,.our-about-para-box h5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.case-studies-content-text,.services-text,.industries-served-text,.blog-content-text,.training-map-box,.our-about-para-box p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.case-studies-button-box {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
}
.case-studies-content-inner-main-box {
  width: 220px;
  height: 170px;
  margin: auto;
  position: relative;
}
.case-studies-content-inner-main-box:after{
  display: none;
}
.case-studies-content-main-box:hover .case-studies-content-inner-main-box:after{
  display: block;
}
.case-studies-content-icon-one img {
  border-radius: 350px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-case-studies-img-box img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}

/* team */
img.test-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
  padding: 12% 0px 0 0px;
  border-radius: 250px 250px;
  border: 8px solid #000000;
  z-index: 1;
  position: relative;
}
.team-social-icon-box-main i {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin: 0 4px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.team-social-icon-box-main i:hover {
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  color: #fff;
}
.team-image{
  width: 250px;
  height: 350px;
  margin: auto;
  overflow: hidden;
  border-radius: 250px 250px;
  background: #292929;
}
.team-svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.team-svg svg{
  width: 100%;
  height: 100%;
}
.teambox:hover .team-social-icon-box i {
  transition: all .8s linear;
  transform: rotate(360deg);
  background: linear-gradient(50deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
.team-title {
  height: 65px;
  width: 65%;
  margin: auto;
  background: #111111;
  border-radius: 50px;
  font: 600 18px / 22px var(--pri-font);
  padding: 10px 20px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.teambox:hover .team-title:after{
  display: block;
}
.team-title:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  border-radius: 350px;
  z-index: 1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  display: none;
}
.team-bg-hover-svg{
  opacity: 0;
  visibility: hidden;
}
.team-bg-svg,.team-bg-hover-svg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.team-image svg{
  width: 100%;
  height: 100%;
}
 .team-bg-hover-svg{
  bottom: -85px;
  transition: all 0.5s;
}
.teambox:hover .team-bg-hover-svg{
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.teambox:hover .team-bg-svg{
  opacity: 0;
  visibility: hidden;
}
.team-image-inner-box{
  width: 250px;
  height: 350px;
  margin: auto;
  overflow: hidden;
  border-radius: 250px 250px;
  background: #292929;
}
.team-image-inner-box:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  border-radius: 350px;
  z-index: 1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  display: none;
}
.teambox:hover .team-image-inner-box:after{
  display: block;
}
@keyframes flipInX{
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
  }
  80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
  }
}

/* beyond security */
.beyond-para-box {
  height: 240px;
  width: 100%;
}
.beyond-para-box p{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 45px;
  height: fit-content;
  font: 400 14px / 16px var(--pri-font);
  border-radius: 350px;
}
.beyond-para-box img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 350px;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.beyond-para-box:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  border-radius: 350px;
  z-index: 0;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.beyond-para-overlay:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  background: transparent linear-gradient(-110deg, #00000096 0%, var(--black) 100%) 0% 0% no-repeat padding-box;
  transition: 0.2s ease-in-out;
  border-radius: 350px;
}
.chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.chart-container h6{
  position: absolute;
  text-align: center;
  text-transform: uppercase;
}
.legend {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.item {
  display: flex;
  align-items: center;
  gap: 10px;
}
#beyond-security span.dot{
  animation: flipInX 2s infinite;
}
.dot {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.donut-chart {
  width: 300px;
  height: 300px;
  transform: rotate(90deg);
}
.bg {
  fill: none;
  stroke: #111;
  stroke-width: 2.5;
}
.segment {
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
}
.center-text {
  fill: white;
  font-size: 0.9px;
  dominant-baseline: middle;
}
.value {
  background: #000;
  padding: 12px 32px;
  border-radius: 20px;
  color: #fff;
  font: 600 16px / 16px var(--pri-font);
  position: relative;
}
.value:after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
span.label {
  font: 600 16px / 20px var(--pri-font);
  color: #fff;
  text-transform: uppercase;
  width: 150px;
}

	
/* Animation */
@keyframes first {
    from {transform: rotate(0deg);}
    to {transform: rotate(100deg);}
}
	
@keyframes second {
    from {transform: rotate(0deg);}
    to {transform: rotate(150deg);}
}
	
@keyframes third {
    from {transform: rotate(0deg);}
    to {transform: rotate(111deg);}
}



/* blog */
@keyframes shine{
  100% {
    left: 125%;
  }
}
.blog-image-box:hover .blog-category {
  /* display: block; */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.blog-category {
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  font: 400 14px / 20px var(--pri-font);
  color: var(--white);
  width: fit-content;
  margin: auto;
  padding: 12px 40px;
  border-radius: 50px;
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
a.cat-item {
  font: 400 14px / 20px var(--pri-font);
  color: var(--white);
}
.blog-contents-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#blog .owl-carousel .blog-image-box{
  margin: 0px 10px;
}
.blog-contents-box h4 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-img-box .post-img{
  width: 100%;
  height: 230px;
  border-radius: 350px;
  position: relative;
  overflow: hidden;
}
.blog-image-box:hover img {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.blog-img-box .post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 350px;
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.blog-image-box:hover img {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.blog-img-box .post-img:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  border-radius: 350px;
  z-index: 1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.blog-image-box:hover .post-img{
  box-shadow: 0px 0px 15px 0px var(--blue);
}
/* how we work */
.how-work-svg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.how-work-svg svg{
  width: 100%;
  height: 100%;
}
.how-we-work-img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.how-we-work-box:after {
  content: '';
  position: absolute;
  width: 115%;
  height: 115%;
  background: transparent;
  border: 2px dashed var(--blue);
  top: -4px;
  left: -4px;
  padding: 12px;
  border-radius: 50px;
  animation: spin 10s linear infinite;
  /* background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%); */
}
.how-we-work-box {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  /* padding: 10px; */
  line-height: 48px;
}
.how-we-work-main-box:after {
  content: '';
  width: 3px;
  height: 95%;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.how-we-work-title h4 {
  font: 600 18px / 22px var(--pri-font);
}
.how-we-work-inner-box:nth-child(2) .how-we-work-title p,.how-we-work-inner-box:nth-child(4) .how-we-work-title p{
  padding-left: 16%;
}
.how-we-work-inner-box:nth-child(1) .how-we-work-title p,.how-we-work-inner-box:nth-child(3) .how-we-work-title p{
  padding-right: 16%;
}
.how-we-work-inner-box:last-child{
  padding: 0px !important;
}
.how-we-work-inner-box:nth-child(2) .how-we-work-inner-boxed,.how-we-work-inner-box:nth-child(4) .how-we-work-inner-boxed,.how-we-work-inner-box:nth-child(2) .how-we-work-inner-boxed .how-we-work-content-box, .how-we-work-inner-box:nth-child(4) .how-we-work-inner-boxed .how-we-work-content-box{
  display: flex;
  flex-direction: row-reverse;
}
.how-we-work-inner-box:nth-child(2) .how-we-work-inner-boxed .how-we-work-title, .how-we-work-inner-box:nth-child(4) .how-we-work-inner-boxed .how-we-work-title{
  text-align: end !important;
}
.how-we-work-inner-box:nth-child(2) .how-we-work-inner-boxed .count-box,.how-we-work-inner-box:nth-child(4) .how-we-work-inner-boxed .count-box{
  display: flex;
  justify-content: start !important;
}
.how-we-work-inner-box:hover .how-we-work-box{
  animation: flipInX 2s infinite
}
/* training */
.training-content h4{
  font : 600 18px / 25px var(--pri-font);
}
.training-timing-box {
  color: #fff;
  display: flex;
}
.training-timing-box svg{
  width: 18px;
}
.training-date-img-box {
  width: 100%;
  height: 160px;
  position: relative;
}
.training-date-img-box:after, .blog-img-box .post-img:before, .case-studies-content-icon-one:before {
  /* display: none; */
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  opacity: 0;
  border-radius: 250px;
}
.training-box:hover .training-date-img-box:after, .blog-image-box:hover .post-img:before, .case-studies-content-main-box:hover .case-studies-content-icon-one:before {
  /* display: block; */
  width: 100%;
  transition: all 0.5s ease 0s;
  opacity: 0.4;
}
.training-date-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 350px;
  border: 1px solid #fff;
}
.training-post-content-outer-box {
  position: relative;
}
.training-post-content-outer-box:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  border-radius: 350px;
  z-index: -1;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
/* single training */
.single-mep_events .mep-events-wrapper.wrapper {
  margin: 100px auto 20px auto;
}
.mep-default-sidrbar-address ul li span,.mep-default-theme div, .mep-default-theme form, span.tkt-qty, span.tkt-pric, label.mep-show, .mep-events-wrapper table span.the-total,.single-mep_events h2,.single-mep_events div.mep-default-feature-content p, .single-mep_events div.mep-default-feature-content ul, .single-mep_events div.mep-default-feature-content ul li,.single-mep_events .default_theme .event-expire-btn,.single-mep_events .mep-default-sidrbar-meta p, .single-mep_events .mep-default-sidrbar-meta p a, .single-mep_events .mep-default-sidrbar-events-schedule h3,.single-mep_events span.mep-more-date{
  color: #fff !important;
}
.mep-events-wrapper p:not(.mep-events-wrapper .mep-default-feature-content p, .ui-accordion .ui-accordion-content, .mep-event-review-form .label),.mep-related-events .mep-related-events-items .item .item-info .title h2{
  color: #000 !important;
}
.mep-related-events .mep-related-events-items .item .item-info .title h2{
  font: 600 14px/20px var(--pri-font);
}
.single-mep_events .mep-events-wrapper, .single-mep_events .mep_related_product_area{
  background: #000;
}
.single-mep_events .mep-default-content{
  border: 1px solid #fff;
  margin-right: 10px;
  border-radius: 10px;
  padding: 40px;
  background: transparent;
}
.single-mep_events .mep-default-sidebar .df-sidebar-part{
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 40px;
  background: transparent;
}


/* ticket  */
.single-mep_events .mep-events-wrapper.wrapper {
  margin: 100px auto 20px auto;
}
.single-mep_events .mep-default-feature-item .df-ico{
  align-self: center;
} 
.single-mep_events .mep-default-feature-item .df-ico i,.single-mep_events .button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart,.single-mep_events .mep-default-sidrbar-social ul li a,.single-mep_events #mep_add_calender_button,.single-mep_events .mep-default-sidrbar-events-schedule ul li i{
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
} 
.Ticket_form h2{
  font: normal normal bold 40px / 45px var(--sec-font);
  color: var(--white);
}
.ex-sec-title {
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
span.mep_ticket_type_name {
  color: #fff;
  font: 600 20px/20px var(--pri-font) !important;
}
.mep_ticket_details p,.single-mep_events .default_theme .mep-default-sidrbar-price-seat .df-seat{
  color: #fff;
  font: 500 14px/20px var(--pri-font) !important;
}
.single-mep_events .default_theme .mep-default-sidrbar-price-seat .df-seat{
  border: 1px solid #fff;
}
.single-mep_events .mep-events-wrapper strong {
  font-weight: bold;
  font-size: 12px;
  padding: 10px 10px;
  position: relative;
  top: 5px;
}
.mep-events-wrapper div.xtra-item-left{
  display: none;
}
.mep-events-wrapper select.extra-qty-box{
  margin: 0 auto;
}
.mep-events-wrapper table td{
  padding: 20px 10px !important;
}
.mep-events-wrapper{
  border: 1px solid #686868;
  border-radius: 6px;
  background: rgb(200 200 200 / 5%) !important;
  padding: 30px !important;
}
.ex-sec-title tr{
  background-image: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
.mep-events-wrapper table tbody tr {
  border-bottom: 1px dashed #EEE;
}
.mep-events-wrapper table td{
  border: none !important;
}
.mep-events-wrapper table tbody tr:nth-child(2), .mep-events-wrapper table tbody tr:nth-child(4) {
  display: none;
}
.mep-events-wrapper select.extra-qty-box{
  font: 400 13px/20px var(--pri-font) !important;
  color: #000;
}
.woocommerce-Price-amount {
  color: #fff;
  font: 600 20px / 25px var(--pri-font);
}
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart{
  background-image: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  border-radius: 4px !important;    
  border: none !important;
}
tbody td button:hover{
  background-image: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
table.table.table-bordered.mep_event_add_cart_table {
  background: transparent !important;
}
#mep_event_ticket_type_table{
  margin-bottom: 0px;
}
.mep-events-wrapper table td.total-col{
  color: #fff;
}







/* newsletter */
.newsletter-head-form-box .get-box input[type="text"], .newsletter-head-form-box .get-box input[type="email"] {
  width: 100%;
  padding: 12px 0px;
  background: transparent;
  box-shadow: 0px 1px 0px 0px #fff;
  border: none;
}
.newsletter-outer-box h3{
  font: 600 22px / 30px var(--pri-font);
}
.newsletter-head-form-box form ::placeholder {
  color: #fff;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output {
  color: #fff;
  position: absolute;
  left: 8%;
  bottom: -30px;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
#newsletter .wpcf7-not-valid-tip{
  position: absolute;
}
#newsletter .wpcf7 form .wpcf7-response-output{
  position: absolute;
  width: fit-content;
  color: #fff;
}
.newsletter-outer-box{
  margin: 0 5%;
  padding: 3% 3%;
  border-radius: 250px;
}
.newsletter-outer-box a.submit-btn.btn{
  padding: 7px 30%;
  width: 100%;
}


@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
  }
  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
  }
  100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

/* single service */
#singleService .single-srevice-title a{
  font: 700 24px/24px var(--pri-font);
  color: var(--white);
}
#singleService .service-image{
  height: 430px;
}
#singleService .service-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* border-radius: 350px; */
}
#singleService .nav-pills .nav-link {
  color: #fff;
  padding: 15px 20px;
  font: 600 15px/25px var(--pri-font);
  border-radius: 6px;
  box-shadow: 0px 0px 6px 0px var(--blue);
  width: 90%;
  text-align: center;
}
#singleService .nav-pills .nav-link.active {
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
}
#singleService .nav-pills .nav-item{
  width: 100%;
}
#singleService .top_title {
    font: normal normal 600 26px/30px var(--pri-font);
    color: var(--black);
}
#singleService .about_me p span,#singleService .about_me p{
    color: #000;
}
#singleService .about_me{
  box-shadow: rgb(0 0 0/10%) 0px 0px 12px;
  background-color: #fff;
  border-radius: 25px;
  padding: 40px;
  margin-right: 10%;
}
.sidebar4 .add-title i{
  font-size: 20px;
}
#services-page .heading-box{
  display: none;
}
.single-post-content {
  font: 400 16px/25px var(--pri-font);
}
.services-list-items{
  padding-top: 20px;
  list-style-type: decimal;
  padding-left: 18px;
}
.services-list-items li,.service-para p{
  font: normal normal normal 15px/25px var(--pri-font);
  color: var(--white);
}
.single-post-content li {
  font: 600 15px/30px var(--pri-font);
}
.single-services-img-box , .single-services-img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* quotation form */
.quotation-form-box{
  box-shadow: 0px 1px 5px 0px var(--blue);
  padding: 50px;
  border-radius: 0px;
}
.quotation-form-box .head-label {
  font-size: 22px !important;
  line-height: 35px;
  font-weight: 600 !important; 
  color: #fff;
}
.quotation-form-box .waste-box label {
  font-weight: 500;
  font-size: 18px;
  line-height: 35px;
  color: #fff;
}
.quotation-form-box input[type="text"], .quotation-form-box input[type="tel"], .quotation-form-box input[type="email"], .quotation-form-box input[type="number"], .quotation-form-box input[type="date"], .quotation-form-box input[type="phone"], .quotation-form-box input[type="password"], .quotation-form-box textarea, .quotation-form-box select {
  font-size: 16px !important;
  padding: 14px 18px !important;
  width: 100%;
  border-radius: 50px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  box-shadow: 0px 1px 5px 0px var(--blue);
  background: transparent;
}
.quotation-form-box form .submit p input[type="submit"] {
  font: 500 16px / 20px var(--pri-font);
  color: var(--white);
  background: var(--black);
  border: none;
  border-radius: 0px;
  padding: 10px 25px;
  width: max-content;
}
.quotation-form-box form .submit p input[type="submit"]:hover {
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  color: #fff;
}







/* media css */
@media screen and (max-width: 1399px){
  .main-navigation #menu-primary-menu a{
    font: 400 13px / 20px var(--pri-font);
    padding: 15px 10px;
  }
  h1 {
    font: 600 40px / 55px var(--pri-font);
  }
  .footer1, .footer2, .footer3, .footer4 {
    width: 22%;
  }
  .newsletter-outer-box h3 {
    font: 600 20px / 30px var(--pri-font);
  }
  a.contact-text, .footer1 .textwidget {
    color: #fff;
    font: 400 14px / 20px var(--pri-font);  
  }
  #header_navigation .menu-item-has-children:after{
    right: 10px;
  }
}
@media screen and (max-width: 1199px){
  .is-large .wp-block-woocommerce-checkout-order-summary-block {
    padding: 0px;
  }
  .services-image .get-service-box {
    height: 450px;
    width: 520px;
    position: absolute;
    right: 30px;
  }
  .footer1, .footer2, .footer3, .footer4{
    width: 45% !important;
  }
  .slidemainbox-col1 {
    padding: 28% 20px;
  }
  h1 {
    font: 600 40px / 55px var(--pri-font);
  }
  h4 {
    font: 600 18px / 25px var(--pri-font);
  }
  .slider-outer-main-box{
    background-size: 65% 65% !important;
  }
  .slider-inner-border-one{
    width: 500px;
    height: 500px;
  }
  .slider-inner-border-two{
    width: 550px;
    height: 550px;
  }
  .slider-inner-border-three{
    width: 600px;
    height: 600px;
  }
  .our-about-que-img-wrap {
    width: 100%;
    height: 100%;
  }
  .how-we-work-inner-box:nth-child(1) .how-we-work-title p, .how-we-work-inner-box:nth-child(3) .how-we-work-title p {
    padding-right: 0%;
  }
  .how-we-work-inner-box:nth-child(2) .how-we-work-title p, .how-we-work-inner-box:nth-child(4) .how-we-work-title p {
    padding-left: 0%;
  }
  .blog-category{
    padding: 12px 25px;
  }
  .services-image {
    height: 420px;
    width: 500px;
  }
  .training-weeks-title p{
    font: 400 12px/20px var(--pri-font);
  }
  .training-timing-box svg {
    width: 14px;
  }
  .newsletter-outer-box {
    margin: 0 1%;
    justify-content: center;
  }
  .btn{
    padding: 14px 40px;
  }
  .footer1,.footer2,.footer3,.footer4{
    margin-top: 5%;
  }
  .social_widget i {
    line-height: 22px;
  }
  .team-image-inner-box {
    width: 220px;
    height: 300px;
  }
  .team-image {
    width: 100%;
    height: 100%;
  }
  .team-title{
    font: 600 16px / 22px var(--pri-font);
  }
  #slider .slider-circle-img {
    width: 460px;
    height: 440px;
  }
  .single-mep_events .mep-default-sidebar .df-sidebar-part,.single-mep_events .mep-default-content{
    padding: 20px;
  }
}
@media screen and (max-width: 1023px){  
  .slider-left-outer-circle-one{
    top: 12%;
    left: 17%;
  }
  .slider-left-outer-circle-two {
    top: 35%;
    width: 150px;
    height: 150px;
    left: -10%;
  }
  .slider-left-outer-circle-three {
    bottom: 20%;
    left: 5%;
  }
  .slider-right-outer-circle-one {
    top: 25%;
    width: 80px;
    height: 80px;
    right: 2%;
  }
  .slider-right-outer-circle-two {
    position: absolute;
    bottom: 15%;
  }
  .slider-right-outer-circle-three {
    bottom: 35%;
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 991px){
  .mep-default-title h2, .section-heading h2 {
    font-size: 19px;
  }
  div.df-dtl h3, div.mep-default-feature-content p, .mep-events-wrapper p#mep_btn_notice {
    font-size: 14px;
    line-height: 20px;
  }
  .wc-block-cart__main{
    margin: 5% 0px !important;
  }
  .is-large .wp-block-woocommerce-checkout-order-summary-block {
    padding: 20px;
  }
  .services-image .get-service-box {
    height: 450px;
    width: 600px;
    position: absolute;
    right: 0;
  }
  .header-outer-box {
    justify-content: space-between;
  }
  .our-about-para-box h5{
    font:600 15px/25px var(--pri-font);
  }
  .our-about-para-box p{
    font: 400 13px / 18px var(--pri-font);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .our-about-img-after-box,.left-content-box .our-about-box:nth-child(2) .our-about-img-box:before,.right-content-box .our-about-box:nth-child(2) .our-about-img-box:before{
    display: none;
  }
  #about-sec .heading-box{
    padding: 0px !important;
  }
  .services-image .get-service-box {
    height: 100%;
    width: 100%;
    position: unset;
  }
  .services-image{
    position: unset;
  }
  .case-studies-content-main-box{
    margin: 3px;
  }
  .team-image-inner-box:after,.teambox .team-title:after,.case-studies-content-main-box .case-studies-content-inner-main-box:after{
    display: block;
  }
  .banner-button-box{
    margin: auto;
  }
  .slider-button-box:after, .slider-button-box:before {
    display: block !important;
  }
  .btn::after, .blog-image-box .btn::after, .case-studies-content-main-box .btn::after, .training-box .btn::after {
    left: 0;
    width: 100%;  
  }
  .btn .btn-hover-wrap, .blog-image-box .btn-hover-wrap, .case-studies-content-main-box .btn-hover-wrap, .training-box .btn-hover-wrap {
    opacity: 1;
  }
  .case-studies-title-content-outer-box:before, .industries-served-content-outer-box:before,.case-studies-title-content-outer-box:after, .industries-served-content-outer-box:after,.training-date-img-box:after, .blog-img-box .post-img:before, .case-studies-content-icon-one:before,.training-button-box:before, .about-button-box:before, .case-studies-button-box:before, .slider-button-box:before,.training-button-box:after, .about-button-box:after, .case-studies-button-box:after, .slider-button-box:after,.blog-image-box .blog-category {
    display: block;
  }
  .blog-image-box .post-img {
    box-shadow: 0px 0px 15px 0px var(--blue);
  }
  .teambox .team-social-icon-box i {
    transition: all .8s linear;
    transform: rotate(360deg);
    background: linear-gradient(50deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  }
  .industries-served-content-outer-box .industries-served-icon-outer-image ,.how-we-work-inner-box .how-we-work-box{
    animation: flipInX 2s infinite;
  }
  .footer1,.footer2,.footer3,.footer4{
    width: 47%;
  }
  .services-image {
    height: 420px;
    width: 600px;
  }
  .teambox .team-bg-hover-svg {
    opacity: 1;
    visibility: visible;
    bottom: 0;
  }
  .contact-touch-form-box .wpcf7 form.invalid .wpcf7-response-output{
    margin: 20px auto;
  }
  .get-contact-box:before,.get-contact-box:after {
    width: 50px;
    height: 80px;
  }
  #newsletter .submit-button-box {
    margin: 10px 0px;
  }
  #newsletter .wpcf7 form.invalid .wpcf7-response-output{
    position: unset;
    margin: 10px auto;
  }
  #singleService .nav-pills .nav-link{
    margin: auto;
  }
}
@media screen and (max-width:767px){
  #slider .slider-circle-img {
    width: 400px;
    height: 390px;
  }
  #case_studies .owl-nav{
    position: unset;
  }
  .services-image{
    position: unset;
    width: 100%;
    height: 100%;
  }
  .get-service-box:before {
    content: '';
    width: 50px;
    height: 150px;
  }
  .get-service-box:after {
    content: '';
    width: 50px;
    height: 150px;
  }
  .slider-para{
    width: 95%;
  }
  .slider-outer-main-box{
    background-size: 70% 70% !important;
  }
  h1 {
    font: 600 30px / 40px var(--pri-font);
  }
  h5 {
    font: 600 19px / 25px var(--pri-font);
  }
  .slidemainbox-col1{
    padding: 20% 20px 20% 20px;
  }  
  .slider-inner-border-one,.slider-inner-border-two,.slider-inner-border-three,.how-we-work-main-box:after{
    display: none;
  }
  .slider-right-outer-circle-one,.slider-right-outer-circle-two,.slider-right-outer-circle-three,.slider-left-outer-circle-one,.slider-left-outer-circle-two,.slider-left-outer-circle-three{
    display: none;
  }
  .industries-served-icon-outer-image{
    margin: auto;
  }
  .our-feature-outer-box h2 {
    font: 600 25px / 35px var(--pri-font);
  }
  .left-content-box .our-about-box {
    flex-direction: row-reverse;
    justify-content: center;
  }
  .right-content-box .our-about-box{
    justify-content: center
  }
  .our-about-que-img-wrap {
    width: 400px;
    height: 400px;
  }
  .case-studies-main-box {
    padding-left: 0%;
  }
  .how-we-work-inner-boxed .count-box{
    justify-content: start !important;
  }
  .how-we-work-inner-box:nth-child(1) .how-we-work-title p, .how-we-work-inner-box:nth-child(3) .how-we-work-title p {
    padding-right: 0;
  }
  .how-we-work-inner-box:nth-child(2) .how-we-work-title p, .how-we-work-inner-box:nth-child(4) .how-we-work-title p{
    padding-left: 0;
  }
  .how-we-work-inner-box:nth-child(2) .how-we-work-inner-boxed .how-we-work-title, .how-we-work-inner-box:nth-child(4) .how-we-work-inner-boxed .how-we-work-title {
    text-align: start !important;
  }
  .how-we-work-inner-box:nth-child(2) .how-we-work-inner-boxed, .how-we-work-inner-box:nth-child(4) .how-we-work-inner-boxed, .how-we-work-inner-box:nth-child(2) .how-we-work-inner-boxed .how-we-work-content-box, .how-we-work-inner-box:nth-child(4) .how-we-work-inner-boxed .how-we-work-content-box{
    flex-direction: row;
  }
  .training-timing-box{
    justify-content: center;
  }
  .training-content{
    text-align: center;
  }
  .newsletter-outer-box{
    border-radius: 20px;
    margin-bottom: 5%;
  }
  .team-svg, .training-post-content-outer-box:after{
    display: none;
  }  
  .case-studies-title-content-box:after{
    display: none;
  }
  .training-post-content-outer-box {
    margin: 0px;
  }
  .training-timing-box svg {
    width: 14px;
  }
  .training-timing-box p {
    font: 400 13px/20px var(--pri-font);
  }
  .case-studies-title-content-box{
    margin: 2px;
  }
  .team-image-inner-box {
    width: 250px;
    height: 300px;
  }
  #beyond-security .item{
    justify-content: center;
  }
  .team-title{
    height: auto;
  }
  .banner-heading{
    width: 85%;
  }  
  .title-box h1 {
    font-size: 30px; 
    line-height: 30px;
  }
}
@media screen and (max-width:575px){
  .mep-default-title h2{
    font: 600 30px/30px var(--pri-font);
  }
  #slider .slider-circle-img {
    width: 360px;
    height: 350px;
  }
  .wc-block-components-product-name {
    font: 600 11px / 20px var(--pri-font) !important;
  }
  .wc-block-components-main form{
    padding-left: 20px;
  }
  .wc-block-components-button__text{
    padding: 9px 15px;
  }
  .wc-block-checkout__actions_row .wc-block-components-button{
    margin-left: 5px;
  }
  .topbar-order-tracking-icon-box img {
    width: 20px;
  }
  .slider-box {
    padding: 0px 0px;
  }
  h1 {
    font: 600 22px / 30px var(--pri-font);
  }
  .slidemainbox-col1{
    padding: 15% 20px 10% 20px;
  }
  .slider-outer-main-box {
    background-size: contain !important;
    margin-top: 15%;
  }
  .our-feature-outer-box h2 {
    font: 600 20px / 26px var(--pri-font);
  }
  .industries-served-content{
    padding: 20px 15%;
  }
  .case-studies-title-content-box{
    padding: 40px 50px;
  }
  .footer-content{
    text-align: center;
  }
  .location{
    justify-content: center;
  }
  .footer-contact-box{
    width: 100%;
  }
  .footer1 .custom-social-icons{
    margin: auto;
  }
  .footer1, .footer2, .footer3, .footer4{
    width: 100% !important;
  }
  .our-about-que-img-wrap {
    width: 100%;
    height: 100%;
  }
  .contact-touch-form-box{
    padding: 0px 15px;
  }
  .title-box h1 {
    font-size: 22px;
    line-height: 25px;
  }
  .breadcrums {
    font: 300 14px / 20px var(--pri-font);
    padding-top: 10px;
  }
}
@media screen and (max-width:424px){  
  .slidemainbox-col1{
    padding: 15% 20px 10% 20px;
  }
  .slider-outer-main-box {
    margin-top: 20%;
  }  
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  
  80% {
    transform: translateX(10px);
  }
  
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  
  80% {
    transform: translateX(-10px);
  }
  
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

/* tada  */
@keyframes tada{
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
      -webkit-transform: scale(0.9) rotate(-3deg);
      -ms-transform: scale(0.9) rotate(-3deg);
      transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
      -webkit-transform: scale(1.1) rotate(3deg);
      -ms-transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
      -webkit-transform: scale(1.1) rotate(-3deg);
      -ms-transform: scale(1.1) rotate(-3deg);
      transform: scale(1.1) rotate(-3deg);
  }
  100% {
      -webkit-transform: scale(1) rotate(0);
      -ms-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
  }
}







@keyframes bouncess{
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-15px);
  }
}





















.modal.modal-login {
  position: fixed;
  z-index: 2147483647;
  padding-top: 100px;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: auto;
}
#loginModal .modal-content {
  width: 50%;
  margin: 0 auto;
  border: none;
}
#myNewModal .close-one, #loginModal .close, #bsServiceModal .close-one, #bsserviceAppointment .close-one {
  color: #252525;
  cursor: pointer;
  background: #ECECEC;
  border: none;
  font-weight: 900;
  position: absolute;
  right: -15px;
  height: 60px;
  width: 60px;
  top: -20px;
  border-radius: 50%;
  padding-top: 6px;
  text-align: center;
}
#loginform {
  padding: 30px 25px;
  position: relative;
}
#loginform:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  border-radius: 20px;
  z-index: -1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#loginModal .close i {
  padding-top: 7px;
  font-size: 35px;
}
#loginform label {
  font: 600 16px / 32px var(--pri-font);
  color: #fff;
  text-transform: uppercase;
}
#loginform p{
  margin: 0 0 15px 0;
}
#loginform input[type="text"], #loginform input[type="tel"], #loginform input[type="email"], #loginform input[type="phno"], #loginform input[type="password"], #loginform textarea{
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: transparent;
  color: #fff;
}
.login-submit {
  font: 600 14px / 14px var(--pri-font);
  letter-spacing: 0;
  color: var(--white) !important;
  background: var(--black);
  padding: 2px 2px;
  border-radius: 50px;
  position: relative;
  border: none;
  z-index: 1;
  width: fit-content;
}
#wp-submit{
  font: 600 14px / 14px var(--pri-font);
  letter-spacing: 0;
  color: var(--white) !important;
  background: var(--black);
  border: none;
  padding: 14px 60px;
  border-radius: 50px;
}
.login-submit:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--black) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  z-index: -1;
}


.get-contact-box, .services-image{
  animation: wobble 89s linear infinite;
}
@keyframes wobble{
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
      -webkit-transform: none;
      transform: none;
  }
}


.scrolled {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 999;
}