/* Include padding and borders within element widths */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove the browser’s default outer page margin */
body {
  margin: 0;
}

/* Keep images and videos within their containers */
img,
video {
  max-width: 100%;
  height: auto;
}

/* Variables Colors */
:root {
  --color-secure-white: #F5F5F3;
  --color-sentinel-blue: #213D6B;
  --color-signal-orange: #F45A3C;
  --color-command-black: #0D1016;
  --color-signal-deep: #B7442D;
  --color-new-text: #0f0;
}

/* General Classes */
.flex-auto { flex: 1 !important; }
.elementor-widget-heading span { white-space: normal; overflow-wrap: anywhere;} 
.gradiant-button, .site-form .elementor-button {
  border: none;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(
    90deg,
    #213D6B 0%,
    #F45A3C 50%,
    #213D6B 100%
  );
  background-size: 200% 100%;
  background-position: left center;
  transition: background-position 0.4s ease;
}

.gradiant-button:hover,
.gradiant-button:focus-visible,
.site-form .elementor-button:hover{
  background-position: right center;
}

.transparent-btn .elementor-button{
	position:relative;
/* 	border: 1px solid;
    border-image: linear-gradient(90deg, #213D6B 0%, #F45A3C 100%) 1; */
}
.transparent-btn .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    padding: 1px;
    background: linear-gradient(90deg, #213D6B 0%, #F45A3C 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.transparent-btn .elementor-button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    padding: 1px;
    background: linear-gradient(90deg, #F45A3C 0%, #213D6B 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.transparent-btn .elementor-button:hover::after {
    opacity: 1;
}

/* Header on every page except the homepage */
body:not(.home) header {
  background-color: var(--color-command-black);
}
.main-header .elementor-nav-menu { width: 100%; justify-content: space-between !important;  }
.main-header .elementor-nav-menu::after { content: none !important; }

/* Span Orange Color */
.elementor-heading-title span { color: var(--color-signal-orange); }

/* Footer */
footer .footer-logos a svg,
footer .footer-logos a svg path {
  transition: fill 0.4s ease;
}

footer .footer-logos a:hover svg {
  fill: var(--color-signal-orange);
}

/* Media Queries */
@media (min-width: 768px) {
   .main-header .elementor-nav-menu { padding-left: 54px !important; padding-right: 54px !important; }
}
