/*
Theme Name: Cyberguard
Theme URI: http://demo.bravisthemes.com/cyberguard
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes
Description: Cyberguard is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 1.0.1
Tested up to: 6.5
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: Cyberguard
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Copyright (c) 2025 Bravis-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

/* .pxl-item-inner.wow.fadeInRight {
    height: 710px !important;
} */


/* =========================
   FLIP GRID (Scoped)
   ========================= */
.flip-grid .bg-primary{
  background: linear-gradient(0deg, #222e66 0%, #191b36 100%) !important;
  border: 0 !important;
}

.flip-grid .row{ 
  row-gap: 32px; 
}

/* container */
.flip-grid .flip-container{
  width: 100%;
  height: 600px;
  perspective: 1000px;
  cursor: pointer;
}

/* cards */
.flip-grid .flip-container .card{
  width: 100%;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
  border: none !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* flip core */
.flip-grid .flip{
  width: 100%;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

.flip-grid .flip-container:hover .flip{
  transform: rotateY(180deg);
}

/* faces */
.flip-grid .flip-front,
.flip-grid .flip-back{
  backface-visibility: hidden;
  position: absolute;
  inset: 0;
}

/* front */
.flip-grid .flip-front{
  z-index: 2;
  transform: rotateY(0deg);
  display: flex;
}

.flip-grid .flip-front .card-body{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 26px;
	width: 100%;
}

.flip-grid .flip-front .card-title{
  color: #ffffff !important;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
	font-size: 32px;
}
/* .flip-grid .flip-back .card-body{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
}
 */
/* back */
.flip-grid .flip-back{
  transform: rotateY(180deg);
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
}

.flip-grid .flip-back .card-body{
  display: block !important;
  padding: 26px;
}

.flip-grid .flip-back .card-title{
  color: #111111 !important;
  text-align: center;
  margin: 0 0 14px 0;
  font-weight: 600;
	font-size:30px;
	line-height:35px;
}

/* list */
.flip-grid .flip-list{
  list-style: none;          /* ✅ remove default bullet */
  padding-left: 0;           /* ✅ reset */
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  padding-right:30px;
}

.flip-grid .flip-list li{ 
  margin-bottom: 6px; 
  color: #000;
  font-size:21px;

  /* ✅ perfect wrap alignment */
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.flip-grid .flip-list li::before{
  content: "•";              /* ✅ bullet */
  flex: 0 0 14px;            /* ✅ fixed bullet space */
  line-height: 1.5;
}

/* small screens */
@media (max-width: 767px){
  .flip-grid .flip-container{ height: 280px; }
  .flip-grid .flip-list{ font-size: 13px; }
}

.elementor-2450 .elementor-element.elementor-element-810bda4:not(.elementor-motion-effects-element-type-background), .elementor-2450 .elementor-element.elementor-element-810bda4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
}

.elementor-2450 .elementor-element.elementor-element-c06cf6f:not(.elementor-motion-effects-element-type-background), .elementor-2450 .elementor-element.elementor-element-c06cf6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
}
.elementor-2450 .elementor-element.elementor-element-2cbf49f:not(.elementor-motion-effects-element-type-background), .elementor-2450 .elementor-element.elementor-element-2cbf49f > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
}

.elementor-13 .elementor-element.elementor-element-1fd524a:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-1fd524a > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
}

.elementor-13 .elementor-element.elementor-element-73943fa:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-73943fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);

}

/* .elementor-13 .elementor-element.elementor-element-5453f55:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-5453f55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
			background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);

	
} */

.elementor-3217 .elementor-element.elementor-element-9781a44{
	margin-top:0px !important;
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
}
.elementor-3217 .elementor-element.elementor-element-fa466ee{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-bottom:0px !important;

}
.elementor-2450 .elementor-element.elementor-element-3349a7a{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-bottom:0px !important;
}
.elementor-3346 .elementor-element.elementor-element-9781a44{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-top:0px !important;
}
.elementor-2450 .elementor-element.elementor-element-9781a44{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-top:0px !important;
}


.elementor-3346 .elementor-element.elementor-element-fa466ee{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-bottom:0px !important;
	
}
.elementor-3349 .elementor-element.elementor-element-9781a44{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-top:0px !important;
}
.elementor-3349 .elementor-element.elementor-element-fa466ee{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-bottom:0px !important;
}
.elementor-element.elementor-element-a3d6c14.e-flex.e-con-boxed.pxl-column-none.pxl-row-scroll-none.pxl-zoom-point-false.pxl-section-overflow-visible.pxl-section-fix-none.pxl-full-content-with-space-none.pxl-bg-color-none.pxl-section-overlay-none.e-con.e-parent.e-lazyloaded{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-bottom:0px !important;
}

.elementor-3217 .elementor-element.elementor-element-2efca45{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-bottom:0px !important;
}


.elementor-3217 .elementor-element.elementor-element-ad5ecbb .elementor-image-box-description{
	margin-top:40px !important;
}

.elementor-2881 .elementor-element.elementor-element-b27632c , .elementor-2874 .elementor-element.elementor-element-f248a3a{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
	margin-bottom: 0px;
}
.elementor-13 .elementor-element.elementor-element-d140cae:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-d140cae > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
}
/* =========================
   RISKGO FLIP CARD (GLOBAL)
   ========================= */

.riskgo-flip-wrap{
  width: 100%;
  perspective: 1200px;
  margin: 30px 0;
}

.riskgo-flip-card{
  position: relative;
  width: 100%;
  min-height: 420px;
  transform-style: preserve-3d;
  transition: transform .75s ease;
}

/* Flip State */
.riskgo-flip-wrap.is-flipped .riskgo-flip-card{
  transform: rotateY(180deg);
}

/* =========================
   COMMON FACE STYLES
   ========================= */
.riskgo-face,
.riskgo-face-white{
  position: absolute;
  inset: 0;
  padding: 48px 24px;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}

/* =========================
   DARK GRADIENT CARD
   ========================= */
.riskgo-face{
/*   border-radius: 16px; */
  background: linear-gradient(
    122.86deg,
    #737172 6.57%,
    #E4E6E5 49.62%,
    #737172 92.67%
  );
  border: 1px solid rgba(255,255,255,.15);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

/* =========================
   WHITE FULL-WIDTH CARD
   ========================= */
.riskgo-fullwidth{
  width: 100%;
}

.riskgo-fullwidth .riskgo-flip-card{
  border-radius: 0;
}
.mb-40{
	margin-bottom:40px !important;
}
.riskgo-face-white{
/*   background: #ffffff; */
  border-radius: 0;
  box-shadow: none;
/*   border-top: 1px solid rgba(0,0,0,.08); */
/*   border-bottom: 1px solid rgba(0,0,0,.08); */
}

/* =========================
   BACK FACE ROTATION
   ========================= */
.riskgo-back{
  transform: rotateY(180deg);
}

/* =========================
   TEXT STYLES
   ========================= */
.riskgo-title{
  margin: 0;
  font-size: 40px;
  line-height: 1.25;
  font-weight: 600;
  color: #111;
  text-align: center;
}

.riskgo-desc{
  margin: 0;
  font-size: 25px;
  line-height: 1.6;
  color: rgba(0,0,0,.85);
  text-align: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================
   BUTTON
   ========================= */
.riskgo-btn{
 	margin-top: 18px;
    padding: 18px 36px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #96dfc5;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: transform .15s ease, opacity .15s ease;
    align-self: center;
    font-size: 22px;
}

.riskgo-btn:hover{ transform: translateY(-2px); }
.riskgo-btn:active{ transform: translateY(0); opacity: .9; }

/* =========================
   MOBILE
   ========================= */
@media (max-width: 767px){

  .riskgo-face,
  .riskgo-face-white{
    padding: 28px 18px;
  }

  .riskgo-title{
    font-size: 22px;
  }

  .riskgo-desc{
    font-size: 15px;
  }

  .riskgo-flip-card{
    min-height: 280px;
  }
}


.wpcf7 input[type="submit"]{
    background-color:#96dfc5 !important;
    padding:0 20px;
    line-height:42.4px;
    color:#fff;
}

.contact2 .wpcf7-not-valid-tip {
    color: red !important;
}

.contact2 input.wpcf7-not-valid {
    border: 1px solid red !important;
}
.innovative-flip{
	min-height: 635px !important;
}
.flip-grid .flip-list p {
    font-size: 21px;
    color: #111;
}
.innov-title{
	    color: #111111 !important;
    text-align: center;
    margin: 0 0 14px 0;
    font-weight: 600;
    font-size: 31px;
    line-height: 40px;
}
.risk-title1{
	font-size: 46px !important;
}

/* Force header fixed */
#pxl-header-elementor{
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
}

/* Push page content down so it doesn't hide under header */
.px-header--fixed.scroll-down{
	top: 0px !important;
}
.px-header--fixed{
	background: rgba(18, 19, 44, 0.5) !important;
}


:root{
      --bg1:#0B1C2D;
      --bg2:#123B6E;
      --text:#0d1b2a;
      --muted:#5b6b7d;
      --card:#ffffff;
      --soft:#F4F8FC;
      --line:rgba(15, 35, 55, .10);
      --shadow:0 14px 40px rgba(0,0,0,.10);
      --shadow2:0 10px 28px rgba(0,0,0,.08);
      --radius:16px;

      /* JS will set this */
      --aikc-header-offset: 0px;
    }

    * { margin:0; padding:0; box-sizing:border-box; }
    body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif; line-height:1.6; }
    .aikc-wrap{ color:var(--text); background:#fff; }

    /* Layout */
    .aikc-container{ max-width:1300px; margin:0 auto; padding:0 18px; }
    .aikc-section{ padding:100px 0; }
    .aikc-title{ font-size:36px; line-height:1.15; margin:0 0 10px; }
    .aikc-sub{ color:var(--muted); font-size:16px; line-height:1.6; }

    /* Hero */
    .aikc-hero{
      background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
      color:#fff;
      padding:80px 0 60px;
    }
    .aikc-hero-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:32px;
      align-items:center;
    }
    .aikc-hero h1{ font-size:56px; margin:0 0 12px; }
    .aikc-hero p{ color:#111; max-width:640px; }

    /* Buttons */
    .aikc-btn{
      display:inline-block;
      padding:12px 18px;
      border-radius:12px;
      font-weight:700;
      text-decoration:none;
      transition: transform .2s;
    }
    .aikc-btn:hover{ transform: translateY(-2px); }
    .aikc-btn.primary{ background:#fff; color:#0b1c2d; }
    .aikc-btn.dark{ background:#0b1c2d; color:#fff; }

    /* Cards */
    .aikc-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow2);
      padding:18px;
      transition: transform .2s, box-shadow .2s;
    }
    .aikc-card:hover{
      transform: translateY(-4px);
      box-shadow: 0 16px 48px rgba(0,0,0,.15);
    }
    .aikc-card h3{ margin:10px 0 6px; font-size:18px; }
    .aikc-card p{ margin:0; color:#111; font-size:14px; }
    .aikc-card a.small{
      color:#0b1c2d;
      text-decoration:none;
      font-weight:600;
      font-size:14px;
    }
    .aikc-card a.small:hover{ text-decoration:underline; }

    /* Grids */
    .aikc-grid-4{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:16px;
      margin-top:32px;
    }
    .aikc-two{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
      margin-top:24px;
    }

    /* ✅ FIXED STICKY BAR (Elementor-safe) */
    #stickySpacer{ height:0; }

    .aikc-sticky-section{
      position: fixed;              /* IMPORTANT */
      left: 0;
      right: 0;
      top: var(--aikc-header-offset, 0px);
      z-index: 999999;

      background: rgba(255,255,255,0.98);
      backdrop-filter: blur(10px);
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      box-shadow: 0 10px 30px rgba(0,0,0,0.12);
      padding: 14px 0;

      opacity: 0;
      transform: translateY(-120%);
      pointer-events: none;
      transition: opacity .25s ease, transform .25s ease;
    }
    .aikc-sticky-section.is-visible{
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    .aikc-sticky-section .aikc-grid-4{ margin-top:0; }
    .aikc-sticky-section .aikc-card{ cursor:pointer; }

    /* Dark Section */
    .aikc-dark{
      background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
      color:#fff;
    }
    .aikc-dark .aikc-card{ background:#fff; border-color:rgba(255,255,255,.15); }
    .aikc-dark p{ color:#111; }

    section#welcome{
      background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
    }

    /* News */
    .aikc-news{
      background: linear-gradient(122.86deg, #737172 6.57%, #E4E6E5 49.62%, #737172 92.67%);
    }
    .aikc-newsbox{
      background:#fff;
      border-radius:16px;
      padding:18px;
      box-shadow:var(--shadow2);
    }
    .aikc-newsitem{
      display:flex;
      justify-content:space-between;
      align-items:center;
    }

    /* Responsive */
    @media(max-width:1024px){
      .aikc-hero-grid{ grid-template-columns:1fr; }
      .aikc-grid-4{ grid-template-columns:repeat(2,1fr); }
      .aikc-two{ grid-template-columns:1fr; }
      .aikc-hero h1{ font-size:44px; }
      .aikc-sticky-section{ padding:10px 0; }
    }
    @media(max-width:520px){
      .aikc-grid-4{ grid-template-columns:1fr; }
      .aikc-hero h1{ font-size:36px; }
    }