/*
 * Theme Name: 321 Base Theme
 * Theme URI: https://www.321webmarketing.com/
 * Author: 321 Web Marketing
 * Author URI: https://www.321webmarketing.com/
 * Description: 321 inspired theme for the Genesis Framework.
 * Version: 1.0.01
 * License: GPL-3.0-or-later
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: tto-base-theme
 * Domain Path: /languages
 * Template: genesis
 */

@charset 'UTF-8';

/* # Table of Contents

- Elements
- Structural
- Accessibility
- Header
- Footer
- Utility
- Blocks
- Custom CSS

*/

/* ## Elements
--------------------------------------------- */

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    max-width: 100vw;
	font-size: 62.5%;
	overflow-x: hidden;
}

body {
    background-color: #ffffff;
    max-width: 100vw;
    color: #000;
    /* font-family: 'Montserrat', Helvetica, Arial, sans-serif; */
	font-family: 'Inter', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.618;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    margin: 0;
    overflow-x: visible;
}

article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main {
	display: block;
}

pre {
	font-family: monospace, monospace;
	font-size: 1.8rem;
}

*::-moz-selection {
	background-color: #393e4b;
	color: #ffffff;
}

*::selection {
	background-color: #393e4b;
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Serif', serif;
}

h1 {
	font-size: 6.4rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 3rem;
}

h2 {
	font-size: 3.6rem;
	font-weight: 400;
	line-height: 1.3;
    margin: 4rem 0 3rem;
}

h3 {
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.4;
    margin: 3rem 0 3rem;
}

h4 {
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.5;
    margin: 3rem 0 3rem;
}

h5 {
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 1.4;
    margin: 3rem 0 3rem;
}

h6 {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.5;
    margin: 3rem 0 3rem;
	text-transform: uppercase;
}

p {
	margin: 0 0 2rem;
	padding: 0;
}

p:last-child {
	margin: 0;
}

a {
	color: #000;
	word-wrap: break-word;
	pointer-events: all;
	cursor: pointer;
	text-decoration: none;
	transition: 0.25s ease-in-out all
}

a:hover,
a:focus {
	color: #555;
}

button,
a.button,
input[type='submit'] {
	background-color: #000;
	margin-top: 1rem;
	border: 0;
	border-radius: 0.3rem;
	color: #ffffff;
	cursor: pointer;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 1.1em 2.4em;
	text-decoration: none;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 1;
	box-shadow: 0 1rem 2rem -0.5rem rgba(57, 62, 75, 0.2);
	transition: 0.25s ease-in-out all;
}

button:hover,
button:focus,
a.button:hover,
a.button:focus,
input[type='submit']:hover,
input[type='submit']:focus {
	background-color: #222;
	color: #ffffff;
	box-shadow: 0 1rem 2rem -0.5rem rgba(57, 62, 75, 0.2);
}

button.white,
a.button.white {
	background-color: #ffffff;
	color: var(--mfe-green);
}

button.outline,
a.button.outline {
	border: 1px solid #049948;
	background: transparent;
	color: #049948;
	box-shadow: 0 1rem 2rem -0.5rem rgba(57, 62, 75, 0.1);
}

button.outline:hover,
button.outline:focus,
a.button.outline:hover,
a.button.outline:focus {
	background: #049948;
	color: #fff;
}

button.large,
a.button.large {
	font-size: 18px;
	font-size: 1.8rem;
}

ol,
ul {
	margin: 0 0 2rem 2rem;
	padding: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin: 0 0 0 4rem;
	padding: 0;
}

ul li {
	list-style-type: disc;
}

li li {
	list-style-type: circle;
}

ol li {
	list-style-type: decimal;
}

ol li li {
	list-style-type: lower-alpha;
}


hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #f0f1f2;
	clear: both;
	padding: 1em 0 0;
	margin: 0 0 2em;
}

b,
strong {
	font-weight: 600;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.5rem;
}

sup {
	top: -1rem;
}

blockquote {

}

table {

}

thead,
tbody {

}

tr,
th {
	
}

img {
	display: block;
	max-width: 100%;
}

*:first-child {
	margin-top: 0;
	padding-top: 0;
}

*:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ## Structural
--------------------------------------------- */

.wrap,
.basic-page .content-sidebar-wrap,
.site-inner > .wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap,
.entry-content > .wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap,
.entry-content > .gb-block-container > .gb-container-inside {
	width: var(--theme-wrap-width);
	max-width: var(--theme-wrap-max-width);
	margin: 0 auto;
}

.site-inner > .wp-block-genesis-blocks-gb-columns,
.entry-content > .wp-block-genesis-blocks-gb-columns,
.entry-content > .gb-block-container {
	padding: var(--theme-section-padding) 0;
}

.site-inner > .wp-block-genesis-blocks-gb-columns.no-padding-top,
.entry-content > .wp-block-genesis-blocks-gb-columns.no-padding-top,
.entry-content > .gb-block-container.no-padding-top {
	padding-top: 0 !important;
}

.site-inner > .wp-block-genesis-blocks-gb-columns.no-padding-bottom,
.entry-content > .wp-block-genesis-blocks-gb-columns.no-padding-bottom,
.entry-content > .gb-block-container.no-padding-bottom {
	padding-bottom: 0 !important;
}

.site-inner > .wp-block-genesis-blocks-gb-columns.no-padding,
.entry-content > .wp-block-genesis-blocks-gb-columns.no-padding,
.entry-content > .gb-block-container.no-padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media (max-width: 767px) {
	.wrap,
	.basic-page .content-sidebar-wrap,
	.site-inner > .wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap,
	.entry-content > .wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap,
	.entry-content > .gb-block-container > .gb-container-inside {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0 var(--theme-wrap-padding-mobile);
	}

	.site-inner > .wp-block-genesis-blocks-gb-columns,
	.entry-content > .wp-block-genesis-blocks-gb-columns,
	.entry-content > .gb-block-container {
		padding: var(--theme-section-padding-mobile) 0;
	}
}



/* ## Accessibility
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut,
.wp-custom-logo .site-title,
.wp-custom-logo .site-description {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 0.1rem;
	width: 0.1rem;
	background-color: #fff !important;
	color: #000 !important;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	padding: 10px 20px;
	padding: 1rem 2rem;
	z-index: 100000;
	text-decoration: none;
	box-shadow: 0 0 0.2rem 0.2rem rgba(57, 62, 75, 0.1);
}

.more-link {
	position: relative;
	font-style: normal;
}

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}



/* ## Header
--------------------------------------------- */

.top-nav-bar {
    background-color: #f5f5f5;
	position: relative;
	display: flex;
	padding: 1.25rem 0;
    border-bottom: 1px solid #dbdbdb;
	z-index: 101;
}

.top-nav-bar > .wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6rem;
}

.top-nav-bar > .wrap.left {
	justify-content: flex-start;
}

.top-nav-bar > .wrap.right {
	justify-content: flex-end;
}

.nav-top > .wrap {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.nav-top .menu {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 3rem;
	height: 100%;
	pointer-events: all;
	opacity: 1;
	transition: 0.25s ease-in-out opacity;
}

.nav-top .menu.fade-out {
	pointer-events: none;
	opacity: 0;
}

.nav-top .menu > .menu-item {
    display: flex;
    align-items: center;
}

.nav-top .menu > .menu-item > a,
.top-nav-bar p {
    font-size: 1.4rem;
    font-weight: 500;
	line-height: 1.3;
}

.site-header {
	background-color: #fff;
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
	box-shadow: 0 0 1rem rgba(57, 62, 75, 0.18);
	transition: 0.25s ease-in-out box-shadow;
	z-index: 100;
}

.site-header.shrink {
	box-shadow: 0 0 2rem rgba(57, 62, 75, 0.38);
}

.logged-in.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 782px) {
	.logged-in.admin-bar .site-header {
		top: 46px;
	}
}

@media (max-width: 600px) {
	.logged-in.admin-bar .site-header {
		top: 0;
	}
}

.site-header > .wrap {
	display: flex;
	align-items: stretch;
	gap: 6rem;
}

.title-area {
	display: flex;
	align-items: center;
	/* width: 17rem; */
	width: min(25rem, 13.9vw);
	max-width: 200px;
	margin: 0;
	padding: 1rem 0;
}

.title-area a {
	position: relative;
	display: flex;
	width: 100%;
	height: fit-content;
	max-height: 60px;
}

.title-area a img {
    object-fit: contain;
    object-position: left center;
    width: 100%;
    height: 100%;
}

.title-area a img.primary {
	opacity: 1;
	transition: 0.25s ease-in-out opacity;
}

.title-area a img.secondary {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.25s ease-in-out opacity;
}

.site-header.shrink .title-area a img.primary {
	opacity: 0;
}

.site-header.shrink .title-area a img.secondary {
	opacity: 1;
}

.nav-primary {
	display: flex;
    align-items: center;
	gap: 3rem;
	transition: none;
}

.nav-primary > .wrap {
	display: flex;
    align-items: center;
    gap: 3rem;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
}

.nav-primary .menu {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 3rem;
	height: 100%;
	margin: 0;
	pointer-events: all;
	opacity: 1;
	transition: 0.25s ease-in-out opacity;
}

.nav-primary .menu.fade-out {
	pointer-events: none;
	opacity: 0;
}

.nav-primary .menu > .menu-item {
    display: flex;
    align-items: center;
	gap: 0.5rem;
	margin-top: 3.75rem;
    padding: 0 0 3.75rem;
	transition: 0.25s ease-in-out all;
}

.site-header.shrink .nav-primary .menu > .menu-item {
    padding: 2.75rem 0;
}

.nav-primary .menu > .menu-item > a {
    font-size: 1.5rem;
    font-weight: 600;
	line-height: 2.5rem;
}






.primary-menu-ctas .gb-layout-column-wrap {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.primary-menu-ctas .gb-block-layout-column {
	flex: 1 1 fit-content;
}

.primary-menu-ctas a.button {
	margin: 0;
}

.mobile-menu-logo {
	display: none;
}

.site-header .progress-bar-container {
	position: absolute;
	background-color: transparent;
	display: block;
	width: 100%;
	height: 4px;
	top: auto;
	bottom: 0;
	left: 0;
}

.site-header .progress-bar {
	background-color: #000;
    display: block;
    width: 0%;
    height: 100%;
    transition: none;
}

/* ## Footer
--------------------------------------------- */









.site-footer > .wrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.site-footer-credits.standalone {
    background-color: #efefef;
    padding: 1.5rem 0;
}

.footer-credits p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 1.5rem;
    font-weight: 500;
}

.footer-credits p .separator {
	font-size: 2rem;
	line-height: 0;
	margin: 0 0 0.25rem;
}



/* ## Utility
--------------------------------------------- */













/* ## Blocks
--------------------------------------------- */

/* Breadcrumbs */

.custom-breadcrumbs .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    margin: 0 0 6rem;
    padding: 0;
}

.custom-breadcrumbs .breadcrumb > span {
    display: flex;
    color: #000;
    font-size: 1.5rem;
    font-weight: 500;
}

.custom-breadcrumbs .breadcrumb > a {
    display: flex;
}

/* Button */

.custom-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: fit-content;
}

.custom-button.align-left {
	align-items: flex-start;
}

.custom-button.align-right {
	align-items: flex-end;
}

/* Client Logos */

/* Consultation Steps */

/* Custom Image */

/* Home Page Video */

/* Menu Widget */

/* Recent Articles */

/* Search Widget */

.search-widget {
	position: relative;
}

.search-widget[data-search-type="menu"] .search-widget--form {
    position: absolute;
	min-width: 300px;
    right: calc(100% + 3rem);
    pointer-events: none;
	opacity: 0;
    transition: 0.25s ease-in-out opacity;
    z-index: -99;
}

.search-widget[data-search-type="menu"][data-menu-active="true"] .search-widget--form {
	pointer-events: all;
	opacity: 1;
	z-index: 99;
}

.search-widget .search-widget--toggle {
    display: flex;
    width: 30px;
    height: 30px;
}

.search-widget .search-widget--toggle span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 2rem;
	pointer-events: all;
	cursor: pointer;
	opacity: 1;
	transition: 0.25s ease-in-out all;
}

.search-widget .search-widget--toggle span.hide {
	position: absolute;
    top: 0;
    left: 0;
	pointer-events: none;
	cursor: default;
	opacity: 0;
}

.search-widget[data-menu-active="true"] .search-widget--toggle span.show {
	pointer-events: none;
	cursor: default;
	opacity: 0;
}

.search-widget[data-menu-active="true"] .search-widget--toggle span.hide {
	pointer-events: all;
	cursor: pointer;
	opacity: 1;
}

.search-widget .search-form {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
	width: fit-content;
}

.search-widget .search-form-label {
	flex: 1 1 100%;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2;
}

.search-widget .submit-container {
    background-color: #000;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
}

.search-widget .submit-container .search-form-cta {
	display: flex;
}

.search-widget .submit-container svg {
    color: #fff;
	width: 1.6rem;
    height: 1.6rem;
}

.search-widget .submit-container input[type='submit'] {
	background-color: transparent;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.search-widget input[type='submit'].hidden {
	display: none;
}

/* Socials */

.custom-socials {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    width: fit-content;
}

.custom-social--link {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1;
}

.custom-social--link svg {
    aspect-ratio: 1 / 1;
    color: #222;
    width: 2.4rem;
    height: 2.4rem;
    transition: 0.25s ease-in-out all;
}

.custom-social--link:hover svg {
    color: #555;
}

/* Team Members */


/* ## Custom CSS
--------------------------------------------- */

/* Variables (Edit First!) */

:root {
	--theme-wrap-width: 95%;
	--theme-wrap-max-width: 1300px;
	--theme-wrap-padding-mobile: 4vw;
	--theme-section-padding: 8rem;
	--theme-section-padding-mobile: 6rem;
}

.entry-content .padding-top-zero {
	padding-top: 0;
}

/* .custom-button.align-left span {
	margin-right:5px;
} */

figure.wp-block-table::after {
	display:none;
}

figure.wp-block-table {
    height: auto !important;
    border-radius: 0 !important;
}

.site-header > .wrap {
	gap: min(60px, 2vw);
	justify-content: space-between;
}

.nav-primary .menu {
	gap: min(20px, 1vw);
}

.nav-primary .menu > .menu-item > a {
	font-size: min(1.6rem, 1vw);
}

.nav-primary .menu > .menu-item a {
	position: relative;
}

.nav-primary .menu > .menu-item a:before {
	height: 2px;
  bottom: -35px;
  left: 0;
  background: #0496ca;
  content: "";
  position: absolute;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scaleX(0);
   transform: scaleX(0);
}


.nav-primary .menu > .menu-item:hover a:before {
	-webkit-transform: scaleX(1);
   transform: scaleX(1);
}

.nav-primary .mega-menu .sub-menu .menu-item.has-icon .tagline {
	margin-left: 28px;
}
.nav-primary .mega-menu .sub-menu .menu-item.has-icon svg {
	color: #138CBE;
}

.mega-menu-wrap--menu .sub-menu > li:hover {
	background-color: #f6f6f6;
}

.nav-primary > .wrap {
	gap: min(50px, 4.5vw);
	justify-content:space-between;
}

.menu > .menu-item.mega-menu .mega-menu-container {
	max-width:800px;
	left:20%;
}

.mega-menu-wrap--menu .sub-menu li a {
	font-weight: 600 !important;
}

.mega-menu-wrap--menu .sub-menu li a:hover {
	color:#138CBE;
}

.entry-content a {
	text-decoration: underline;
}

.entry-content a:hover {
	text-decoration: none;
}

.custom-button a ,a.button {
	text-decoration:none;
}

.our-values .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	gap:20px;
}


.gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	width: 95%;
	max-width: 1300px;
	margin: 0 auto;
}

.gb-layout-column-wrap .gb-block-layout-column-inner .gb-layout-column-wrap {
	width: 100% !important;
}

.top-nav-bar {
	background: #052A40;
	color: #fff;
	padding:6px;
}

.top-nav-bar a {
	color:#fff;
	text-decoration:underline;
}

.top-nav-bar a:hover {
	text-decoration:none;
}

.top-nav-bar > .wrap {
	justify-content:end;
}

.site-footer-widgets .gb-layout-column-wrap {
	width: 100% !important;
}

footer.site-footer {
	background: #012133;
	color: #fff;
}

footer.site-footer a {
	color:#fff;
}

.site-footer-widgets {
	padding: 60px 0;
} 

.site-footer-widgets ul li {
	list-style-type:none;
	margin-bottom:0;
}

.site-footer-widgets ul li a {
	font-size:16px;
	font-weight:400;
}

.site-footer-widgets ul li a:hover {
	color:#138CBE;
}

li#menu-item-638 a ,li#menu-item-1205 a {
	color: #138CBE;
	font-weight:500;
}

.site-footer-widgets p {
	font-size:14px;
	font-weight:400;
}

.site-footer-credits.standalone {
	background: #012133;
	color: #fff;
	padding-bottom:50px;
}

.site-footer-credits.standalone p {
	margin:0;
	font-size:14px;
	font-weight:400;
}

.site-footer-credits.standalone .credit a {
	margin-left:20px;
	text-decoration:underline;
}

.site-footer-credits.standalone .credit a:hover {
	text-decoration:none;
}

.site-footer-credits.standalone .wrap {
	display: flex;
		width: 95%;
	margin: 0 auto;
	justify-content: space-between;
	border-top: 1px solid;
	padding:20px 0;
}

.site-footer-credits.standalone .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	display: flex;
	gap: 20px;
	align-items:center;
}

.site-footer-credits.standalone .wp-block-social-link a {
	border-radius:100%;
	background:#138CBE;
	padding:5px;
}

.site-footer-credits.standalone .wp-block-social-links .wp-social-link svg {
	fill:#012133;
}

.site-details-main .gb-block-layout-column-inner {
	display:flex;
	gap:20px;
}

.wp-block-group.loc .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	display: flex;
	gap:15px;
}

.footer-details-col .loc:last-child {
	margin-top: 50px;
}

.footer-details-col .icon-block svg {
	border: 1px solid #138CBE;
	border-radius: 100%;
	padding: 7px;
	width: 15px;
	height: 15px;
}

.wp-block-group.footer-details-col {
	flex-basis: 23%;
}

.footer-details-col > .wp-block-group__inner-container > .wp-block-group:last-child p {
	text-decoration:underline;
}

.footer-details-col > .wp-block-group__inner-container > .wp-block-group:last-child p:hover {
	text-decoration:none;
}

.site-footer-widgets .wp-block-image {
	margin-bottom: 2.5em;
}

a.button.has-icon.outline {
	color: #052A40;
	border: 1px solid #052A40;
	background: transparent;
	padding: 12px 24px;
	border-radius:8px;
}

a.button.has-icon.outline:hover {
	background: #052A40;
	color: #fff;
	border: 1px solid #052A40;
}

.site-footer-widgets .menu {
	display: flex;
  justify-content: space-between;
	margin-left: 0;
	gap: 10px;
}

.menu > .menu-item-has-children:not(.mega-menu) > .sub-menu {
    left: 0;
    top: 0;
    opacity: 1;
    position: relative;
    flex-direction: column;
    background-color: transparent;
    pointer-events: none;
	  box-shadow: none;
	margin-left: 0;
	width: auto;
}

.site-footer-widgets .sub-menu:before {
    display: none;
}

.site-footer-widgets li:not(.mega-menu) .menu-item {
    padding: 0.25em 0em;
	margin-bottom: 8px;
    height: auto;
}

.site-footer-widgets .menu p {
	font-size: 16px;
	color: #138CBE;
}


/* Home page */

.home-page-bnr {
	padding:120px 0 60px;
}

.home-page-bnr .gb-layout-column-wrap > .gb-block-layout-column:first-child p:first-of-type {
	font-size: 24px;
}

.home-page-bnr .gb-layout-column-wrap > .gb-block-layout-column:first-child p:last-of-type {
	font-size: 20px;
}

.home-page-bnr a.button ,.inner-banner a.button {
	background:#138CBE;
}

.home-page-bnr a.button:hover ,.inner-banner a.button:hover {
	background:transparent;
	outline:1px solid #138CBE;
	color:#138CBE;
} 


.cyber-security {
	padding:90px 0;
}

.cyber-security h2 {
	font-size: 32px;
	max-width: 750px;
	margin: 0 auto;
	margin-top:30px;
}

a.button {
	background:#052A40;
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 400;
}

a.button:hover {
	color: #052A40;
	outline: 1px solid #052A40;
	background: transparent;
}

.margin-top {
	margin-top:80px;
}

.home-page-bnr img {
	max-width: 60px;
}

.before-footer-widgets .gb-layout-column-wrap {
	width: 100% !important;
}

.before-footer {
	padding:100px;
	margin-bottom:40px;
	border-radius:8px;
}

.before-footer .custom-button {
	width:auto;
}

.before-footer a.button {
	background:#fff;
	color:#052A40;
}

.before-footer a.button:hover {
	background:transparent;
	color:#fff;
	outline:1px solid #fff;
}

a.button.has-icon.transparent-background {
	background:transparent;
	color:#fff;
	outline:1px solid #fff;
}

a.button.has-icon.transparent-background:hover {
	background:#fff;
	color:#052A40;
}

.btn-flex .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	display: flex;
	gap:10px;
}

.grey-background {
	background:#F2F2F2;
	padding:25px 18px;
	border-radius:8px;
	max-width: 80%;
	margin-bottom:20px;
}

.our-solutions {
	padding:90px 0;
}

.our-solutions h2 {
	margin:2rem 0;
}

.our-solutions h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.blue-background {
	background:#052A40;
	margin-left:100px;
}

.p-border {
	border: 1px solid #A2A2A2;
	width: fit-content;
	padding: 4px 12px;
	border-radius: 5px;
	text-transform: uppercase;
	color: #525252;
	font-size: 16px !important;
}

.margin-auto{
	margin:0 auto !important;
}

.why-vaultes {
	padding:90px 0;
}

.why-vaultes h2 {
	margin:3rem 0;
}

.why-vaultes-inner-col {
	background:#fff;
}

.why-vaultes a.button {
	margin-top:30px;
}

.why-vaultes-inner-col {
	background: #fff;
	padding: 25px 18px;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0 4px 10px #00000017;
}

.why-vaultes-inner-col h4 {
	font-size:20px;
	margin: 10px 0;
}

.why-vaultes-inner-col .icon-block svg {
	width: 40px;
	height: 40px;
	color: #138CBE;
}

.why-vaultes-inner-col p {
	color:#494949;
}

h2 span {
	color:#138CBE;
}

.why-vaultes .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	gap: 20px;
	margin-bottom:20px;
}

/* About page */

.wp-block-genesis-blocks-gb-columns.padding-zero.gb-layout-columns-1.one-column {
	padding: 0;
}

.our-values h2 {
	margin:0;
}

.our-values-inner {
	border:1px solid #DEDEDE;
	padding:25px 18px;
}

.our-values-inr .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	gap: 0;
}

.our-values-inner h4 {
	font-size:20px;
	margin:15px 0;
}

.support-icon .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	display:flex;
	gap:15px;
	align-items:center;
}

.support-icon .icon-block svg {
	width: 40px;
	height: 40px;
	color: #138CBE;
}

.info .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	display:flex;
	gap:15px;
}

.page-id-571 .before-footer-widgets ,.single-post .before-footer-widgets ,.page-id-871 .before-footer-widgets ,.page-id-80 .before-footer-widgets {
	display: none;
}

.our-values-inner .icon-block svg {
	width: 40px;
	height: 40px;
	color: #138CBE;
}

.image-text-col figure {
	position: relative;
	overflow:hidden;
}

.image-text-col figure::after {
	content: "";
	position: absolute;
	bottom: -45px;  
	left: 0;
	width: 120px;
	height: 120px;
	background: url('/wp-content/uploads/2026/03/Group-34.png') no-repeat left bottom;
	background-size: contain;
}

.about-us h2 {
	margin:0 0 20px;
}

.inner-banner h1 {
	margin:20px 0;
}

.inner-banner p {
	font-size:20px;
}

.inner-banner .p-border {
	color:#fff;
}

.corporate-information-inner {
	background:#F4F8FB;
	padding:20px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.corporate-information-inner h4 {
	margin:0;
	font-size:18px;
	font-weight:600;
}

.corporate-information-inner p {
	margin:0;
}

.Corporate-Information .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	gap: 10px;
	margin-bottom: 10px;
}

.Corporate-Information a.button {
	margin-top:30px;
}

.corporate-information-inner.space-between .gb-block-layout-column-inner {
	width: 100%;
}

/* Request Consultation page */

div#gform_wrapper_1 {
	border: 1px solid #7D878D;
	padding:40px;
	border-radius:8px;
	background:#fff;
	margin-top: -160px;
}

.vaultes .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	gap:10px;
}

.vaultes h2 {
	margin: 2rem 0;
}

.vaultes-inner-col {
	text-align:left;
}

.cyber-sec h2 {
	max-width: 700px;
	margin: 0 auto;
}

.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme textarea {
	border:1px solid #D0D0D0;
	border-radius:8px;
}

.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {
	background:#052A40;
	border-radius: 8px;
	margin: 0;
	font-weight:400;
}

.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input:hover {
	background:transparent;
	color: #052A40;
	outline: 1px solid #052A40;
}

.contact-us-inner {
	padding:25px 18px;
	margin:20px 0;
}

.contact-us-inner a:hover {
		color:#138CBE;
	}

/* Inner page */

ul.wp-block-list.list-with-bg {
	margin-left: 0;
    background: #F6F6F6;
    padding: 0 15px;
    border-radius: 8px;
}

ul.wp-block-list.list-with-bg li {
	list-style-type: none;
    padding: 10px 0;
    border-bottom: 1px solid #b2b2b2;
}

ul.wp-block-list.list-with-bg li:last-child {
	border: 0;
}

.inner-banner .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	max-width: 850px;
}

.image-text-col figure, .image-text-col img {
	width:100%;
	border-radius:8px;
	height:600px;
	object-fit:cover;
}

.padding-zero.gb-layout-columns-2.gb-2-col-equal {
	padding:0;
}

.image-text-col .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	gap: 60px;
}

.image-text-col ul.wp-block-list {
	margin-bottom: 20px;
}

.back-overlay {
	position: relative;
}

.back-overlay::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#052A40;
	opacity:0.8;
}

.pao-services-iner-col .icon-block svg {
	width: 22px;
	height: 22px;
	color: #138CBE;
}

.pao-services {
	margin-bottom:150px;
}

.pao-services h2 {
	margin:0;
}

.pao-services-iner-col {
	background:#fff;
	padding:40px 26px;
	border-radius:8px;
	box-shadow: 0px 4px 20px #00000017;
}

.pao-services-iner-col h4 {
	font-size:16px;
	margin:15px 0;
}

.pao-services-iner-col p {
	font-size:15px;
}

.pao-services .gb-block-layout-column-inner .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	gap: 20px;
}

.expert-led {
	position:relative;
	bottom:-100px;
}

.authorized {
	position:relative;
	bottom:-170px;
}

.pao-services {
	position: relative;
	z-index: 1;
}

.pao-services::after {
	content: "";
	position: absolute;
	left: 90%;
	transform: translateX(-50%);
	top: 0;
	width: 75%; 
	height:80%;
	background-image: url('/wp-content/uploads/2026/03/Group-35.png');
	background-repeat: no-repeat;
	z-index: 0;
	background-size:contain;
}

.resources-sec img {
	width:400px;
	height:200px;
	border-radius:8px;
	margin-bottom:20px;
}

.resources-sec ul {
	margin:0;
}

.resources-sec h2 {
	margin:20px 0;
}

.resources-sec .wp-block-post-title :where(a) {
	font-size:20px;
	text-decoration:none;
}

.resources-sec ul li {
	list-style-type: none;
}

.resources-sec a.wp-block-read-more {
	font-size: 16px;
	text-decoration: underline;
}

.resources-sec a.wp-block-read-more:hover {
	text-decoration:none;
}

/* Blog Page */

.blog-archive--filters-top {
	width: 95%;
    max-width: 1300px;
    margin: 0 auto;
}

.blog .blog-filter {
	flex-direction: row;
	justify-content: center;
}

.blog .blog-filter span {
	padding: 10px;
	color: #000;
	border-radius: 5px;
}

.blog .blog-filter span::after {
	display: none;
}

.blog .blog-filter span.active,
.blog .blog-filter span:hover {
	color: #fff;
	background-color: #138CBE;
	border-radius: 5px;
}


.blog .blog-filter {
    gap: 1rem;
}

.taxonomy-category.p-border.wp-block-post-terms a {
    pointer-events: none;
	text-decoration:none;
}

.blog-archive--featured-grid {
	margin-bottom: 40px;
}

.blog-articles.blog-articles--three-column {
	max-width: 1300px;
	width: 95%;
	margin: 0 auto;
	gap:3rem;
}

.featured-grid-wrapper {
	display: flex;
	gap: 20px;
}

.large-post {
	flex: 2;
}

.small-posts-wrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.small-post {
	flex: 1;
}

.blog-archive-header {
	width:100%;
}

.blog-archive-header h1 {
	font-size: 32px;
	margin-top: 20px;
}

.blog-archive-header p {
	font-size: 20px;
	max-width: 580px;
	margin: 0 auto;
	color:#fff;
}

.featured-post.large-post, .featured-post.small-post {
	border: 1px solid #D0D0D0;
	border-radius: 16px;
}

.featured-post img {
	border-radius:10px;
}

.featured-post h2 {
	font-size:24px;
	margin:20px 0;
	letter-spacing: normal;
}

.featured-post.large-post p {
	font-size: 16px;
}

.blog-archive--featured-grid {
	max-width: 1300px;
	margin: 0 auto;
}

.featured-post.content-div {
	padding: 35px 30px;
}

.featured-post.small-post img {
	width:100%;
	object-fit:cover;
	height:200px;
}

span.post-date, .blog-article--date {
	font-size: 12px;
	font-weight: 400;
}

.post-categories a, .blog-article--categories a {
	color: #727272;
	background: #EFEFEF;
	padding: 3px 9px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 500;
}

.blog-archive--featured-heading, .blog-archive--all-heading {
	max-width: 1300px;
	margin: 0 auto;
}

.featured-post.large-post img {
	height: 600px;
	object-fit: cover;
}

.blog .blog-articles .blog-article--image span {
	display:none;
}

.blog-articles.blog-articles--four-column {
	max-width:1300px;
	margin:0 auto;
	gap:50px 10px;
}

.blog .blog-articles .blog-article {
	box-shadow:none;
	border-radius:0;
	border:none;
}

.blog .blog-articles .blog-article:hover {
	box-shadow:none;
}

.blog .blog-articles .blog-article--content {
	padding:0;
	gap:0;
}

.blog .blog-articles .blog-article--image img {
	border-radius:8px;
	height: 200px;
	object-fit: cover;
	margin-bottom:20px;
}

.blog .blog-articles .blog-article--image a:before {
	display:none;
}

.blog .blog-articles .blog-article--content-info-title h2 {
	margin:15px 0;
	letter-spacing: normal;
}

.blog .blog-articles .blog-article--content-info-title h2 a {
	font-family:inherit;
}

.blog .blog-pagination ul {
	justify-content:center;
	gap:8px;
}

.blog .blog-pagination {
	margin: 80px 0;
}

.blog .blog-pagination ul li span.current, .blog .blog-pagination ul li a:hover {
	background-color: transparent;
	color: #052A40;
	border-color: #052A40;
}

.blog .blog-articles .blog-article--content-cta a {
	font-size:16px;
	text-decoration:underline;
}

.blog .blog-articles .blog-article--content-cta a:hover {
	text-decoration:none;
}

.blog-archive-header {
	background-image: url('/wp-content/uploads/2026/03/740234b9f9fd445c0fb4a04b3d19361e90543e49.png');
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: center; 
	padding: 80px 20px !important; 
}

/* Single Blog Page */

.sidebar-cta-col .wp-block-heading,
.sidebar-cta-col p {
	margin-bottom: 10px;
}

.single-post .single-post-header-custom {
	max-width: 900px;
	text-align: center;
}

.single-post-header-custom {
	width: 92%;
	max-width: 1300px;
	margin: 0 auto;
	padding-top: 8rem;
	display: flex;
}

.single-post .single-post-breadcrumb {
	justify-content:center;
}

.single-post-header-custom .left-column {
	flex-basis: unset;
}

.single-post-featured-image img {
	height: 450px;
	object-fit: cover;
	border-radius:8px;
}

.single-post-breadcrumb {
	margin: 25px 0;
	font-size: 18px;
	font-weight: 400;
	padding-left: 20px;
}

h1.single-post-title {
	font-size: 40px;
	font-weight: 400;
	color:#052A40;
	padding-left: 20px;
}

.single-post-author-inline {
	justify-content: center;
	padding-left: 20px;
}

.single.single-post .content-sidebar-wrap {
	width: 92%;
	max-width: 1300px;
	margin: 0 auto;
	padding-top: 2rem;
}

.sidebar .sidebar-content {
	box-shadow: none;
	border: none;
	margin-top:0;
}

.sidebar-content {
	position: sticky;
	top: 120px;
	align-self: flex-start;
}

section#block-26 {
	display: none;
}

section#block-22 {
	background: #138CBE;
	padding:22px 15px;
	margin-top:30px;
	color:#fff;
}

section#block-22 h4 {
	font-size: 18px;
	text-align: center;
}

section#block-22 p {
	font-size:14px;
	text-align:center;
}

.table-of-contents h3 {
	border-bottom: 2px solid #D7D7D7;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom:10px;
	color:#000000;
}

.table-of-contents ul li {
	list-style-type :auto;
	font-size:13px;
}

.table-of-contents a {
	font-size: 13px;
	color:#000;
}

body .table-of-contents ul li {
	line-height: 2rem;
	margin-bottom: 5px;
}

.table-of-contents ul {
	margin-left: 20px;
	margin-bottom: 40px;
}

section#block-11 p {
	text-align:left;
}

section#block-11 strong {
	font-size: 16px;
	font-weight: 500;
	color:#004527;
}

.custom-socials {
	width: 100%;
	justify-content: space-between;
}

.custom-social svg.svg-inline--fa:hover {
	color: #0d985b;
}

section#block-18 .custom-social--link {
	padding: 15px;
	border-radius: 100%;
}

section#block-17 strong {
	font-size: 16px;
	font-weight:500;
}

section#block-17 p {
	font-size: 14px;
	font-weight:300;
}

section#block-17 a.button.has-icon {
	width:100%;
	justify-content:center;
}

.single-post-meta {
	font-size: 12px;
	font-weight: 400;
	margin: 20px 0;
	color: #000000;
}

.single.single-post .entry-content h4 {
	font-size:24px;
	font-weight:400;
	text-transform: unset;
}

span.post-date {
	margin-right: 20px;
}

.single.single-post .entry-content h2 {
	font-size:20px;
}

.single.single-post .entry-content .wp-block-heading {
	letter-spacing: normal;
}

.single.single-post .entry-content p {
	font-size:18px;
}

.single.single-post .entry-content li {
	font-size:18px;
}

.single.single-post .entry-content ul {
	margin-bottom:20px;
}

.dynamic-author-block {
	border: none !important;
	gap: 30px !important;
	padding:25px 0 !important;
}

.dynamic-author-block h3 a {
	border-bottom: none !important;
	font-size: 16px;
	font-weight: 500 !important;
}

.dynamic-author-block a {
	border-radius: 100px !important;
}

.about-us-section {
	background:#F9F9F9 !important;
	border-radius: 0 !important;
}

.about-us-section h3 {
	color:#000000 !important;
	font-size: 24px !important;
	font-weight: 400;
}

.about-us-section p {
	color:#000000 !important;
	font-size: 18px !important;
	font-weight: 400;
	margin:20px 0;
}

.about-us-section a {
	color:#000000 !important;
	border-bottom: none !important;
	font-size:14px;
	font-weight:400 !important;
}

.about-us-section a:hover {
	border-bottom: 1.5px solid !important;
}

.stars {
	font-size: 30px;
	letter-spacing: 10px;
	color: #E8AC05 !important;
}

.review-card {
	border:none !important;
	padding: 60px 20px !important;
	background:#EFF3F5;
	border-radius:0 !important;
}

.review-card h4 {
	font-size: 14px !important;
	font-weight: 500 !important;
}

.review-card p {
	font-size:16px !important;
	font-style: unset !important;
	margin: 0 !important;
}

.client-reviews {
	gap: 10px !important;
}

/* Dynamic Content Section */

.dcb-section--copy {
	overflow: auto;
}

.dynamic-content-box {
	display: grid;
	grid-template-columns: 400px 1fr;
	gap: 4rem;
	margin: 6rem 0 0;
}

.dynamic-content-box--select ul {
	display: flex;
	flex-direction: column;
	margin: 0;
	background-color: #F5F5F5;
	padding: 0 2rem;
}
.dynamic-content-box--select ul li {
	color: #b2b2b2;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: left;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
	padding: 2rem 0;
	border-bottom: 1px solid #dbdbdb;
	pointer-events: all;
	cursor: pointer;
	text-align: left;
	transition: 0.25s ease-in-out all;
}

.dynamic-content-box--select ul li svg {
	margin-right:15px;
}

.dynamic-content-box--select .dcb-option.active svg {
	color: #138CBE;
}

.what-we-served {
	padding:60px 0 100px;
}

.what-we-served .dynamic-content-box--select ul li.active::before {
	content: "";
	position: absolute;
	left: 0;
	width: 8px;
	height: 8px;
	background-color: #146FE0;
	border-radius: 50%;
}

.what-we-served .dcb-section {
	gap:2rem;
}

.what-we-served .dynamic-content-box--select ul {
	background: transparent;
}

.what-we-served .dynamic-content-box--select ul li {
	border:0;
	padding:1rem 0;
}

.what-we-served .dynamic-content-box {
	grid-template-columns: 300px 1fr;
	margin:0;
}

.what-we-served .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
	max-width: 1100px;
}

.what-we-served img {
	height: 286px;
	width: 786px;
	object-fit: cover;
}

.dynamic-content-box--select ul li:last-child {
	border-bottom: none;
}

.dynamic-content-box--select ul li.active {
	/*     background-color: #257453; */
	color: #000;
	/*     border-color: #257453; */
	pointer-events: none;
	cursor: default;
	font-weight: 600;
}

.dynamic-content-box--area {
	background-color: #fff;
	display: grid;
	padding: 0 2rem;
}

.dcb-section {
	grid-row: 1;
	grid-column: 1;
	display: flex;
	flex-direction: column;
	gap: 3rem;
	opacity: 0;
	max-height: 0;
	transition: 0.25s ease-in-out opacity, 0s 0.25s ease-in-out max-height;
	z-index: 0;
}

.dcb-section.active {
	opacity: 1;
	max-height: 1000px;
	transition: 0.25s ease-in-out opacity;
	z-index: 1;
}

.dcb-section--cta {
	display: flex;
	gap: 10px;

}

.dcb-section--cta a:last-child {
	background: transparent;
	color: #052A40;
	border: 1px solid #052A40;
}

.dcb-section--cta a:last-child:hover {
	background: #052A40;
	color: #fff;
}

.inner-page-tabs {
	background: linear-gradient(139.18deg, #063B5A 23.82%, #03151F 99.33%);
}

.inner-page-tabs .dynamic-content-box {
	padding: 0 60px 60px;
}

.inner-page-tabs .dynamic-content-box--area {
	background: transparent;
	color: #fff;
}

.inner-page-tabs .dynamic-content-box--select ul {
	background: transparent;
	padding: 0;
}

.inner-page-tabs .dynamic-content-box--select ul li {
	border-bottom: 0;
	background: transparent;
	color: #fff;
	border-radius: 8px;
	padding: 2rem;
}

.inner-page-tabs .dynamic-content-box--select ul li.active {
	border-bottom: 0;
	background: #fff;
	color: #000;
	border-radius: 8px;
}

.entry-content .inner-page-tabs a.button {
	background: #fff;
	color: #052A40;
	border: 1px solid #fff;
}

.entry-content .inner-page-tabs .dcb-section--cta a:last-child {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

.entry-content .inner-page-tabs .dcb-section--cta a:last-child:hover {
	background: #fff;
	color: #052A40;
}

.entry-content .inner-page-tabs a.button:hover {
	background: #052A40;
	color: #fff;
}

/* Recent Article */

.ra-section {
	padding: 80px 20px;
	background: #F4F7F9;
}

.ra-container {
	max-width: 1300px;
	margin: 0 auto;
}

.ra-heading {
	font-size: 32px;
	margin-bottom: 30px;
	text-align:center;
}

.ra-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.ra-card {
	background: transparent;
}

.ra-image img {
	width: 100%;
	border-radius: 8px;
	height: 220px;
	object-fit: cover;
	margin-bottom:20px;
}

.ra-content {
	margin-top: 15px;
}

.ra-badge {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px 10px;
	font-size: 12px;
	margin-bottom: 10px;
}

.ra-title {
	font-size: 18px;
	margin: 10px 0;
}

.ra-title a {
	text-decoration: none;
	color: #111;
	font-size:20px;
}

.blog-article--content-cta {
	font-size: 16px;
	text-decoration: underline;
	color: #000;
}

.blog-article--content-cta:hover {
	text-decoration: none;
}


/* Responsiveness */

@media (max-width: 1200px) {
	.site-header > .wrap {
/* 		gap:2rem; */
		justify-content:space-between;
	}
	
	.primary-menu-ctas a.button {
		padding:12px 18px !important;
		font-size:12px;
	}
	
	.nav-primary {
    width: auto;
}
	
	.nav-primary > .wrap {
    gap: min(60px, 4.5vw);
}

	.before-footer {
		padding:60px;
	}
	
	.pao-services h2 {
    font-size: 32px;
}

}

@media (max-width: 1024px) {
	
	.primary-menu-ctas a.button {
    font-size: 10px;
}
	
	.nav-primary .menu > .menu-item > a {
    font-size: 10px !important;
}
	
	.nav-primary > .wrap {
		gap: min(60px, 1.5vw);
	}
	
	a.button {
		font-size:14px;
		padding:10px 20px;
	}

	ul#menu-footer-resources {
		margin: 0;
	}

	ul#menu-company {
		margin: 0;
	}
	
	.contact-us-inner .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
    gap: 20px;
}
	
	.contact-us-inner a {
		font-size:15px;
	}
	
	.inner-page-tabs .dynamic-content-box {
		    grid-template-columns: 350px 1fr;
	}

}

@media (max-width: 895px) {
	
	.menu-toggle span {
		width: 3rem;
		height: 3.5px;
	}
	
	.menu-toggle span:before, .menu-toggle span:after {
		height: 3.5px;
	}
	
	.menu-toggle span:before {
    top: 0.8rem;
}
	
	.menu-toggle span:after {
    bottom: 0.8rem;
}
	
	.menu-toggle.active span {
    background-color: transparent;
    transition: 0.2s 0s ease-in-out background-color;
}
	
	.menu-toggle.active span:before {
    top: 0;
    transform: rotate(45deg);
    transition: top 0.2s 0s, transform 0.2s 0.2s, background-color 0.2s 0s;
}
	
	.menu-toggle.active span:after {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 0.2s 0s, transform 0.2s 0.2s, background-color 0.2s 0s;
}
	
	/* Mobile Menu */
	
	.nav-primary .menu > .menu-item:hover a:before {
	-webkit-transform: scaleX(0);
   transform: scaleX(0);
}
	
.site-header .wrap .nav-primary .menu>.menu-item.active .mega-menu-container {
	max-height: auto !important;
	opacity: 1;
}

.site-header .wrap .nav-primary .menu>.menu-item .mega-menu-container {
	opacity: 0;
}

.site-header.shrink .nav-primary .menu > .menu-item {
	padding: 1rem 0;
}

.nav-primary ul.menu {
    padding: 4em 0 0 0;
}
	
	.nav-primary .menu > .menu-item > a {
    font-size: 18px !important;
}
	
	.sub-menu-toggle {
		right: 0;
		border: 0;
	}
	
	.sub-menu-toggle:before {
		display: none;
	}
	
	.site-header .wrap .nav-primary .menu>.menu-item {
		margin-bottom: 10px;
	}
	
	.nav-primary {
		top: 73px;
		width: 100%;
	}
	
	.site-header.shrink .nav-primary {
		top: 43px;
	}
	
	.menu-item-has-children .sub-menu {
		margin-left: 0;
		padding-top: 10px;
	}
	
	.menu-item-has-children .sub-menu .menu-item {
		padding-left: 0;
	}
	
	.primary-menu-ctas a.button {
    font-size: 17px;
}

	.dynamic-content-box {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.what-we-served .dynamic-content-box {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	
	.cyber-security {
    padding: 45px 0;
}
	
	h1  {
		font-size: 4.4rem;
	}
	
	h2 {
		font-size:25px !important;
	}
	
	h3 {
		font-size:22px;
	}
	
	h4 {
		font-size:18px;
	}
	
	p {
		font-size:16px;
	}
	
	.before-footer-widgets .gb-layout-column-wrap {
    grid-template-columns: 1fr;
}

.home-page-bnr .gb-layout-column-wrap > .gb-block-layout-column:first-child p:first-of-type {
    font-size: 18px;
}
	
	.margin-top {
    margin-top: 60px;
}
	
	.gb-layout-columns-5>.gb-layout-column-wrap.gb-is-responsive-column {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2"
"col3 col4"
"col5 col5";
		gap: 10px;
}
	
	.contact-us-inner p {
		font-size:15px;
	}
	
	.support-icon .icon-block svg {
    width: 25px;
    height: 25px;
}
	
	.contact-us-inner a {
    font-size: 12px;
}
	
	.inner-page-tabs .dynamic-content-box {
		grid-template-columns: 1fr;
	}
	
	.inner-page-tabs .dynamic-content-box {
    padding: 0px 30px 60px;
}
	
	.pao-services::after {
		display:none;
	}
	
	.authorized , .expert-led {
    position: unset;
}
	
	.pao-services .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
    grid-template-columns: 1fr;
    grid-template-areas: "col1"
"col2";
		gap:20px;
}
	
	.pao-services {
    margin-bottom: unset;
}
	
	.single.sidebar-content .content-sidebar-wrap {
		flex-direction:column;
	}
	
	h1.single-post-title {
		font-size:34px;
	}
	
	.single-post .single-post-breadcrumb {
		font-size:16px;
	}	
	
	.single.sidebar-content .sidebar-primary {
		width:100%;
	}
	
	.sidebar .sidebar-content {
		padding:0;
	}
	
	.single.sidebar-content .sidebar-primary {
		padding-right:0;
	}
	
	.single.sidebar-content .content {
		width:100%;
	}
	
	.single.single-post .entry-content h4 {
		font-size:18px;
	}
	
	.single.single-post .entry-content p {
    font-size: 16px;
}
	
	.single.single-post .entry-content li {
    font-size: 16px;
}

	.widget.widget_block.widget_media_image {
		max-width: 200px;
		margin: 0 auto;
	}
	
	.blog .blog-filter span {
		font-size: 12px;
	}
	
	.site-footer-widgets .menu-item-has-children .sub-menu {
		display: block;
		padding-left: 0;
	}
	
	.site-footer-widgets .sub-menu li a {
		padding-left: 0;
		font-size: 14px;
	}
	
	.site-footer-widgets .menu-item-has-children {
		flex-direction: column;
		align-items: baseline;
		justify-content: flex-start;
		padding-right: 0;
	}
	
	.site-footer-widgets .sub-menu-toggle {
		display: none;
	}
	
	.site-footer-widgets .menu p {
		margin-bottom: 0;
	}

}

@media (max-width: 767px) {
	.why-vaultes .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
		grid-template-columns: 1fr;
    grid-template-areas:
        "col1"
        "col2"
        "col3";
		gap: 1rem !important;
	}
	
	.gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
		grid-template-columns: 1fr;
    grid-template-areas:
        "col1"
        "col2";
			gap: 20px;
	}
	
	.dcb-section--cta,
	.btn-flex .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
		flex-direction: column;
	}
	
	a.button {
    width: fit-content;
}
	.gb-layout-columns-5>.gb-layout-column-wrap.gb-is-responsive-column {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas: "col1 col2"
        "col3 col4"
        "col5 col5" !important;
    gap: 10px;
}
	
	.site-header > .wrap {
		width:100%;
	}
	
	.our-values-inr .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
		gap:20px;
		margin-bottom:20px;
	}
	
	.wp-block-genesis-blocks-gb-columns.our-values-inr .gb-layout-columns-2.gb-2-col-wideright {
    padding-bottom: 0;
}
	
	.reverse-col .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
    grid-template-columns: 1fr;
    grid-template-areas: "col2"
        "col1" !important;
}
	
	.gb-layout-columns-3 .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
    grid-template-columns: 1fr;
    grid-template-areas: "col1"
			"col2"
			"col3";
}
	
	.image-text-col .gb-layout-column-wrap.gb-block-layout-column-gap-2.gb-is-responsive-column {
    gap: 30px;
}
	
	div#gform_wrapper_1 {
		margin-top:unset;
	}
	
	.wp-block-spacer.display-none {
    display: none;
}
	
	.resources-sec .wp-container-core-post-template-is-layout-2fc57c17 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
	
	.single-post-featured-image img {
		height:250px;
	}
	
	.single-post .single-post-breadcrumb {
        font-size: 14px;
        text-align: left;
    }
	
	.ra-grid {
    grid-template-columns: 1fr;
}
	
	.blog .blog-filter span {
    font-size: 16px;
    width: 100%;
}

	.blog .blog-filter {
    flex-direction: column;
}
	
	.site-footer-widgets .gb-layout-column-wrap {
		grid-template-columns: 1fr;
		grid-template-areas: "col1" "col2";
	}
	.site-footer-widgets .menu {
		justify-content: flex-start;
		gap: 7rem;
	}
	
	.image-text-col figure, .image-text-col img {
		height:300px;
	}
	
}

@media (max-width: 650px) {
    .blog .blog-articles .blog-article {
        max-width: 100%;
        margin: 0 auto;
    }
	
}

@media (max-width: 600px) {
	.dcb-section {
		gap: 1rem;
	}
	
	.grey-background {
		max-width:100%;
	}
	
	.blue-background {
		margin-left: auto;
	}
	
	.before-footer {
    padding: 30px;
}
	
	.site-footer-credits.standalone .wrap {
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
	
	.what-we-served {
    padding: 40px 0 60px;
}
	
	.why-vaultes,
	.our-solutions {
    padding: 60px 0;
}
	
	
	section#block-11 p {
		font-size:12px
	}
	
	.top-nav-bar > .wrap {
    justify-content: center;
}
	
	div#gform_wrapper_1 {
		padding:20px;
	}
	
	.inner-banner p {
	font-size:18px;
}
	
	.single-post .single-post-breadcrumb {
    font-size: 12px;
}
	
	    h1.single-post-title {
        font-size: 24px;
    }
	
	.blog .blog-pagination {
    margin: 50px 0;
}
	
	.site-footer-widgets li:not(.mega-menu) .menu-item {
	margin-bottom: 0px;
    height: auto;
}
	
	.site-footer-widgets .sub-menu .menu-item:first-of-type {
    margin-top: 1rem;
}
	
	.site-footer-widgets {
		padding-bottom: 30px;
	}
	
}