.elementor-145 .elementor-element.elementor-element-280ce67{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-c3beaa6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-dfae52f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-145 .elementor-element.elementor-element-b637a3c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-3e3c62b{text-align:center;}.elementor-145 .elementor-element.elementor-element-3e3c62b .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:900;color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1% 20% 0% 20%;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:5px;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-5px;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group.recaptcha_v3-bottomleft, .elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-145 .elementor-element.elementor-element-267e8db .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-145 .elementor-element.elementor-element-267e8db .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-145 .elementor-element.elementor-element-267e8db .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group > label, .elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-subgroup label{color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group > label{font-family:"Work Sans", Sans-serif;font-size:17px;font-weight:600;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-type-html{padding-bottom:0px;font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#00000000;border-color:#FFFFFF;border-width:1px 1px 1px 1px;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group .elementor-select-wrapper select{background-color:#00000000;border-color:#FFFFFF;border-width:1px 1px 1px 1px;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-button{font-family:"Work Sans", Sans-serif;font-size:17px;font-weight:600;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-267e8db .e-form__buttons__wrapper__button-next{background-color:#00000000;color:#ffffff;border-color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-button[type="submit"]{background-color:#00000000;color:#ffffff;border-color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-145 .elementor-element.elementor-element-267e8db .e-form__buttons__wrapper__button-previous{color:#ffffff;border-color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .e-form__buttons__wrapper__button-next:hover{background-color:#000000;color:#FFFFFF;border-color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-button[type="submit"]:hover{background-color:#000000;color:#FFFFFF;border-color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-267e8db .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-145 .elementor-element.elementor-element-267e8db{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-145 .elementor-element.elementor-element-0eefabf .elementor-repeater-item-584db14.elementor-social-icon{background-color:#00000000;}.elementor-145 .elementor-element.elementor-element-0eefabf .elementor-repeater-item-a1c3a65.elementor-social-icon{background-color:#00000000;}.elementor-145 .elementor-element.elementor-element-0eefabf .elementor-repeater-item-4a2142e.elementor-social-icon{background-color:#00000000;}.elementor-145 .elementor-element.elementor-element-0eefabf .elementor-repeater-item-d8201e2.elementor-social-icon{background-color:#00000000;}.elementor-145 .elementor-element.elementor-element-0eefabf .elementor-repeater-item-8c8f1d3.elementor-social-icon{background-color:#00000000;}.elementor-145 .elementor-element.elementor-element-0eefabf .elementor-repeater-item-703744b.elementor-social-icon{background-color:#00000000;}.elementor-145 .elementor-element.elementor-element-0eefabf{--grid-template-columns:repeat(0, auto);--icon-size:30px;--grid-column-gap:16px;--grid-row-gap:0px;}.elementor-145 .elementor-element.elementor-element-0eefabf .elementor-widget-container{text-align:center;}.elementor-145 .elementor-element.elementor-element-0eefabf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-0eefabf.elementor-element{--align-self:center;}.elementor-145 .elementor-element.elementor-element-7fdd1f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-de397c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-e1c89bf{--display:flex;}.elementor-145 .elementor-element.elementor-element-c250a69 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-518ef97{--display:flex;}.elementor-145 .elementor-element.elementor-element-d886ac0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-bbc6b5f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-86dae32 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-cd0c21b{--display:flex;--min-height:720px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-cd0c21b::before, .elementor-145 .elementor-element.elementor-element-cd0c21b > .elementor-background-video-container::before, .elementor-145 .elementor-element.elementor-element-cd0c21b > .e-con-inner > .elementor-background-video-container::before, .elementor-145 .elementor-element.elementor-element-cd0c21b > .elementor-background-slideshow::before, .elementor-145 .elementor-element.elementor-element-cd0c21b > .e-con-inner > .elementor-background-slideshow::before, .elementor-145 .elementor-element.elementor-element-cd0c21b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-145 .elementor-element.elementor-element-6eb3561{width:100%;max-width:100%;}.elementor-145 .elementor-element.elementor-element-6eb3561 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-48d35d0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-9729695 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-1a89ce7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-3d37731 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-51a594b{--display:flex;}.elementor-145 .elementor-element.elementor-element-65d62c5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-bbf1c58{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-e236627 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-1126041{--display:flex;}.elementor-145 .elementor-element.elementor-element-55389c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-4f63e30{--display:flex;}.elementor-145 .elementor-element.elementor-element-8c1376f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-c5c7b8c{--display:flex;}.elementor-145 .elementor-element.elementor-element-787ab4a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-c1e8f8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-145 .elementor-element.elementor-element-bf268e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-76a5187{--display:flex;}.elementor-145 .elementor-element.elementor-element-ac2fc69 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-a4bcf53{--display:flex;}.elementor-145 .elementor-element.elementor-element-6ad3239 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-a9ee69e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-594f0c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-8a16189{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-8a16189:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-8a16189 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-145 .elementor-element.elementor-element-49bcd04 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:768px){.elementor-145 .elementor-element.elementor-element-280ce67{--width:100%;}.elementor-145 .elementor-element.elementor-element-dfae52f{--width:100%;}.elementor-145 .elementor-element.elementor-element-b637a3c{--width:100%;}.elementor-145 .elementor-element.elementor-element-3e3c62b .elementor-heading-title{font-size:30px;}.elementor-145 .elementor-element.elementor-element-267e8db > .elementor-widget-container{padding:3% 3% 3% 3%;}.elementor-145 .elementor-element.elementor-element-0eefabf{--icon-size:25px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-145 .elementor-element.elementor-element-7fdd1f6{--width:100%;}.elementor-145 .elementor-element.elementor-element-e1c89bf{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-518ef97{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-145 .elementor-element.elementor-element-bbc6b5f{--width:100%;}.elementor-145 .elementor-element.elementor-element-cd0c21b{--width:100%;--min-height:350px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-145 .elementor-element.elementor-element-48d35d0{--width:100%;}.elementor-145 .elementor-element.elementor-element-51a594b{--width:100%;}.elementor-145 .elementor-element.elementor-element-bbf1c58{--width:100%;}.elementor-145 .elementor-element.elementor-element-1126041{--width:100%;}.elementor-145 .elementor-element.elementor-element-4f63e30{--width:100%;}.elementor-145 .elementor-element.elementor-element-c5c7b8c{--width:100%;}.elementor-145 .elementor-element.elementor-element-c1e8f8a{--width:100%;}.elementor-145 .elementor-element.elementor-element-76a5187{--width:100%;}.elementor-145 .elementor-element.elementor-element-a4bcf53{--width:100%;}.elementor-145 .elementor-element.elementor-element-a9ee69e{--width:100%;}.elementor-145 .elementor-element.elementor-element-8a16189{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:769px){.elementor-145 .elementor-element.elementor-element-280ce67{--width:100%;}.elementor-145 .elementor-element.elementor-element-dfae52f{--width:100%;}.elementor-145 .elementor-element.elementor-element-b637a3c{--width:100%;}.elementor-145 .elementor-element.elementor-element-7fdd1f6{--width:100%;}.elementor-145 .elementor-element.elementor-element-e1c89bf{--width:100%;}.elementor-145 .elementor-element.elementor-element-518ef97{--width:100%;}.elementor-145 .elementor-element.elementor-element-bbc6b5f{--width:100%;}.elementor-145 .elementor-element.elementor-element-cd0c21b{--width:100%;}.elementor-145 .elementor-element.elementor-element-48d35d0{--width:100%;}.elementor-145 .elementor-element.elementor-element-51a594b{--width:100%;}.elementor-145 .elementor-element.elementor-element-bbf1c58{--width:100%;}.elementor-145 .elementor-element.elementor-element-1126041{--width:100%;}.elementor-145 .elementor-element.elementor-element-4f63e30{--width:100%;}.elementor-145 .elementor-element.elementor-element-c5c7b8c{--width:100%;}.elementor-145 .elementor-element.elementor-element-c1e8f8a{--width:100%;}.elementor-145 .elementor-element.elementor-element-76a5187{--width:100%;}.elementor-145 .elementor-element.elementor-element-a4bcf53{--width:100%;}.elementor-145 .elementor-element.elementor-element-a9ee69e{--width:100%;}.elementor-145 .elementor-element.elementor-element-8a16189{--width:100%;}}@media(max-width:1024px) and (min-width:769px){.elementor-145 .elementor-element.elementor-element-280ce67{--width:100%;}.elementor-145 .elementor-element.elementor-element-dfae52f{--width:100%;}.elementor-145 .elementor-element.elementor-element-b637a3c{--width:100%;}.elementor-145 .elementor-element.elementor-element-7fdd1f6{--width:100%;}.elementor-145 .elementor-element.elementor-element-e1c89bf{--width:100%;}.elementor-145 .elementor-element.elementor-element-518ef97{--width:100%;}.elementor-145 .elementor-element.elementor-element-bbc6b5f{--width:100%;}.elementor-145 .elementor-element.elementor-element-cd0c21b{--width:100%;}.elementor-145 .elementor-element.elementor-element-48d35d0{--width:100%;}.elementor-145 .elementor-element.elementor-element-51a594b{--width:100%;}.elementor-145 .elementor-element.elementor-element-bbf1c58{--width:100%;}.elementor-145 .elementor-element.elementor-element-1126041{--width:100%;}.elementor-145 .elementor-element.elementor-element-4f63e30{--width:100%;}.elementor-145 .elementor-element.elementor-element-c5c7b8c{--width:100%;}.elementor-145 .elementor-element.elementor-element-c1e8f8a{--width:100%;}.elementor-145 .elementor-element.elementor-element-76a5187{--width:100%;}.elementor-145 .elementor-element.elementor-element-a4bcf53{--width:100%;}.elementor-145 .elementor-element.elementor-element-a9ee69e{--width:100%;}.elementor-145 .elementor-element.elementor-element-8a16189{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-c3beaa6 */.agh,
.agh *,
.agh *::before,
.agh *::after {
  box-sizing: border-box;
}

.agh {
  --ag-orange: #F65200;
  --ag-dark: #060708;
  --ag-white: #ffffff;

  position: relative;

  width: 100%;
  min-height: min(920px, 100svh);

  display: flex;
  align-items: center;

  overflow: hidden;
  isolation: isolate;

  background: #08090a;

  color: #fff;
  font-family: inherit;
}




.agh-bg {
  position: absolute;
  inset: 0;
  z-index: -3;

  display: block;

  width="2560"
  height="1440"

  object-fit: cover;
  object-position: center;

  
}

.agh-bg-mobile {
  display: none;
}




.agh-overlay {
  position: absolute;
  inset: 0;
  z-index: -2;

  background:
    linear-gradient(
      90deg,
      rgba(5,6,7,.78) 0%,
      rgba(5,6,7,.54) 38%,
      rgba(5,6,7,.36) 65%,
      rgba(5,6,7,.60) 100%
    ),
    linear-gradient(
      0deg,
      rgba(5,6,7,.90) 0%,
      rgba(5,6,7,.08) 42%,
      rgba(5,6,7,.27) 100%
    );

  pointer-events: none;
}




.agh-inner {
  position: relative;

  width: 100%;

  margin: 0 auto;

  padding:
    clamp(90px, 10vh, 130px)
    0
    clamp(115px, 13vh, 165px);
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}




.agh-eyebrow {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 22px;

  color: rgba(255,255,255,.67);

  font-size: 12px;
  font-weight: 800;

  letter-spacing: .28em;
  line-height: 1.4;

  text-transform: uppercase;
}

.agh-eyebrow span {
  width: 32px;
  height: 1px;

  flex: 0 0 32px;

  background: rgba(255,255,255,.30);
}




.agh-title {
  max-width: 1140px;

  margin: 0;

  text-transform: uppercase;
}

.agh-title > span {
  display: block;
}




.agh-outline {
  color: transparent;

  font-size: clamp(56px, 9.6vw, 142px);
  font-weight: 900;

  line-height: .82;
  letter-spacing: -.045em;

  -webkit-text-stroke:
    1.25px
    rgba(255,255,255,.58);
}




.agh-primary {
  margin-top: 4px;

  color: #fff;

  font-size: clamp(54px, 9.3vw, 136px);
  font-weight: 900;

  line-height: .84;
  letter-spacing: -.055em;
}




.agh-patio {
  margin-top: 13px;

  color: var(--ag-orange);

  font-size: clamp(44px, 7.5vw, 108px);
  font-weight: 900;

  line-height: .88;
  letter-spacing: -.045em;
}




.agh-secondary {
  margin-top: 8px;

  color: rgba(255,255,255,.76);

  font-size: clamp(27px, 4.3vw, 58px);
  font-weight: 750;

  line-height: .96;
  letter-spacing: -.035em;
}




.agh-systems {
  margin-top: 2px;

  color: rgba(255,255,255,.92);

  font-size: clamp(25px, 3.8vw, 50px);
  font-weight: 750;

  line-height: .94;
  letter-spacing: -.035em;
}




.agh-divider {
  display: flex;
  align-items: center;

  gap: 10px;

  width: 140px;

  margin: 28px 0 21px;
}

.agh-divider span {
  height: 1px;
  flex: 1;

  background:
    linear-gradient(
      90deg,
      rgba(246,82,0,0),
      rgba(246,82,0,.65)
    );
}

.agh-divider span:last-child {
  background:
    linear-gradient(
      90deg,
      rgba(246,82,0,.65),
      rgba(246,82,0,0)
    );
}

.agh-divider i {
  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  background: var(--ag-orange);

  transform: rotate(45deg);
}




.agh-trust {
  margin: 0 0 28px;

  color: rgba(255,255,255,.68);

  font-size: 11px;
  font-weight: 800;

  line-height: 1.8;
  letter-spacing: .23em;

  text-transform: uppercase;
}

.agh-trust b {
  margin: 0 9px;

  color: var(--ag-orange);

  font-size: 10px;
  font-weight: 400;
}




.agh-actions {
  display: flex;
  align-items: stretch;

  gap: 12px;

  flex-wrap: wrap;
}




.agh-btn {
  min-height: 54px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 0;

  font-family: inherit;

  text-decoration: none;
  cursor: pointer;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}




.agh-btn-primary {
  gap: 12px;

  padding: 0 26px;

  background: var(--ag-orange);

  color: white;

  font-size: 12px;
  font-weight: 850;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.agh-btn-primary svg {
  width: 15px;
  height: 15px;

  fill: none;

  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}




.agh-btn-video {
  gap: 13px;

  min-width: 205px;

  padding: 7px 20px;

  border:
    1px solid
    rgba(255,255,255,.22);

  background:
    rgba(7,8,9,.58);

  color: #fff;

  text-align: left;
}

.agh-btn-video > span:last-child {
  display: flex;
  flex-direction: column;

  gap: 3px;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: .14em;
  line-height: 1.15;

  text-transform: uppercase;
}

.agh-btn-video small {
  color: rgba(255,255,255,.44);

  font-size: 10px;
  font-weight: 700;

  letter-spacing: .12em;
}




.agh-play {
  width: 32px;
  height: 32px;

  flex: 0 0 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(255,255,255,.38);

  border-radius: 50%;
}

.agh-play i {
  width: 0;
  height: 0;

  margin-left: 2px;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid white;
}




@media (hover: hover) {

  .agh-btn:hover {
    transform: translateY(-2px);
  }

  .agh-btn-primary:hover {
    background: #ff6419;
  }

  .agh-btn-video:hover {
    border-color:
      rgba(255,255,255,.48);

    background:
      rgba(7,8,9,.78);
  }

}




.agh-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}




.agh-bottom {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  min-height: 48px;

  display: flex;
  align-items: center;

  border-top:
    1px solid
    rgba(255,255,255,.10);

  background:
    rgba(6,7,8,.88);
}

.agh-bottom-inner {
  width: 100%;

  margin: 0 auto;

  display: flex;
  align-items: center;

  gap: 38px;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}

.agh-bottom-inner > span {
  min-height: 48px;

  display: inline-flex;
  align-items: center;

  gap: 8px;

  color: rgba(255,255,255,.53);

  font-size: 10.5px;
  font-weight: 800;

  letter-spacing: .16em;

  text-transform: uppercase;

  white-space: nowrap;
}

.agh-bottom-inner i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background: var(--ag-orange);
}




.agh-dialog {
  width:
    min(
      920px,
      calc(100% - 32px)
    );

  max-height: 88dvh;

  padding: 0;

  border:
    1px solid
    rgba(255,255,255,.14);

  background:
    #0b0c0e;

  color: white;

  overflow: auto;
}

.agh-dialog::backdrop {
  background:
    rgba(0,0,0,.88);
}

.agh-dialog-shell {
  padding: 22px;
}

.agh-dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-bottom: 22px;
}

.agh-dialog-title {
  margin: 0;

  color: #fff;

  font-size: 18px;
  font-weight: 800;

  letter-spacing: -.02em;
}

.agh-dialog-close,
.agh-dialog-back {
  min-height: 42px;

  padding: 0 15px;

  border:
    1px solid
    rgba(255,255,255,.16);

  background: transparent;

  color:
    rgba(255,255,255,.72);

  font-family: inherit;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;

  cursor: pointer;
}

.agh-dialog-close:hover,
.agh-dialog-back:hover {
  border-color: rgba(255,255,255,.4);
  color: #fff;
}




.agh-dialog-list {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0,1fr));

  gap: 8px;
}

.agh-dialog-video {
  min-height: 112px;

  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;

  gap: 8px;

  padding: 18px;

  border:
    1px solid
    rgba(255,255,255,.10);

  background:
    #121315;

  color: white;

  font-family: inherit;

  text-align: left;

  cursor: pointer;

  transition:
    border-color .2s ease,
    background-color .2s ease;
}

.agh-dialog-video:hover {
  border-color:
    rgba(246,82,0,.70);

  background:
    #17181a;
}

.agh-dialog-video-number {
  color:
    var(--ag-orange);

  font-size: 11px;
  font-weight: 850;

  letter-spacing: .16em;
}

.agh-dialog-video-name {
  font-size: 14px;
  font-weight: 800;

  line-height: 1.25;
}




.agh-dialog-player {
  width: 100%;

  margin-top: 16px;

  aspect-ratio: 16 / 9;

  background: #000;
}

.agh-dialog-player video {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;
}




@media (max-width: 1024px) {

  .agh-bg:not(.agh-bg-mobile) {
    display: none;
  }

  .agh-bg-mobile {
    display: block;
  }

  .agh-inner {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}

  .agh-outline {
    font-size:
      clamp(
        50px,
        10.5vw,
        102px
      );
  }

  .agh-primary {
    font-size:
      clamp(
        48px,
        10vw,
        98px
      );
  }

  .agh-patio {
    font-size:
      clamp(
        40px,
        8vw,
        78px
      );
  }

  .agh-secondary {
    font-size:
      clamp(
        25px,
        5vw,
        48px
      );
  }

  .agh-systems {
    font-size:
      clamp(
        23px,
        4.4vw,
        42px
      );
  }

  .agh-bottom-inner {
    width: 100%;

    gap: 24px;

    overflow: hidden;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}

}




@media (max-width: 640px) {

  .agh {
    min-height: 100svh;

    align-items: center;
  }


  .agh-bg {
    object-position: center center;
  }


  .agh-inner {
    width: 100%;

    padding:
      78px
      0
      92px;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agh-eyebrow {
    gap: 8px;

    margin-bottom: 18px;

    font-size: 10px;

    letter-spacing: .17em;
  }


  .agh-eyebrow span {
    width: 18px;

    flex-basis: 18px;
  }


  .agh-outline {
    font-size:
      clamp(
        45px,
        15.5vw,
        67px
      );

    line-height: .85;

    -webkit-text-stroke-width: 1px;
  }


  .agh-primary {
    margin-top: 5px;

    font-size:
      clamp(
        40px,
        13.6vw,
        59px
      );

    line-height: .88;
  }


  

  .agh-patio {
    margin-top: 12px;

    font-size:
      clamp(
        34px,
        11.5vw,
        49px
      );

    line-height: .91;
  }


  .agh-secondary {
    margin-top: 7px;

    font-size:
      clamp(
        21px,
        7vw,
        30px
      );
  }


  .agh-systems {
    font-size:
      clamp(
        20px,
        6.5vw,
        28px
      );
  }


  .agh-divider {
    width: 120px;

    margin:
      22px
      0
      17px;
  }


  .agh-trust {
    max-width: 330px;

    margin-bottom: 22px;

    font-size: 10px;

    letter-spacing: .14em;
  }


  .agh-trust b {
    margin:
      0
      5px;
  }


  .agh-actions {
    width: 100%;

    flex-direction: column;

    gap: 8px;
  }


  .agh-btn {
    width: 100%;

    min-height: 52px;
  }


  .agh-btn-primary {
    max-width: none;
  }


  .agh-btn-video {
    justify-content: flex-start;
  }


  

  .agh-bottom-inner {
    width: 100%;

    justify-content:
      space-between;

    gap: 12px;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agh-bottom-inner > span {
    font-size: 10px;

    letter-spacing: .09em;
  }


  .agh-bottom-inner > span:nth-child(3),
  .agh-bottom-inner > span:nth-child(4) {
    display: none;
  }


  

  .agh-dialog {
    width:
      calc(100% - 20px);

    max-height: 92dvh;
  }


  .agh-dialog-shell {
    padding: 15px;
  }


  .agh-dialog-list {
    grid-template-columns:
      1fr
      1fr;
  }


  .agh-dialog-video {
    min-height: 94px;

    padding: 13px;
  }


  .agh-dialog-video-name {
    font-size: 13px;
  }

}




@media (max-width: 370px) {

  .agh-inner {
    width: 100%;

    padding-top: 68px;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agh-eyebrow {
    font-size: 9.5px;
  }


  .agh-outline {
    font-size: 14.7vw;
  }


  .agh-primary {
    font-size: 12.9vw;
  }


  .agh-patio {
    font-size: 10.7vw;
  }


  .agh-secondary {
    font-size: 6.6vw;
  }


  .agh-systems {
    font-size: 6.1vw;
  }


  .agh-dialog-list {
    grid-template-columns: 1fr;
  }

}




@media
  (max-width: 900px)
  and (orientation: landscape)
  and (max-height: 520px) {

  .agh {
    min-height: 560px;
  }

  .agh-inner {
    padding:
      44px
      0
      76px;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}

  .agh-eyebrow {
    margin-bottom: 9px;
  }

  .agh-outline {
    font-size:
      clamp(
        39px,
        8vw,
        65px
      );
  }

  .agh-primary {
    font-size:
      clamp(
        37px,
        7.5vw,
        61px
      );
  }

  .agh-patio {
    margin-top: 7px;

    font-size:
      clamp(
        29px,
        6vw,
        49px
      );
  }

  .agh-secondary {
    margin-top: 5px;

    font-size:
      clamp(
        19px,
        4vw,
        32px
      );
  }

  .agh-systems {
    font-size:
      clamp(
        18px,
        3.6vw,
        29px
      );
  }

  .agh-divider {
    margin:
      12px
      0
      10px;
  }

  .agh-trust {
    margin-bottom: 12px;
  }

}




@media (prefers-reduced-motion: reduce) {

  .agh-btn,
  .agh-dialog-video {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-267e8db */.elementor-form-fields-wrapper.elementor-labels-{
    padding-left: 0px !important;
}

#form-field-field_5a595ee:focus {
  background-color: #131824;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b637a3c */#elementor-popup-modal-52024 .dialog-message{
    padding:0;
    width: 500px;
}
.elementor-145 .elementor-element.elementor-element-b637a3c{
  box-shadow: 0 20px 50px rgba(0,0,0,0.6);
}
.elementor-popup-modal .dialog-close-button svg{
    fill: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfae52f */.elementor-145 .elementor-element.elementor-element-dfae52f{
    background-color: #08090A;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de397c2 */.ag-systems,
.ag-systems *,
.ag-systems *::before,
.ag-systems *::after {
  box-sizing: border-box;
}

.ag-systems {
  --ag-orange: #F65200;
  --ag-black: #0b0c0e;
  --ag-dark: #111214;
  --ag-white: #ffffff;

  width: 100%;
  overflow: hidden;
  background: var(--ag-black);
  color: var(--ag-white);
  font-family: inherit;
}




.ag-systems-intro {
  max-width: none;
  margin: 0 auto;
  padding: clamp(46px, 6vw, 82px) 24px clamp(28px, 4vw, 46px);
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}

.ag-systems-eyebrow {
  margin-bottom: 16px;
  color: var(--ag-orange);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.ag-systems-intro-row {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  align-items: end;
  gap: 40px;
}

.ag-systems-intro h2 {
  margin: 0;
  max-width: 800px;
  color: #fff;
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 800;
  line-height: .96;
  letter-spacing: -.045em;
}

.ag-systems-intro h2 span {
  color: var(--ag-orange);
}

.ag-systems-intro p {
  margin: 0;
  max-width: 520px;
  color: rgba(255,255,255,.62);
  font-size: 15px;
  line-height: 1.65;
}




.grid-wrapper {
  width: 100%;
  height: clamp(660px, 90vh, 980px);

  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: repeat(6, 1fr);

  gap: 8px;

  overflow: hidden;
  contain: layout paint;
}




.grid-item {
  position: relative;
  display: block;
  overflow: hidden;

  color: #fff;
  text-decoration: none;

  background: #17181a;

  isolation: isolate;
}

.grid-item img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  filter: brightness(.76);
  transform: scale(1);

  transition:
    transform .45s cubic-bezier(.2,.7,.2,1),
    filter .35s ease;
}




.grid-shade {
  position: absolute;
  inset: 0;
  z-index: 1;

  background:
    linear-gradient(
      to top,
      rgba(5,6,7,.92) 0%,
      rgba(5,6,7,.60) 31%,
      rgba(5,6,7,.14) 65%,
      rgba(5,6,7,.04) 100%
    );

  pointer-events: none;
}




.grid-content {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 2;

  padding: clamp(18px, 2vw, 30px);

  pointer-events: none;
}

.grid-label {
  color: #fff;

  font-size: clamp(20px, 2vw, 32px);
  font-weight: 750;
  line-height: 1.05;

  letter-spacing: -.02em;
  text-transform: uppercase;
}




.grid-label::before {
  content: "";
  display: block;

  width: 32px;
  height: 3px;

  margin-bottom: 11px;

  background: var(--ag-orange);

  transition: width .3s ease;
}


.grid-description {
  max-width: 430px;

  margin: 10px 0 0;

  color: rgba(255,255,255,.72);

  font-size: 14px;
  line-height: 1.45;

  text-wrap: balance;
}


.grid-explore {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-top: 15px;

  color: #fff;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1;

  text-transform: uppercase;
}

.grid-explore span {
  color: var(--ag-orange);
  font-size: 16px;

  transition: transform .25s ease;
}




@media (hover: hover) {

  .grid-item:hover img {
    transform: scale(1.035);
    filter: brightness(.9);
  }

  .grid-item:hover .grid-label::before {
    width: 54px;
  }

  .grid-item:hover .grid-explore span {
    transform: translateX(4px);
  }
}

.grid-item:focus-visible {
  outline: 3px solid var(--ag-orange);
  outline-offset: -3px;
}




.item-fence {
  grid-row: 1 / span 3;
  grid-column: 1 / 2;
}

.item-patio {
  grid-row: 4 / span 3;
  grid-column: 1 / 2;
}

.item-2 {
  grid-row: 1 / span 2;
  grid-column: 2 / 3;
}

.item-3 {
  grid-row: 3 / span 2;
  grid-column: 2 / 3;
}

.item-4 {
  grid-row: 5 / span 2;
  grid-column: 2 / 3;
}

.item-5 {
  grid-row: 1 / span 2;
  grid-column: 3 / 4;
}

.item-6 {
  grid-row: 3 / span 4;
  grid-column: 3 / 4;
}




.item-patio img {
  object-position: center 40%;
}




.item-2 .grid-label,
.item-3 .grid-label,
.item-4 .grid-label,
.item-5 .grid-label {
  font-size: clamp(17px, 1.5vw, 23px);
}

.item-2 .grid-description,
.item-3 .grid-description,
.item-4 .grid-description,
.item-5 .grid-description {
  font-size: 14px;
  line-height: 1.4;
}




@media (max-width: 1024px) {

  .ag-systems-intro-row {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ag-systems-intro p {
    max-width: 650px;
  }

  .grid-wrapper {
    height: clamp(580px, 72vh, 760px);
    gap: 6px;
  }

  .grid-content {
    padding: 18px;
  }

  .grid-label {
    font-size: 20px;
  }

  .grid-description {
    font-size: 14px;
  }

  .grid-explore {
    margin-top: 11px;
    font-size: 11px;
  }
}




@media (max-width: 620px) {

  .ag-systems-intro {
    padding:
      42px
      18px
      26px;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}

  .ag-systems-eyebrow {
    margin-bottom: 12px;
    font-size: 11px;
  }

  .ag-systems-intro h2 {
    font-size: clamp(34px, 11vw, 48px);
  }

  .ag-systems-intro p {
    font-size: 14px;
    line-height: 1.55;
  }


  .grid-wrapper {
    height: auto;

    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;

    gap: 3px;

    contain: none;
  }


  

  .item-fence,
  .item-patio {
    min-height: 270px;

    grid-column: 1 / 3;
  }

  .item-fence {
    grid-row: 1;
  }

  .item-patio {
    grid-row: 2;
  }


  

  .item-2 {
    grid-column: 1;
    grid-row: 3;
  }

  .item-5 {
    grid-column: 2;
    grid-row: 3;
  }

  .item-3 {
    grid-column: 1;
    grid-row: 4;
  }

  .item-4 {
    grid-column: 1;
    grid-row: 5;
  }

  .item-6 {
    grid-column: 2;
    grid-row: 4 / span 2;
  }


  .item-2,
  .item-3,
  .item-4,
  .item-5 {
    min-height: 190px;
  }

  .item-6 {
    min-height: 383px;
  }


  .grid-content {
    padding: 15px;
  }


  .grid-label,
  .item-2 .grid-label,
  .item-3 .grid-label,
  .item-4 .grid-label,
  .item-5 .grid-label {
    font-size: 16px;
    line-height: 1.05;
  }


  .grid-label::before {
    width: 23px;
    height: 2px;
    margin-bottom: 8px;
  }


  .grid-description {
    margin-top: 7px;

    font-size: 13px;
    line-height: 1.35;
  }


  

  .item-2 .grid-description,
  .item-3 .grid-description,
  .item-4 .grid-description,
  .item-5 .grid-description {
    display: none;
  }


  .grid-explore {
    margin-top: 9px;

    font-size: 10.5px;
    letter-spacing: .09em;
  }

  .grid-explore span {
    font-size: 14px;
  }
}




@media (max-width: 370px) {

  .grid-content {
    padding: 12px;
  }

  .grid-label,
  .item-2 .grid-label,
  .item-3 .grid-label,
  .item-4 .grid-label,
  .item-5 .grid-label {
    font-size: 14px;
  }

  .grid-description {
    font-size: 12px;
  }

  .grid-explore {
    font-size: 10px;
  }
}




@media (prefers-reduced-motion: reduce) {

  .grid-item img,
  .grid-label::before,
  .grid-explore span {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c250a69 */.agorder,
.agorder *,
.agorder *::before,
.agorder *::after {
  box-sizing: border-box;
}


.agorder {
  --ag-orange: #F65200;

  width: 100%;

  overflow: hidden;

  color: #fff;

  background:
    linear-gradient(
      180deg,
      #08090a 0%,
      #090a0b 100%
    );

  font-family: inherit;


}



.agorder-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(
      70px,
      7vw,
      108px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agorder-head {
  display: grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(350px,.85fr);

  align-items: end;

  gap:
    clamp(
      36px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      42px,
      6vw,
      70px
    );
}



.agorder-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 16px;

  color:
    var(--ag-orange);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}



.agorder-eyebrow > span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}



.agorder .agorder-head h2 {
  max-width: 850px;

  margin: 0;

  color:
    #fff !important;

  font-size:
    clamp(
      42px,
      5.4vw,
      76px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.048em;
}



.agorder .agorder-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.37) !important;
}



.agorder-head-side > p {
  max-width: 540px;

  margin: 0;

  color:
    rgba(255,255,255,.55) !important;

  font-size: 14px;

  line-height: 1.65;
}



.agorder-head-meta {
  display: flex;

  flex-wrap: wrap;

  gap:
    8px
    18px;

  margin-top: 20px;
}



.agorder-head-meta span {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.38);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agorder-head-meta i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agorder-layout {
  display: grid;

  grid-template-columns:
    minmax(300px,.35fr)
    minmax(0,.65fr);

  gap:
    clamp(
      40px,
      6vw,
      80px
    );

  align-items: start;
}





.agorder-start {
  min-width: 0;
}



.agorder-start-inner {
  position: sticky;

  top: 110px;

  padding:
    clamp(
      28px,
      3vw,
      38px
    );

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    linear-gradient(
      145deg,
      #141517,
      #0d0e0f
    );
}



.agorder-section-index {
  display: block;

  margin-bottom: 14px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agorder .agorder-start h3 {
  max-width: 420px;

  margin: 0;

  color:
    #fff !important;

  font-size:
    clamp(
      29px,
      3vw,
      42px
    );

  font-weight: 850;

  line-height: .97;

  letter-spacing: -.04em;
}



.agorder-start-inner > p {
  margin:
    16px
    0
    0;

  color:
    rgba(255,255,255,.48);

  font-size: 13px;

  line-height: 1.58;
}





.agorder-send {
  margin-top: 29px;

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agorder-send-label {
  padding:
    15px
    0
    9px;

  color:
    rgba(255,255,255,.28);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agorder-send-item {
  display: grid;

  grid-template-columns:
    27px
    1fr;

  gap: 8px;

  padding:
    11px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.075);
}



.agorder-send-item > span {
  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;
}



.agorder-send-item strong {
  color:
    rgba(255,255,255,.82);

  font-size: 12px;

  font-weight: 800;
}





.agorder-start-btn {
  min-height: 49px;

  width: 100%;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  margin-top: 24px;

  padding:
    0
    17px;

  background:
    var(--ag-orange);

  color:
    #fff !important;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease;
}



.agorder-start-btn svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;
}



.agorder-start-note {
  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: 13px;

  color:
    rgba(255,255,255,.33);

  font-size: 10px;

  font-weight: 750;
}



.agorder-start-note i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agorder-process {
  min-width: 0;
}



.agorder-process-head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding-bottom: 17px;

  border-bottom:
    1px solid
    rgba(255,255,255,.10);
}



.agorder-process-head > span {
  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agorder-process-head > strong {
  color:
    rgba(255,255,255,.70);

  font-size: 13px;

  font-weight: 800;
}





.agorder-step {
  display: grid;

  grid-template-columns:
    48px
    190px
    minmax(0,1fr);

  gap:
    clamp(
      15px,
      2vw,
      25px
    );

  align-items: center;

  min-height: 180px;

  padding:
    20px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.09);
}





.agorder-number {
  position: relative;

  align-self: stretch;

  display: flex;

  flex-direction: column;

  align-items: center;
}



.agorder-number > span {
  position: relative;

  z-index: 2;

  width: 34px;
  height: 34px;

  flex: 0 0 34px;

  display: flex;

  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(246,82,0,.42);

  background:
    #101113;

  color:
    var(--ag-orange);

  font-size: 10.5px;

  font-weight: 900;
}



.agorder-number i {
  position: absolute;

  top: 34px;
  bottom: -21px;

  width: 1px;

  background:
    rgba(255,255,255,.11);
}



.agorder-step-last
.agorder-number i {
  display: none;
}





.agorder-media {
  position: relative;

  height: 125px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.08);

  background:
    #111214;
}



.agorder-media img {
  display: block;

  width: 100%;
  height: 100%;

  max-width: none;

  object-fit: cover;

  transition:
    transform .25s ease,
    filter .25s ease;

  filter:
    brightness(.90);
}



@media (hover:hover) {

  .agorder-step:hover
  .agorder-media img {

    transform:
      scale(1.025);

    filter:
      brightness(1);

  }

}





.agorder-step-label {
  display: block;

  margin-bottom: 6px;

  color:
    var(--ag-orange);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agorder .agorder-step h3 {
  margin: 0;

  color:
    rgba(255,255,255,.92) !important;

  font-size:
    clamp(
      16px,
      1.7vw,
      23px
    );

  font-weight: 800;

  line-height: 1.1;

  letter-spacing: -.025em;
}



.agorder-step-copy p {
  max-width: 600px;

  margin:
    8px
    0
    0;

  color:
    rgba(255,255,255,.45);

  font-size: 12px;

  line-height: 1.52;
}



.agorder-step-copy small {
  display: block;

  margin-top: 9px;

  color:
    rgba(255,255,255,.27);

  font-size: 9.5px;

  font-weight: 800;

  letter-spacing: .09em;

  text-transform: uppercase;
}





.agorder-contact {
  display: grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(300px,.95fr);

  gap:
    clamp(
      35px,
      6vw,
      80px
    );

  margin-top:
    clamp(
      55px,
      7vw,
      85px
    );

  padding:
    clamp(
      30px,
      4vw,
      48px
    );

  border:
    1px solid
    rgba(255,255,255,.10);

  background:
    linear-gradient(
      145deg,
      #151618,
      #0d0e0f
    );
}



.agorder-contact-main {
  grid-row:
    span 2;
}



.agorder-contact-index {
  display: block;

  margin-bottom: 12px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agorder .agorder-contact-main h3 {
  max-width: 650px;

  margin: 0;

  color:
    #fff !important;

  font-size:
    clamp(
      32px,
      4vw,
      54px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.043em;
}



.agorder .agorder-contact-main h3 span {
  display: block;

  color:
    rgba(255,255,255,.37) !important;
}



.agorder-contact-main p {
  max-width: 540px;

  margin:
    16px
    0
    0;

  color:
    rgba(255,255,255,.46);

  font-size: 13px;

  line-height: 1.55;
}





.agorder-contact-details {
  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agorder-contact-row {
  display: grid;

  grid-template-columns:
    65px
    minmax(0,1fr)
    15px;

  align-items: center;

  gap: 10px;

  min-height: 52px;

  border-bottom:
    1px solid
    rgba(255,255,255,.08);

  text-decoration: none;
}



.agorder-contact-row > span {
  color:
    var(--ag-orange);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;
}



.agorder-contact-row strong {
  color:
    rgba(255,255,255,.77);

  font-size: 12px;

  font-weight: 800;

  word-break: break-word;
}



.agorder-contact-row svg {
  width: 13px;
  height: 13px;

  fill: none;

  stroke:
    rgba(255,255,255,.30);

  stroke-width: 2;
}



@media (hover:hover) {

  .agorder-contact-row:hover strong {
    color:
      #fff;
  }


  .agorder-contact-row:hover svg {
    stroke:
      var(--ag-orange);
  }

}





.agorder-contact-actions {
  display: grid;

  grid-template-columns:
    1fr;

  gap: 7px;
}



.agorder-btn {
  min-height: 49px;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  padding:
    0
    17px;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}



.agorder-btn-primary {
  background:
    var(--ag-orange);

  color:
    #fff !important;
}



.agorder-btn-primary svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;
}



.agorder-btn-secondary {
  border:
    1px solid
    rgba(255,255,255,.14);

  color:
    rgba(255,255,255,.68) !important;

  background:
    transparent;
}



@media (hover:hover) {

  .agorder-start-btn:hover,
  .agorder-btn:hover {

    transform:
      translateY(-2px);

  }


  .agorder-start-btn:hover,
  .agorder-btn-primary:hover {

    background:
      #ff641a;

  }


  .agorder-btn-secondary:hover {

    color:
      #fff !important;

    border-color:
      rgba(255,255,255,.35);

  }

}





.agorder-footer {
  display: grid;

  grid-template-columns:
    minmax(280px,.8fr)
    minmax(0,1.2fr);

  align-items: center;

  gap: 35px;

  margin-top:
    clamp(
      28px,
      4vw,
      44px
    );

  padding-top:
    clamp(
      23px,
      3vw,
      32px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agorder-footer > div:first-child > span {
  display: block;

  margin-bottom: 5px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agorder-footer > div:first-child > strong {
  display: block;

  max-width: 530px;

  color:
    rgba(255,255,255,.80);

  font-size: 14px;

  font-weight: 760;

  line-height: 1.45;
}



.agorder-footer-meta {
  display: flex;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap:
    8px
    17px;
}



.agorder-footer-meta span {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.35);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}



.agorder-footer-meta i {
  width: 3px;
  height: 3px;

  flex: 0 0 3px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





@media (max-width: 1024px) {

  .agorder-head {
    grid-template-columns:
      1fr;

    align-items:
      start;

    gap:
      20px;
  }


  .agorder-head-side > p {
    max-width:
      700px;
  }


  .agorder-layout {
    grid-template-columns:
      1fr;

    gap:
      45px;
  }


  .agorder-start-inner {
    position:
      static;
  }


  .agorder-send {
    display:
      grid;

    grid-template-columns:
      1fr
      1fr;
  }


  .agorder-send-label {
    grid-column:
      1 / -1;
  }


  .agorder-send-item:nth-child(even) {
    border-right:
      1px solid
      rgba(255,255,255,.07);

    padding-right:
      14px;
  }


  .agorder-send-item:nth-child(odd) {
    padding-left:
      14px;
  }


  .agorder-contact {
    grid-template-columns:
      1fr;
  }


  .agorder-contact-main {
    grid-row:
      auto;
  }


  .agorder-footer {
    grid-template-columns:
      1fr;
  }


  .agorder-footer-meta {
    justify-content:
      flex-start;
  }

}





@media (max-width: 640px) {

  .agorder {

}


  .agorder-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agorder-head {
    margin-bottom:
      31px;
  }


  .agorder .agorder-head h2 {
    font-size:
      clamp(
        37px,
        11vw,
        49px
      );
  }


  .agorder-head-side > p {
    font-size:
      12px;
  }


  

  .agorder-start-inner {
    padding:
      25px
      18px;
  }


  .agorder .agorder-start h3 {
    font-size:
      clamp(
        29px,
        8.8vw,
        39px
      );
  }


  .agorder-send {
    display:
      block;
  }


  .agorder-send-item:nth-child(even),
  .agorder-send-item:nth-child(odd) {
    padding-left:
      0;

    padding-right:
      0;

    border-right:
      0;
  }


  

  .agorder-step {
    grid-template-columns:
      35px
      95px
      minmax(0,1fr);

    gap:
      10px;

    min-height:
      150px;

    padding:
      15px
      0;
  }


  .agorder-number > span {
    width:
      28px;

    height:
      28px;

    flex-basis:
      28px;

    font-size:
      7px;
  }


  .agorder-number i {
    top:
      28px;

    bottom:
      -16px;
  }


  .agorder-media {
    height:
      100px;
  }


  .agorder .agorder-step h3 {
    font-size:
      15px;
  }


  .agorder-step-copy p {
    margin-top:
      6px;

    font-size:
      9px;

    line-height:
      1.45;
  }


  .agorder-step-copy small {
    display:
      none;
  }


  

  .agorder-contact {
    margin-top:
      45px;

    padding:
      26px
      18px;
  }


  .agorder .agorder-contact-main h3 {
    font-size:
      clamp(
        30px,
        9vw,
        40px
      );
  }


  .agorder-contact-row {
    grid-template-columns:
      58px
      minmax(0,1fr)
      13px;
  }


  .agorder-btn {
    width:
      100%;
  }


  .agorder-footer {
    gap:
      19px;
  }

}





@media (max-width: 390px) {

  .agorder-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agorder-step {
    grid-template-columns:
      30px
      80px
      minmax(0,1fr);

    gap:
      7px;
  }


  .agorder-media {
    height:
      88px;
  }


  .agorder .agorder-step h3 {
    font-size:
      13px;
  }


  .agorder-step-copy p {
    font-size:
      8.5px;
  }

}





.agorder .agorder-head h2,
.agorder .agorder-start h3,
.agorder .agorder-step h3,
.agorder .agorder-contact-main h3 {
  color:
    #fff !important;
}


.agorder .agorder-head h2 span,
.agorder .agorder-contact-main h3 span {
  color:
    rgba(255,255,255,.37) !important;
}


.agorder .agorder-eyebrow,
.agorder .agorder-step-label,
.agorder .agorder-section-index,
.agorder .agorder-contact-index {
  color:
    #F65200 !important;
}





@media (prefers-reduced-motion: reduce) {

  .agorder-media img,
  .agorder-start-btn,
  .agorder-btn {

    transition:
      none;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d886ac0 */.agr,
.agr *,
.agr *::before,
.agr *::after {
  box-sizing: border-box;
}


.agr {

  --ag-orange: #F65200;
  --ag-bg: #090a0c;
  --ag-panel: #111214;
  --ag-panel-2: #151618;

  width: 100%;

  background:
    linear-gradient(
      180deg,
      #08090b 0%,
      #0c0d0f 100%
    );

  color: #fff;

  font-family: inherit;

  overflow: hidden;


}



.agr-shell {

  width: 100%;

  max-width: none;

  margin: 0;

  padding:
    clamp(64px, 7vw, 105px)
    clamp(18px, 2vw, 32px);

}





.agr-head {

  display: grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  align-items: end;

  gap: 40px;

  margin-bottom:
    clamp(34px, 4vw, 52px);

}



.agr-eyebrow {

  display: flex;

  align-items: center;

  gap: 11px;

  margin-bottom: 16px;

  color: var(--ag-orange);

  font-size: 12px;

  font-weight: 850;

  line-height: 1.3;

  letter-spacing: .20em;

  text-transform: uppercase;

}



.agr-eyebrow span {

  width: 28px;

  height: 2px;

  background: var(--ag-orange);

}



.agr .agr-head h2 {

  max-width: 820px;

  margin: 0;

  color: #fff !important;

  font-size: clamp(38px, 5vw, 70px);

  font-weight: 850;

  line-height: .98;

  letter-spacing: -.045em;

}



.agr .agr-head h2 span {

  color: var(--ag-orange) !important;

}



.agr-intro {

  max-width: 690px;

  margin: 18px 0 0;

  color: rgba(255,255,255,.60) !important;

  font-size: 15px;

  line-height: 1.65;

}





.agr-rating {

  min-width: 230px;

  padding: 18px 20px;

  border: 1px solid rgba(255,255,255,.12);

  background: rgba(255,255,255,.035);

}



.agr-rating-top {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 10px;

}



.agr-google-g {

  font-size: 18px;

  font-weight: 900;

  color: #4285F4;

}



.agr-rating-label {

  color: rgba(255,255,255,.70);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;

}



.agr-rating-main {

  display: flex;

  align-items: center;

  gap: 10px;

}



.agr-rating-main strong {

  color: #fff !important;

  font-size: 29px;

  line-height: 1;

}



.agr-stars {

  color: #f5a623;

  font-size: 14px;

  letter-spacing: .08em;

  white-space: nowrap;

}



.agr-rating-sub {

  display: block;

  margin-top: 9px;

  color: rgba(255,255,255,.45);

  font-size: 13px;

}





.agr-grid {

  display: grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(430px,.92fr);

  gap: clamp(16px, 2vw, 26px);

  align-items: stretch;

}





.agr-feature {

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);

  background: var(--ag-panel);

}



.agr-feature-media {

  position: relative;

  min-height: 430px;

  overflow: hidden;

  background: #050607;

}



.agr-feature-media > img {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  max-width: none;

  object-fit: cover;

  object-position: center;

  transition: transform .35s ease;

}



@media (hover:hover) {

  .agr-feature:hover .agr-feature-media > img {
    transform: scale(1.015);
  }

}



.agr-media-shade {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(4,5,6,.94) 0%,
      rgba(4,5,6,.52) 37%,
      rgba(4,5,6,.07) 72%
    );

  pointer-events: none;

}





.agr-play {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 3;

  transform: translate(-50%,-50%);

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 11px;

  padding: 0;

  border: 0;

  background: transparent;

  color: #fff;

  font-family: inherit;

  cursor: pointer;

}



.agr-play-circle {

  width: 64px;

  height: 64px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid rgba(255,255,255,.55);

  border-radius: 50%;

  background: rgba(8,9,10,.60);

  transition:
    transform .2s ease,
    border-color .2s ease,
    background-color .2s ease;

}



@media (hover:hover) {

  .agr-play:hover .agr-play-circle {
    transform: scale(1.05);
    border-color: var(--ag-orange);
    background: rgba(246,82,0,.82);
  }

}



.agr-play-circle i {

  width: 0;

  height: 0;

  margin-left: 4px;

  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #fff;

}



.agr-play-text {

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .16em;

  text-transform: uppercase;

}





.agr-feature-label {

  position: absolute;

  left: 24px;

  right: 24px;

  bottom: 22px;

  z-index: 2;

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.agr-feature-tag {

  width: max-content;

  margin-bottom: 7px;

  padding: 6px 9px;

  background: var(--ag-orange);

  color: #fff;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;

}



.agr-feature-label strong {

  color: #fff !important;

  font-size: 22px;

  font-weight: 850;

  letter-spacing: -.015em;

}



.agr-feature-label > span:last-child {

  color: rgba(255,255,255,.62);

  font-size: 14px;

}





.agr-feature-body {

  padding: 20px 22px 23px;

}



.agr-feature-body p {

  max-width: 680px;

  margin: 10px 0 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;

  line-height: 1.6;

}



.agr-chips {

  display: flex;

  gap: 7px;

  flex-wrap: wrap;

  margin-top: 17px;

}



.agr-chips span {

  padding: 6px 9px;

  border: 1px solid rgba(255,255,255,.10);

  color: rgba(255,255,255,.54);

  font-size: 11px;

  font-weight: 750;

  letter-spacing: .08em;

  text-transform: uppercase;

}





.agr-celebs {

  display: grid;

  grid-template-columns: repeat(2, minmax(0,1fr));

  grid-template-rows: repeat(2, minmax(0,1fr));

  gap: 10px;

}





.agr-celeb {

  min-width: 0;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  border: 1px solid rgba(255,255,255,.10);

  background: rgba(255,255,255,.035);

}



.agr-celeb-orange {

  border-color: rgba(246,82,0,.32);

  background:
    linear-gradient(
      145deg,
      rgba(246,82,0,.075),
      rgba(255,255,255,.025)
    );

}





.agr-celeb-media {

  position: relative;

  aspect-ratio: 16 / 10;

  min-height: 0;

  overflow: hidden;

  background: #08090a;

}



.agr-celeb-media img {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  max-width: none;

  object-fit: cover;

  object-position: center top;

  transition: transform .3s ease;

}





.agr-celeb--tyga .agr-celeb-media img {
  object-position: center 18%;
}

.agr-celeb--tydolla .agr-celeb-media img {
  object-position: center 12%;
}

.agr-celeb--ryan .agr-celeb-media img {
  object-position: center 16%;
}

.agr-celeb--desiigner .agr-celeb-media img {
  object-position: center 14%;
}



@media (hover:hover) {

  .agr-celeb:hover .agr-celeb-media img {
    transform: scale(1.02);
  }

}



.agr-celeb-shade {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(4,5,6,.90) 0%,
      rgba(4,5,6,.26) 48%,
      rgba(4,5,6,.04) 78%
    );

  pointer-events: none;

}





.agr-celeb-tag {

  position: absolute;

  top: 11px;

  left: 11px;

  z-index: 2;

  padding: 5px 7px;

  border: 1px solid rgba(246,82,0,.38);

  background: rgba(8,9,10,.78);

  color: var(--ag-orange);

  font-size: 9px;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;

}





.agr-celeb-person {

  position: absolute;

  left: 13px;

  right: 13px;

  bottom: 12px;

  z-index: 2;

  display: flex;

  flex-direction: column;

  gap: 2px;

}



.agr-celeb-person strong {

  color: #fff !important;

  font-size: clamp(14px, 1.35vw, 19px);

  font-weight: 850;

  line-height: 1.05;

  letter-spacing: -.02em;

}



.agr-celeb-person span {

  color: rgba(255,255,255,.57);

  font-size: 10.5px;

  font-weight: 750;

  letter-spacing: .08em;

  text-transform: uppercase;

}





.agr-celeb-body {

  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 14px 15px 16px;

}



.agr-celeb-mark {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-bottom: 8px;

  color: rgba(255,255,255,.35);

  font-size: 9px;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;

}



.agr-celeb-mark > span {

  width: 18px;

  height: 1px;

  background: var(--ag-orange);

}



.agr-celeb-body p {

  margin: 0;

  color: rgba(255,255,255,.61);

  font-size: 12px;

  line-height: 1.48;

}



.agr-celeb-body .agr-stars {

  margin-bottom: 8px;

}



.agr-celeb-quote {

  color: rgba(255,255,255,.74) !important;

}





.agr-footer {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 26px;

  padding-top: 25px;

  border-top: 1px solid rgba(255,255,255,.09);

}



.agr-footer-copy {

  display: flex;

  flex-direction: column;

  gap: 5px;

}



.agr-footer-copy strong {

  color: #fff !important;

  font-size: 15px;

  font-weight: 800;

}



.agr-footer-copy span {

  color: rgba(255,255,255,.47);

  font-size: 14px;

}





.agr-actions {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

}



.agr-btn {

  min-height: 48px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 0 18px;

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .13em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;

}



.agr-btn-main {

  background: var(--ag-orange);

  color: #fff !important;

}



.agr-btn-main svg {

  width: 14px;

  height: 14px;

  fill: none;

  stroke: currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

}



.agr-btn-secondary {

  border: 1px solid rgba(255,255,255,.16);

  color: rgba(255,255,255,.74) !important;

  background: rgba(255,255,255,.025);

}



@media (hover:hover) {

  .agr-btn:hover {
    transform: translateY(-2px);
  }

  .agr-btn-main:hover {
    background: #ff641a;
  }

  .agr-btn-secondary:hover {
    border-color: rgba(255,255,255,.38);
    color: #fff !important;
  }

}



.agr-btn:focus-visible,
.agr-play:focus-visible {

  outline: 3px solid var(--ag-orange);

  outline-offset: 4px;

}





.agr-video-loaded {

  position: absolute;

  inset: 0;

  z-index: 4;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  background: #000;

}





@media (max-width:960px) {

  .agr-head {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 24px;
  }

  .agr-rating {
    width: max-content;
  }

  .agr-grid {
    grid-template-columns: 1fr;
  }

  .agr-celebs {
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-rows: auto;
  }

  .agr-celeb-media {
    aspect-ratio: 4 / 3;
  }

}





@media (max-width:640px) {

  .agr {

}

  .agr-shell {
    padding: 52px clamp(16px, 4vw, 22px);
  }

  .agr-head {
    margin-bottom: 28px;
  }

  .agr .agr-head h2 {
    font-size: clamp(34px, 10vw, 46px);
  }

  .agr-intro {
    margin-top: 14px;
    font-size: 14px;
  }

  .agr-rating {
    min-width: 0;
    width: 100%;
    padding: 15px 16px;
  }

  .agr-feature-media {
    min-height: 350px;
  }

  .agr-feature-label {
    left: 17px;
    right: 17px;
    bottom: 16px;
  }

  .agr-feature-label strong {
    font-size: 18px;
  }

  .agr-feature-body {
    padding: 17px;
  }

  .agr-celebs {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }

  .agr-celeb-media {
    aspect-ratio: 4 / 3;
  }

  .agr-celeb-person {
    left: 10px;
    right: 10px;
    bottom: 9px;
  }

  .agr-celeb-person strong {
    font-size: 14px;
  }

  .agr-celeb-person span {
    font-size: 9.5px;
  }

  .agr-celeb-tag {
    top: 8px;
    left: 8px;
    font-size: 9px;
  }

  .agr-celeb-body {
    padding: 11px;
  }

  .agr-celeb-body p {
    font-size: 11px;
    line-height: 1.43;
  }

  .agr-celeb-mark {
    margin-bottom: 6px;
    font-size: 9px;
  }

  .agr-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .agr-actions {
    width: 100%;
    flex-direction: column;
  }

  .agr-btn {
    width: 100%;
  }

}





@media (max-width:420px) {

  .agr-celebs {
    grid-template-columns: 1fr;
  }

  .agr-celeb-media {
    aspect-ratio: 16 / 10;
  }

  .agr-celeb-body p {
    font-size: 12px;
  }

}





.agr .agr-head h2,
.agr .agr-feature-label strong,
.agr .agr-celeb-person strong,
.agr .agr-footer-copy strong {
  color: #fff !important;
}

.agr .agr-head h2 span {
  color: #F65200 !important;
}





@media (prefers-reduced-motion:reduce) {

  .agr-feature-media > img,
  .agr-celeb-media img,
  .agr-play-circle,
  .agr-btn {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86dae32 */#pcs-hero,
#pcs-hero *,
#pcs-hero *::before,
#pcs-hero *::after {
  box-sizing:
    border-box;
}





#pcs-hero {

  --pcs-orange:
    #F65200;

  --pcs-bg:
    #08090a;

  --pcs-text:
    #ffffff;

  --pcs-muted:
    rgba(255,255,255,.58);

  --pcs-soft:
    rgba(255,255,255,.36);

  --pcs-line:
    rgba(255,255,255,.10);


  position:
    relative;

  isolation:
    isolate;

  overflow:
    hidden;

  width:
    100%;

  min-height:
    clamp(
      580px,
      72vh,
      760px
    );

  background:
    var(--pcs-bg);

  color:
    #fff;

  font-family:
    inherit;
}





#pcs-hero-video {

  position:
    absolute;

  inset:
    0;

  z-index:
    0;

  display:
    block;

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;

  object-position:
    center center;

  transform:
    scale(1.015);
}





#pcs-hero::before {

  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    1;

  background:

    linear-gradient(
      90deg,

      rgba(5,6,7,.97)
      0%,

      rgba(5,6,7,.90)
      34%,

      rgba(5,6,7,.58)
      60%,

      rgba(5,6,7,.18)
      100%
    ),

    linear-gradient(
      180deg,

      rgba(5,6,7,.08)
      0%,

      rgba(5,6,7,.05)
      48%,

      rgba(5,6,7,.76)
      100%
    );

  pointer-events:
    none;
}





#pcs-hero::after {

  content:
    "";

  position:
    absolute;

  left:
    0;

  top:
    20%;

  bottom:
    20%;

  z-index:
    2;

  width:
    2px;

  background:
    var(--pcs-orange);

  pointer-events:
    none;
}





#pcs-hero-bottom-line {

  position:
    absolute;

  left:
    0;

  right:
    0;

  bottom:
    0;

  z-index:
    2;

  height:
    1px;

  background:

    linear-gradient(
      90deg,

      var(--pcs-orange)
      0%,

      rgba(246,82,0,.26)
      28%,

      rgba(255,255,255,.07)
      70%,

      transparent
      100%
    );

  pointer-events:
    none;
}





#pcs-hero-inner {

  position:
    relative;

  z-index:
    3;

  display:
    flex;

  align-items:
    center;

  width: 100%;

  min-height:
    inherit;

  margin:
    0 auto;

  padding:
    clamp(
      58px,
      7vw,
      94px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





#pcs-hero-content {

  position:
    relative;

  width:
    min(
      100%,
      730px
    );

  padding:

    clamp(
      27px,
      3.2vw,
      42px
    )

    clamp(
      25px,
      3.6vw,
      46px
    );


  

  border:
    1px solid
    rgba(255,255,255,.10);

  border-left:
    2px solid
    var(--pcs-orange);

  background:

    linear-gradient(
      145deg,

      rgba(13,14,15,.92),
      rgba(9,10,11,.82)
    );


  

  border-radius:
    0;


  

  box-shadow:
    0
    18px
    45px
    rgba(0,0,0,.18);
}





.pcs-eyebrow {

  display:
    flex;

  align-items:
    center;

  gap:
    11px;

  margin-bottom:
    19px;

  color:
    var(--pcs-orange);

  font-size:
    8px;

  font-weight:
    850;

  letter-spacing:
    .18em;

  line-height:
    1.3;

  text-transform:
    uppercase;
}



.pcs-eyebrow-line {

  width:
    30px;

  height:
    2px;

  flex:
    0 0 30px;

  background:
    var(--pcs-orange);
}





#pcs-hero-title {

  max-width:
    700px;

  margin:
    0
    0
    17px;

  color:
    #fff !important;

  font-size:

    clamp(
      40px,
      5vw,
      67px
    );

  font-weight:
    850;

  line-height:
    .95;

  letter-spacing:
    -.047em;
}



#pcs-hero-title
.pcs-highlight {

  display:
    inline-block;

  color:
    var(--pcs-orange) !important;

  background:
    none;

  -webkit-background-clip:
    initial;

  background-clip:
    initial;

  -webkit-text-fill-color:
    currentColor;
}





#pcs-hero-sub {

  max-width:
    61ch;

  margin:
    0
    0
    28px;

  color:
    rgba(255,255,255,.57) !important;

  font-size:

    clamp(
      13px,
      1.3vw,
      16px
    );

  font-weight:
    400;

  line-height:
    1.65;
}



#pcs-hero-sub strong {

  color:
    rgba(255,255,255,.93);

  font-weight:
    800;
}





#pcs-hero-pills {

  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:
    6px;

  margin-bottom:
    29px;

  border-top:
    1px solid
    rgba(255,255,255,.08);

  border-left:
    1px solid
    rgba(255,255,255,.08);
}





.pcs-pill {

  min-width:
    0;

  min-height:
    47px;

  display:
    flex;

  align-items:
    center;

  gap:
    7px;

  padding:
    9px
    10px;

  border-right:
    1px solid
    rgba(255,255,255,.08);

  border-bottom:
    1px solid
    rgba(255,255,255,.08);

  background:
    rgba(255,255,255,.018);

  color:
    rgba(255,255,255,.72);

  font-size:
    9px;

  font-weight:
    760;

  line-height:
    1.2;

  white-space:
    normal;

  transition:
    background-color .18s ease,
    color .18s ease;
}



.pcs-pill-index {

  color:
    var(--pcs-orange);

  font-size:
    6px;

  font-weight:
    900;

  letter-spacing:
    .06em;
}



.pcs-pill-icon {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  font-size:
    11px;

  line-height:
    1;
}



@media (hover:hover) {

  .pcs-pill:hover {

    background:
      rgba(246,82,0,.07);

    color:
      #fff;

  }

}





#pcs-hero-actions {

  display:
    flex;

  flex-wrap:
    wrap;

  align-items:
    center;

  gap:
    7px;
}





.pcs-btn {

  min-height:
    50px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    9px;

  padding:
    0
    18px;

  border-radius:
    0;

  text-decoration:
    none;

  font-size:
    8px;

  font-weight:
    850;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease;
}



.pcs-btn svg {

  width:
    14px;

  height:
    14px;

  flex:
    0 0 auto;
}





.pcs-btn-primary {

  border:
    1px solid
    var(--pcs-orange);

  background:
    var(--pcs-orange);

  color:
    #fff !important;

  box-shadow:
    none;
}



@media (hover:hover) {

  .pcs-btn-primary:hover {

    transform:
      translateY(-2px);

    background:
      #ff641a;

    border-color:
      #ff641a;

  }

}





.pcs-btn-secondary {

  border:
    1px solid
    rgba(255,255,255,.16);

  background:
    rgba(255,255,255,.025);

  color:
    rgba(255,255,255,.72) !important;
}



@media (hover:hover) {

  .pcs-btn-secondary:hover {

    transform:
      translateY(-2px);

    border-color:
      rgba(255,255,255,.38);

    background:
      rgba(255,255,255,.055);

    color:
      #fff !important;

  }

}





#pcs-hero-stat {

  position:
    absolute;

  top:

    clamp(
      20px,
      3vw,
      34px
    );

  right:

    max(
      24px,
      calc(
        (100vw - 1280px) / 2
      )
    );

  z-index:
    3;

  min-width:
    112px;

  padding:
    13px
    14px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-top:
    2px solid
    var(--pcs-orange);

  border-radius:
    0;

  background:
    rgba(9,10,11,.88);

  text-align:
    left;

  box-shadow:
    none;
}



.pcs-stat-number {

  color:
    var(--pcs-orange);

  font-size:

    clamp(
      27px,
      2.5vw,
      36px
    );

  font-weight:
    900;

  line-height:
    1;

  letter-spacing:
    -.04em;
}



.pcs-stat-label {

  margin-top:
    5px;

  color:
    rgba(255,255,255,.42);

  font-size:
    6.5px;

  font-weight:
    850;

  letter-spacing:
    .14em;

  line-height:
    1.3;

  text-transform:
    uppercase;
}





.pcs-btn:focus-visible {

  outline:
    3px solid
    var(--pcs-orange);

  outline-offset:
    3px;
}





@media (max-width:1024px) {

  #pcs-hero::before {

    background:

      linear-gradient(
        180deg,

        rgba(5,6,7,.60)
        0%,

        rgba(5,6,7,.62)
        38%,

        rgba(5,6,7,.94)
        100%
      );

  }


  #pcs-hero-inner {

    align-items:
      flex-end;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  #pcs-hero-content {

    max-width:
      760px;

  }


  #pcs-hero-pills {

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

  }

}





@media (max-width:767px) {


  #pcs-hero {

    min-height:
      unset;

    display:
      flex;

    flex-direction:
      column;

  }



  

  #pcs-hero-video {

    position:
      relative;

    z-index:
      2;

    width:
      100%;

    height:
      245px;

    flex-shrink:
      0;

    object-fit:
      cover;

    object-position:
      center center;

    transform:
      none;


    

    -webkit-mask-image:

      linear-gradient(
        180deg,
        #000 61%,
        transparent 100%
      );

    mask-image:

      linear-gradient(
        180deg,
        #000 61%,
        transparent 100%
      );

  }



  

  #pcs-hero::before {

    top:
      180px;

    background:

      linear-gradient(
        180deg,

        rgba(5,6,7,0)
        0%,

        rgba(5,6,7,.89)
        20%,

        #08090a
        49%,

        #08090a
        100%
      );

  }



  #pcs-hero::after {

    display:
      none;

  }



  

  #pcs-hero-inner {

    position:
      relative;

    z-index:
      3;

    width: 100%;

    min-height:
      unset;

    flex:
      1;

    align-items:
      flex-start;

    margin:
      0 auto;

    padding:
      6px
      0
      34px;

    background:
      #08090a;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}



  #pcs-hero-content {

    max-width:
      100%;

    padding:
      26px
      18px;

    border:
      1px solid
      rgba(255,255,255,.08);

    border-left:
      2px solid
      var(--pcs-orange);

    border-radius:
      0;

    background:
      #101113;

    box-shadow:
      none;

  }



  

  #pcs-hero-stat {

    top:
      14px;

    right:
      16px;

    min-width:
      95px;

    padding:
      10px
      11px;

    background:
      rgba(8,9,10,.88);

  }



  .pcs-stat-number {

    font-size:
      27px;

  }



  

  .pcs-eyebrow {

    margin-bottom:
      15px;

    font-size:
      7px;

    letter-spacing:
      .15em;

  }



  .pcs-eyebrow-line {

    width:
      24px;

    flex-basis:
      24px;

  }



  

  #pcs-hero-title {

    margin-bottom:
      14px;

    font-size:

      clamp(
        37px,
        11vw,
        50px
      );

    line-height:
      .98;

  }



  

  #pcs-hero-sub {

    margin-bottom:
      23px;

    font-size:
      12px;

    line-height:
      1.6;

  }



  

  #pcs-hero-pills {

    grid-template-columns:
      1fr
      1fr;

    gap:
      0;

    margin-bottom:
      25px;

  }



  .pcs-pill {

    min-height:
      45px;

    padding:
      8px
      9px;

    font-size:
      8px;

  }



  

  .pcs-pill:last-child {

    grid-column:
      1 / -1;

  }



  

  #pcs-hero-actions {

    flex-direction:
      column;

    align-items:
      stretch;

    width:
      100%;

  }


  .pcs-btn {

    width:
      100%;

  }

}





@media (max-width:480px) {

  #pcs-hero-video {

    height:
      215px;

  }


  #pcs-hero::before {

    top:
      150px;

  }


  #pcs-hero-inner {

    width: 100%;

    padding-bottom:
      25px;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  #pcs-hero-content {

    padding:
      23px
      15px;

  }


  #pcs-hero-stat {

    top:
      12px;

    right:
      13px;

    min-width:
      87px;

  }


  #pcs-hero-sub br {

    display:
      none;

  }

}





#pcs-hero
#pcs-hero-title {

  color:
    #fff !important;

}


#pcs-hero
#pcs-hero-title
.pcs-highlight {

  color:
    #F65200 !important;

}


#pcs-hero
#pcs-hero-sub {

  color:
    rgba(255,255,255,.57) !important;

}


#pcs-hero
.pcs-eyebrow {

  color:
    #F65200 !important;

}





@media (prefers-reduced-motion:reduce) {

  #pcs-hero-video,
  .pcs-btn,
  .pcs-pill {

    animation:
      none !important;

    transform:
      none !important;

    transition:
      none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6eb3561 *//* =========================
   HERO
========================= */

.awc-hero {
    position: relative;
    width: 100%;
    min-height: 720px;
    overflow: hidden;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    background: #111;
}


/* =========================
   POSTER IMAGE
========================= */

.awc-poster {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    display: block;

    z-index: 0;
}


/* =========================
   BACKGROUND VIDEO
========================= */

.awc-bg-video {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    z-index: 1;

    pointer-events: none;

    /*
     * Keep poster visible while the video loads.
     */
    opacity: 0;
    transition: opacity .35s ease;
}


/*
 * Added after the video has enough data to play.
 */
.awc-bg-video.is-ready {
    opacity: 1;
}


/* =========================
   OVERLAY
========================= */

.awc-overlay {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.5);

    z-index: 2;
    pointer-events: none;
}


/* =========================
   CONTENT
========================= */

.awc-content {
    position: relative;
    z-index: 3;

    width: 100%;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    text-align: center;

    padding: 35px 20px 0;
}


#awc-title {
    margin: 0 0 16px;

    color: #ffffff !important;

    font-family: inherit;

    font-size: clamp(42px, 5.4vw, 76px);

    font-weight: 850;

    line-height: .95;

    letter-spacing: -.048em;

    text-wrap: balance;

    text-align: center;
}


#awc-title .highlight {
    display: inline-block;

    color: #F65200 !important;

    background: none !important;

    -webkit-background-clip: initial !important;
    background-clip: initial !important;

    -webkit-text-fill-color: #F65200 !important;

    padding: 0;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1024px) {

    .awc-content {
        padding-top: 30px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .awc-hero {
        min-height: 350px;

        align-items: flex-start;
        justify-content: center;
    }


    /*
     * Mobile uses the poster only.
     * The JS below also prevents the MP4 source
     * from being added on mobile.
     */
    .awc-bg-video {
        display: none !important;
    }


    .awc-poster {
        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }


    .awc-content {
        width: 100%;

        min-height: 0;

        display: flex;
        align-items: flex-start;
        justify-content: center;

        padding: 22px 15px 0;
    }


    #awc-title {
        margin: 0;

        font-size: clamp(37px, 11vw, 49px);

        line-height: .97;

        text-align: center;
    }

}


/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {

    .awc-bg-video {
        display: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9729695 */.aghub,
.aghub *,
.aghub *::before,
.aghub *::after {
  box-sizing: border-box;
}


.aghub {
  --ag-orange: #F65200;
  --ag-bg: #08090a;
  --ag-panel: #111214;
  --ag-panel-2: #151618;

  width: 100%;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #08090a 0%,
      #090a0b 100%
    );

  color: #fff;

  font-family: inherit;


  


}



.aghub-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(
      48px,
      5vw,
      72px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.aghub-panel {
  display: grid;

  grid-template-columns:
    minmax(0,1.35fr)
    minmax(360px,.65fr);

  border:
    1px solid
    rgba(255,255,255,.10);

  background:
    #0e0f10;

  overflow: hidden;
}





.aghub-main {
  min-width: 0;

  padding:
    clamp(
      32px,
      4.5vw,
      60px
    );

  background:

    radial-gradient(
      circle at 0% 0%,
      rgba(246,82,0,.10),
      transparent 33%
    ),

    #0c0d0e;
}





.aghub-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 17px;

  color:
    var(--ag-orange);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}



.aghub-eyebrow span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}





.aghub .aghub-main h2 {
  max-width: 780px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      38px,
      4.8vw,
      66px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.047em;
}



.aghub .aghub-main h2 span {
  display: block;

  color:
    rgba(255,255,255,.38) !important;
}





.aghub-lead {
  max-width: 690px;

  margin:
    18px
    0
    0;

  color:
    rgba(255,255,255,.55);

  font-size: 14px;

  line-height: 1.6;
}





.aghub-resources {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  margin-top:
    clamp(
      28px,
      4vw,
      42px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);

  border-bottom:
    1px solid
    rgba(255,255,255,.09);
}



.aghub-resource {
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 7px;

  padding:
    15px
    12px;

  border-right:
    1px solid
    rgba(255,255,255,.08);
}



.aghub-resource:first-child {
  padding-left: 0;
}



.aghub-resource:last-child {
  border-right: 0;
}



.aghub-resource-number {
  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .10em;
}



.aghub-resource > span:last-child {
  color:
    rgba(255,255,255,.76);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .06em;

  text-transform: uppercase;
}





.aghub-access {
  min-width: 0;

  display: flex;
  flex-direction: column;

  padding:
    clamp(
      28px,
      3.4vw,
      44px
    );

  border-left:
    1px solid
    rgba(255,255,255,.09);

  background:
    linear-gradient(
      145deg,
      #151618,
      #101113
    );
}





.aghub-access-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-bottom:
    clamp(
      32px,
      4vw,
      48px
    );
}



.aghub-index {
  color:
    rgba(255,255,255,.38);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.aghub-status {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.aghub-status::before {
  content: "";

  width: 5px;
  height: 5px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.aghub-access-label {
  display: block;

  margin-bottom: 8px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.aghub .aghub-access h3 {
  max-width: 420px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      29px,
      3vw,
      41px
    );

  font-weight: 850;

  line-height: .96;

  letter-spacing: -.04em;
}



.aghub-access-copy p {
  max-width: 420px;

  margin:
    14px
    0
    0;

  color:
    rgba(255,255,255,.45);

  font-size: 13px;

  line-height: 1.55;
}





.aghub-actions {
  display: grid;

  grid-template-columns: 1fr;

  gap: 7px;

  margin-top: auto;

  padding-top:
    clamp(
      27px,
      4vw,
      42px
    );
}



.aghub-btn {
  min-height: 50px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding:
    0
    17px;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .13em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}





.aghub-btn-primary {
  color: #fff !important;

  background:
    var(--ag-orange);
}



.aghub-btn-primary svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;
  stroke-linejoin: round;
}





.aghub-btn-secondary {
  border:
    1px solid
    rgba(255,255,255,.14);

  color:
    rgba(255,255,255,.68) !important;

  background:
    transparent;
}



.aghub-phone-icon {
  display: flex;

  align-items: center;
  justify-content: center;
}



.aghub-phone-icon svg {
  width: 13px;
  height: 13px;

  fill: none;

  stroke:
    var(--ag-orange);

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}



@media (hover:hover) {

  .aghub-btn:hover {
    transform:
      translateY(-2px);
  }


  .aghub-btn-primary:hover {
    background:
      #ff641a;
  }


  .aghub-btn-secondary:hover {
    color: #fff !important;

    border-color:
      rgba(255,255,255,.35);
  }

}



.aghub-btn:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    3px;
}





.aghub-meta {
  display: flex;

  flex-wrap: wrap;

  gap:
    6px
    14px;

  margin-top: 17px;
}



.aghub-meta span {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.30);

  font-size: 9.5px;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}



.aghub-meta i {
  width: 3px;
  height: 3px;

  flex: 0 0 3px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





@media (max-width: 950px) {

  .aghub-panel {
    grid-template-columns:
      1fr;
  }


  .aghub-access {
    border-left: 0;

    border-top:
      1px solid
      rgba(255,255,255,.09);
  }


  .aghub-actions {
    margin-top: 25px;
  }

}





@media (max-width: 640px) {

  .aghub {

}


  .aghub-shell {
    width: 100%;

    padding:
      46px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .aghub-main {
    padding:
      27px
      18px
      29px;
  }


  .aghub .aghub-main h2 {
    font-size:
      clamp(
        35px,
        10.5vw,
        47px
      );
  }


  .aghub-lead {
    font-size: 14px;
  }


  

  .aghub-resources {
    grid-template-columns:
      1fr
      1fr;

    margin-top: 26px;
  }


  .aghub-resource {
    padding:
      13px
      10px;

    border-bottom:
      1px solid
      rgba(255,255,255,.08);
  }


  .aghub-resource:nth-child(2) {
    border-right: 0;
  }


  .aghub-resource:nth-child(3),
  .aghub-resource:nth-child(4) {
    border-bottom: 0;
  }


  .aghub-resource:nth-child(3) {
    padding-left: 0;
  }


  

  .aghub-access {
    padding:
      26px
      18px
      27px;
  }


  .aghub-access-top {
    margin-bottom:
      31px;
  }


  .aghub .aghub-access h3 {
    font-size:
      clamp(
        29px,
        8.6vw,
        39px
      );
  }


  .aghub-access-copy p {
    font-size: 13px;
  }


  .aghub-btn {
    width: 100%;
  }

}





@media (max-width: 370px) {

  .aghub-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .aghub-main,
  .aghub-access {
    padding-left: 15px;
    padding-right: 15px;
  }

}





.aghub .aghub-main h2 {
  color: #fff !important;
}


.aghub .aghub-main h2 span {
  color:
    rgba(255,255,255,.38) !important;
}


.aghub .aghub-access h3 {
  color: #fff !important;
}


.aghub .aghub-lead {
  color:
    rgba(255,255,255,.55) !important;
}


.aghub .aghub-access-copy p {
  color:
    rgba(255,255,255,.45) !important;
}


.aghub .aghub-eyebrow,
.aghub .aghub-access-label {
  color:
    #F65200 !important;
}





@media (prefers-reduced-motion: reduce) {

  .aghub-btn {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d37731 */#ag-us-map{--ag-orange:#f47a20;--ag-orange-2:#ff9a48;--ag-ink:#f7f7f8;--ag-muted:#aeb1b8;--ag-bg:#0b0c0e;--ag-panel:#121419;--ag-line:#2a2d33;font-family:Arial,Helvetica,sans-serif;color:var(--ag-ink);background:radial-gradient(circle at 12% 10%,#24201c 0,transparent 31%),var(--ag-bg);border:1px solid #24262b;padding:clamp(22px,4vw,52px);box-sizing:border-box;overflow:hidden}
  #ag-us-map *{box-sizing:border-box}
  #ag-us-map .ag-map-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:34px}
  #ag-us-map .ag-eyebrow,#ag-us-map .ag-panel-kicker{display:block;color:var(--ag-orange);font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:10px}
  #ag-us-map h2{font-size:clamp(30px,4vw,50px);line-height:1.04;letter-spacing:-.035em;margin:0 0 12px;color:#fff;max-width:720px}
  #ag-us-map .ag-map-heading p{color:var(--ag-muted);font-size:16px;line-height:1.6;margin:0;max-width:660px}
  #ag-us-map .ag-select-wrap{display:block;min-width:220px;color:#d7d9de;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
  #ag-us-map .ag-select-wrap>span{display:block;margin-bottom:8px}
  #ag-us-map .ag-state-select{width:100%;appearance:none;color:#fff;background:#17191e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='none' stroke='%23f47a20' stroke-width='2' d='m1 1 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #34373e;border-radius:10px;padding:13px 42px 13px 14px;font-size:14px;font-weight:700;outline:none}
  #ag-us-map .ag-state-select:focus{border-color:var(--ag-orange);box-shadow:0 0 0 3px rgba(244,122,32,.18)}
  #ag-us-map .ag-map-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:28px;align-items:stretch}
  #ag-us-map .ag-map-stage{position:relative;min-width:0;background:linear-gradient(145deg,#17191e,#0f1013);border:1px solid var(--ag-line);border-radius:18px;padding:18px;min-height:540px;display:flex;flex-direction:column;justify-content:center}
  #ag-us-map .ag-map-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 24px rgba(0,0,0,.28))}
  #ag-us-map .ag-state{stroke:#0b0c0e;stroke-width:1.35;vector-effect:non-scaling-stroke;cursor:pointer;outline:none;transition:fill .2s ease,filter .2s ease,opacity .2s ease}
  #ag-us-map .ag-state.is-nationwide{fill:#90EE90}
  #ag-us-map .ag-state.is-nationwide:hover,#ag-us-map .ag-state.is-nationwide:focus{fill:#ffc99f;filter:brightness(1.08)}
  #ag-us-map .ag-state.is-available{fill:var(--ag-orange)}
  #ag-us-map .ag-state.is-available:hover,#ag-us-map .ag-state.is-available:focus{fill:var(--ag-orange-2);filter:drop-shadow(0 0 7px rgba(244,122,32,.65))}
  #ag-us-map .ag-state.is-selected{fill:color-mix(in srgb,var(--selected-color,var(--ag-orange)) 65%,white)!important;stroke:var(--ag-orange);stroke-width:2.4}
  #ag-us-map .ag-state-label{fill:#151515;font-size:12px;font-weight:900;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:rgba(255,255,255,.12);stroke-width:1}
  #ag-us-map .ag-map-legend{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:#bfc2c9;font-size:12px;margin-top:6px}
  #ag-us-map .ag-map-legend span{display:flex;align-items:center;gap:7px}
  #ag-us-map .ag-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
  #ag-us-map .ag-dot-active{background:var(--ag-orange)}
  #ag-us-map .ag-dot-national{background:#90EE90}
  #ag-us-map .ag-map-tip{position:absolute;z-index:5;left:0;top:0;transform:translate(-50%,-125%);background:#fff;color:#111;padding:8px 11px;border-radius:8px;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28);pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap}
  #ag-us-map .ag-map-tip.is-visible{opacity:1}
  #ag-us-map .ag-state-panel{background:var(--ag-panel);border:1px solid var(--ag-line);border-radius:18px;padding:22px;min-height:540px;max-height:660px;display:flex;flex-direction:column}
  #ag-us-map .ag-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ag-line);padding-bottom:16px;margin-bottom:16px}
  #ag-us-map .ag-panel-title{font-size:28px;letter-spacing:-.025em;margin:0;color:#fff}
  #ag-us-map .ag-page-count{flex:0 0 auto;color:#fff;background:rgba(244,122,32,.15);border:1px solid rgba(244,122,32,.45);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
  #ag-us-map .ag-card-list{overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#555 #17191e}
  #ag-us-map .ag-card{display:grid;grid-template-columns:116px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #292c32;animation:agFade .3s ease both}
  #ag-us-map .ag-card:last-child{border-bottom:0}
  #ag-us-map .ag-card-image{width:116px;height:104px;object-fit:cover;border-radius:10px;background:#24262b}
  #ag-us-map .ag-card-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
  #ag-us-map .ag-card h4{font-size:16px;line-height:1.25;margin:1px 0 7px;color:#fff}
  #ag-us-map .ag-card p{font-size:12.5px;line-height:1.45;color:var(--ag-muted);margin:0 0 10px}
  #ag-us-map .ag-card a{color:var(--ag-orange);font-size:12px;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;margin-top:auto}
  #ag-us-map .ag-card a:hover{text-decoration:underline;color:var(--ag-orange-2)}
  #ag-us-map .ag-nationwide{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:360px;padding:18px 8px}
  #ag-us-map .ag-nationwide-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:rgba(244,122,32,.15);color:var(--ag-orange);font-size:27px;margin-bottom:18px}
  #ag-us-map .ag-nationwide h4{font-size:24px;margin:0 0 12px;color:#fff}
  #ag-us-map .ag-nationwide p{color:var(--ag-muted);font-size:14px;line-height:1.6;margin:0 0 20px}
  #ag-us-map .ag-primary-btn{display:inline-flex!important;align-items:center;justify-content:center;background:var(--ag-orange);color:#111!important;border-radius:9px;padding:13px 17px;text-decoration:none!important;font-weight:900!important}
  #ag-us-map .ag-primary-btn:hover{background:var(--ag-orange-2)}
  #ag-us-map .ag-all-links{margin-top:22px;border-top:1px solid var(--ag-line);padding-top:18px}
  #ag-us-map .ag-all-links summary{cursor:pointer;color:#fff;font-size:14px;font-weight:800;list-style:none;display:flex;align-items:center;gap:9px}
  #ag-us-map .ag-all-links summary:before{content:"+";color:var(--ag-orange);font-size:20px}
  #ag-us-map .ag-all-links[open] summary:before{content:"−"}
  #ag-us-map .ag-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:22px}
  #ag-us-map .ag-link-grid h4{color:#fff;font-size:15px;margin:0 0 8px}
  #ag-us-map .ag-link-grid a{display:block;color:#b8bbc2;text-decoration:none;font-size:12px;line-height:1.4;margin:6px 0}
  #ag-us-map .ag-link-grid a:hover{color:var(--ag-orange)}
  #ag-us-map .ag-map-layout{grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);align-items:stretch}
  #ag-us-map .ag-map-stage{min-height:720px}
  #ag-us-map .ag-state.is-full{fill:#f47a20}
  #ag-us-map .ag-state.is-operations{fill:#eab308}
  #ag-us-map .ag-state.is-wholesale{fill:#14b8a6}
  #ag-us-map .ag-state.is-partner{fill:#8b5cf6}
  #ag-us-map .ag-state.is-hq{fill:#3b82f6}
  #ag-us-map .ag-state.is-nationwide{fill:#90EE90}
  #ag-us-map .ag-state:hover,#ag-us-map .ag-state:focus{filter:brightness(1.28) drop-shadow(0 0 5px rgba(255,255,255,.18))}
  #ag-us-map .ag-state.is-selected{fill:color-mix(in srgb,var(--selected-color,var(--ag-orange)) 65%,white)!important;stroke:var(--selected-color,var(--ag-orange));stroke-width:2.6}
  #ag-us-map .ag-map-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:720px;max-height:760px}
  #ag-us-map .ag-network-key{background:#101216;border:1px solid var(--ag-line);border-radius:16px;padding:17px}
  #ag-us-map .ag-legend-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  #ag-us-map .ag-legend-row{appearance:none;width:100%;display:flex;align-items:center;gap:9px;text-align:left;background:#17191e;border:1px solid #282b31;border-radius:9px;padding:9px;color:#fff;cursor:pointer;transition:border-color .18s,transform .18s}
  #ag-us-map .ag-legend-row:hover,#ag-us-map .ag-legend-row:focus{border-color:#666b76;transform:translateY(-1px);outline:none}
  #ag-us-map .ag-legend-row i{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:var(--legend-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--legend-color) 18%,transparent)}
  #ag-us-map .ag-legend-row span{min-width:0;display:block}
  #ag-us-map .ag-legend-row strong,#ag-us-map .ag-legend-row small{display:block}
  #ag-us-map .ag-legend-row strong{font-size:10.5px;line-height:1.2}
  #ag-us-map .ag-legend-row small{color:#92969f;font-size:9.5px;line-height:1.25;margin-top:2px}
  #ag-us-map .ag-state-panel{min-height:0;max-height:none;flex:1;padding:20px;overflow:hidden}
  #ag-us-map .ag-panel-head{margin-bottom:12px;padding-bottom:13px}
  #ag-us-map .ag-status-badge{flex:0 0 auto;max-width:155px;text-align:center;color:#fff;background:color-mix(in srgb,var(--status-color,var(--ag-orange)) 18%,transparent);border:1px solid color-mix(in srgb,var(--status-color,var(--ag-orange)) 58%,transparent);border-radius:999px;padding:7px 10px;font-size:9.5px;line-height:1.25;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
  #ag-us-map .ag-state-summary{color:#b9bdc5;font-size:12.5px;line-height:1.5;margin-bottom:11px}
  #ag-us-map .ag-service-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
  #ag-us-map .ag-service-chip{font-size:9.5px;font-weight:800;color:#e9eaf0;background:#1b1e24;border:1px solid #30343c;border-radius:999px;padding:6px 8px}
  #ag-us-map .ag-state-content{overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#555 #17191e}
  #ag-us-map .ag-content-section{margin-top:14px}
  #ag-us-map .ag-content-section:first-child{margin-top:0}
  #ag-us-map .ag-section-title{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px}
  #ag-us-map .ag-section-title span{color:#8e929b;font-size:9px;letter-spacing:.04em}
  #ag-us-map .ag-location-card{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:10px;background:#17191e;border:1px solid #282c33;border-radius:10px;padding:10px;margin-bottom:7px}
  #ag-us-map .ag-location-type{color:var(--location-color,var(--ag-orange));font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
  #ag-us-map .ag-location-copy strong{display:block;color:#fff;font-size:12px;margin-bottom:3px}
  #ag-us-map .ag-location-copy address{color:#9fa3ac;font-size:10.5px;line-height:1.35;font-style:normal}
  #ag-us-map .ag-location-link{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#22252b;color:#fff;text-decoration:none;font-size:13px}
  #ag-us-map .ag-location-link:hover{background:var(--location-color,var(--ag-orange));color:#111}
  #ag-us-map .ag-location-note{color:#90949d;font-size:10.5px;line-height:1.45;border-left:2px solid var(--status-color,var(--ag-orange));padding:2px 0 2px 9px;margin:9px 0 0}
  #ag-us-map .ag-page-card{display:grid;grid-template-columns:68px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #292c32}
  #ag-us-map .ag-page-card:last-child{border-bottom:0}
  #ag-us-map .ag-page-card img{width:68px;height:58px;border-radius:8px;object-fit:cover;background:#24262b}
  #ag-us-map .ag-page-card h4{color:#fff;font-size:11.5px;line-height:1.25;margin:0 0 4px}
  #ag-us-map .ag-page-card p{color:#9498a1;font-size:9.7px;line-height:1.35;margin:0 0 4px}
  #ag-us-map .ag-page-card a{color:var(--ag-orange);font-size:9.5px;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}
  #ag-us-map .ag-network-empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:235px;padding:10px 4px}
  #ag-us-map .ag-network-empty .ag-shipping-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(244,122,32,.24),rgba(244,122,32,.08));border:1px solid rgba(244,122,32,.35);font-size:29px;margin-bottom:16px}
  #ag-us-map .ag-network-empty h4{color:#fff;font-size:22px;margin:0 0 9px}
  #ag-us-map .ag-network-empty p{color:#aeb1b8;font-size:12.5px;line-height:1.55;margin:0 0 17px}
  #ag-us-map .ag-network-empty .ag-shipping-points{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin-bottom:18px}
  #ag-us-map .ag-network-empty .ag-shipping-points span{background:#181a1f;border:1px solid #2d3037;border-radius:8px;padding:8px;color:#d6d8dd;font-size:10px;font-weight:700}
  @keyframes agFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
  @media(max-width:900px){#ag-us-map .ag-map-heading{align-items:stretch;flex-direction:column}#ag-us-map .ag-select-wrap{width:100%}#ag-us-map .ag-map-layout{grid-template-columns:1fr}#ag-us-map .ag-map-stage{min-height:auto}#ag-us-map .ag-map-sidebar{min-height:0;max-height:none}#ag-us-map .ag-state-panel{min-height:520px;max-height:650px}#ag-us-map .ag-link-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:540px){#ag-us-map{padding:19px;}#ag-us-map .ag-map-heading{margin-bottom:22px;gap:18px}#ag-us-map h2{font-size:31px}#ag-us-map .ag-map-stage{padding:8px;border-radius:12px}#ag-us-map .ag-legend-list{grid-template-columns:1fr}#ag-us-map .ag-state-panel{padding:16px;min-height:520px;max-height:650px}#ag-us-map .ag-panel-title{font-size:23px}#ag-us-map .ag-status-badge{max-width:122px;font-size:8.5px}#ag-us-map .ag-location-card{grid-template-columns:78px 1fr auto}#ag-us-map .ag-network-empty .ag-shipping-points{grid-template-columns:1fr}#ag-us-map .ag-link-grid{grid-template-columns:1fr}}
  @media(prefers-reduced-motion:reduce){#ag-us-map .ag-state,#ag-us-map .ag-map-tip,#ag-us-map .ag-card{transition:none;animation:none}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65d62c5 */#alugsys26-section .alugsys26-head h2 {
  color: #ffffff !important;
}

#alugsys26-section .alugsys26-head h2 > span {
  color: rgba(255,255,255,.38) !important;
}

#alugsys26-section .alugsys26-value-intro h3 {
  color: rgba(255,255,255,.96) !important;
}

#alugsys26-section .alugsys26-advantage h4 {
  color: rgba(255,255,255,.92) !important;
}

#alugsys26-section .alugsys26-head-side > p {
  color: rgba(255,255,255,.62) !important;
}

#alugsys26-section .alugsys26-value-intro > p {
  color: rgba(255,255,255,.55) !important;
}

#alugsys26-section .alugsys26-advantage p {
  color: rgba(255,255,255,.50) !important;
}

#alugsys26-section .alugsys26-footer-title > strong {
  color: rgba(255,255,255,.86) !important;
}

#alugsys26-section .alugsys26-eyebrow,
#alugsys26-section .alugsys26-value-index,
#alugsys26-section .alugsys26-number,
#alugsys26-section .alugsys26-action-label,
#alugsys26-section .alugsys26-footer-title > span,
#alugsys26-section .alugsys26-media-copy > span {
  color: #F65200 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51a594b */.elementor-145 .elementor-element.elementor-element-51a594b h2,
.elementor-145 .elementor-element.elementor-element-51a594b h3{
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e236627 */.agpartner,
.agpartner *,
.agpartner *::before,
.agpartner *::after {
  box-sizing: border-box;
}


.agpartner {
  --ag-orange: #F65200;

  width: 100%;

  overflow: hidden;

  color: #fff;

  background:
    linear-gradient(
      180deg,
      #08090a 0%,
      #090a0b 100%
    );

  font-family: inherit;


  


}



.agpartner-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(
      70px,
      7vw,
      108px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agpartner-head {
  display: grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(350px,.85fr);

  align-items: end;

  gap:
    clamp(
      36px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      38px,
      5vw,
      62px
    );
}



.agpartner-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 16px;

  color:
    var(--ag-orange);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}



.agpartner-eyebrow > span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}



.agpartner .agpartner-head h2 {
  max-width: 850px;

  margin: 0;

  color:
    #fff !important;

  font-size:
    clamp(
      42px,
      5.4vw,
      76px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.048em;
}



.agpartner .agpartner-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.37) !important;
}



.agpartner-head-side > p {
  max-width: 540px;

  margin: 0;

  color:
    rgba(255,255,255,.55);

  font-size: 14px;

  line-height: 1.65;
}



.agpartner-head-meta {
  display: flex;

  flex-wrap: wrap;

  gap:
    8px
    18px;

  margin-top: 20px;
}



.agpartner-head-meta span {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.38);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agpartner-head-meta i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agpartner-stage {
  display: grid;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(430px,1.05fr);

  min-height: 780px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    #0e0f10;
}





.agpartner-media {
  position: relative;

  min-width: 0;
  min-height: 780px;

  margin: 0;

  overflow: hidden;

  background:
    #08090a;

  isolation: isolate;
}



.agpartner .agpartner-image {
  position: absolute !important;

  inset: 0 !important;

  z-index: 0;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  object-fit: cover !important;

  object-position:
    center center !important;

  transition:
    transform .35s ease;
}



@media (hover:hover) {

  .agpartner-media:hover
  .agpartner-image {

    transform:
      scale(1.018);

  }

}





.agpartner-media-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      to top,
      rgba(4,5,6,.94) 0%,
      rgba(4,5,6,.18) 51%,
      rgba(4,5,6,.08) 100%
    );

  pointer-events: none;
}





.agpartner-media-trigger {
  position: absolute;

  inset: 0;

  z-index: 2;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  border: 0;

  background: transparent;

  cursor: zoom-in;
}



.agpartner-media-trigger:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    -3px;
}





.agpartner-media-top {
  position: absolute;

  top: 20px;
  left: 21px;
  right: 21px;

  z-index: 4;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  pointer-events: none;
}



.agpartner-media-top > span:first-child {
  color:
    rgba(255,255,255,.58);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agpartner-enlarge {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  min-height: 30px;

  padding:
    0
    9px;

  border:
    1px solid
    rgba(255,255,255,.15);

  background:
    rgba(7,8,9,.82);

  color:
    rgba(255,255,255,.70);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agpartner-enlarge svg {
  width: 11px;
  height: 11px;

  fill: none;

  stroke:
    var(--ag-orange);

  stroke-width: 1.8;

  stroke-linecap: round;
}





.agpartner-media-copy {
  position: absolute;

  left:
    clamp(
      22px,
      3vw,
      40px
    );

  right:
    clamp(
      22px,
      4vw,
      55px
    );

  bottom:
    clamp(
      27px,
      4vw,
      46px
    );

  z-index: 4;

  pointer-events: none;
}



.agpartner-media-copy > span {
  display: block;

  margin-bottom: 9px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .16em;

  text-transform: uppercase;
}



.agpartner-media-copy > strong {
  display: block;

  max-width: 650px;

  color: #fff;

  font-size:
    clamp(
      35px,
      4.1vw,
      57px
    );

  font-weight: 850;

  line-height: .94;

  letter-spacing: -.044em;
}



.agpartner-media-copy > p {
  max-width: 570px;

  margin:
    15px
    0
    0;

  color:
    rgba(255,255,255,.54);

  font-size: 12px;

  line-height: 1.52;
}





.agpartner-content {
  min-width: 0;

  display: flex;

  flex-direction: column;

  padding:
    clamp(
      30px,
      3.7vw,
      48px
    );

  border-left:
    1px solid
    rgba(255,255,255,.09);

  background:
    linear-gradient(
      145deg,
      #141517,
      #0d0e0f
    );
}





.agpartner-content-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-bottom:
    clamp(
      30px,
      4vw,
      42px
    );
}



.agpartner-content-top > span:first-child {
  color:
    rgba(255,255,255,.38);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agpartner-status {
  padding:
    6px
    8px;

  border:
    1px solid
    rgba(246,82,0,.30);

  color:
    var(--ag-orange);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}





.agpartner-content-label {
  display: block;

  margin-bottom: 8px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agpartner .agpartner-content-intro h3 {
  max-width: 530px;

  margin: 0;

  color:
    #fff !important;

  font-size:
    clamp(
      31px,
      3.5vw,
      48px
    );

  font-weight: 850;

  line-height: .96;

  letter-spacing: -.04em;
}



.agpartner-content-intro > p {
  max-width: 510px;

  margin:
    15px
    0
    0;

  color:
    rgba(255,255,255,.47);

  font-size: 13px;

  line-height: 1.55;
}





.agpartner-paths {
  display: grid;

  grid-template-columns:
    1fr
    1fr;

  margin-top:
    clamp(
      27px,
      4vw,
      40px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agpartner-path {
  display: grid;

  grid-template-columns:
    28px
    minmax(0,1fr);

  gap: 9px;

  padding:
    16px
    17px
    16px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.08);
}



.agpartner-path:nth-child(odd) {
  border-right:
    1px solid
    rgba(255,255,255,.08);
}



.agpartner-path:nth-child(even) {
  padding-left:
    17px;
}



.agpartner-path-num {
  padding-top: 2px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;
}



.agpartner-path strong {
  display: block;

  color:
    rgba(255,255,255,.88);

  font-size: 13px;

  font-weight: 800;

  line-height: 1.3;
}



.agpartner-path p {
  margin:
    5px
    0
    0;

  color:
    rgba(255,255,255,.39);

  font-size: 11px;

  line-height: 1.45;
}





.agpartner-actions {
  display: grid;

  grid-template-columns:
    1fr;

  gap: 7px;

  margin-top: auto;

  padding-top:
    25px;
}



.agpartner-btn {
  min-height: 50px;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  padding:
    0
    17px;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}



.agpartner-btn-primary {
  background:
    var(--ag-orange);

  color:
    #fff !important;
}



.agpartner-btn-primary svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}



.agpartner-btn-secondary {
  border:
    1px solid
    rgba(255,255,255,.14);

  background:
    transparent;

  color:
    rgba(255,255,255,.67) !important;
}



@media (hover:hover) {

  .agpartner-btn:hover {
    transform:
      translateY(-2px);
  }


  .agpartner-btn-primary:hover {
    background:
      #ff641a;
  }


  .agpartner-btn-secondary:hover {
    color:
      #fff !important;

    border-color:
      rgba(255,255,255,.35);
  }

}





.agpartner-audiences {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  margin-top:
    clamp(
      30px,
      4vw,
      45px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);

  border-bottom:
    1px solid
    rgba(255,255,255,.09);
}



.agpartner-audience {
  display: grid;

  grid-template-columns:
    32px
    minmax(0,1fr);

  gap: 10px;

  padding:
    22px
    22px;

  border-right:
    1px solid
    rgba(255,255,255,.08);
}



.agpartner-audience:first-child {
  padding-left:
    0;
}



.agpartner-audience:last-child {
  border-right:
    0;
}



.agpartner-audience-num {
  padding-top:
    2px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;
}



.agpartner-audience-label {
  display: block;

  margin-bottom: 7px;

  color:
    rgba(255,255,255,.30);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;
}



.agpartner-audience strong {
  display: block;

  color:
    rgba(255,255,255,.88);

  font-size: 14px;

  font-weight: 800;

  line-height: 1.3;
}



.agpartner-audience p {
  max-width: 330px;

  margin:
    6px
    0
    0;

  color:
    rgba(255,255,255,.41);

  font-size: 11px;

  line-height: 1.45;
}





.agpartner-footer {
  display: grid;

  grid-template-columns:
    minmax(320px,.9fr)
    minmax(0,1.1fr);

  align-items: center;

  gap:
    35px;

  margin-top:
    clamp(
      27px,
      4vw,
      42px
    );
}



.agpartner-footer-main {
  display: flex;

  align-items: center;

  gap: 15px;
}



.agpartner-footer-index {
  color:
    var(--ag-orange);

  font-size:
    30px;

  font-weight: 900;

  line-height: 1;

  letter-spacing: -.04em;
}



.agpartner-footer-main > div > span {
  display: block;

  margin-bottom: 4px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agpartner-footer-main strong {
  color:
    rgba(255,255,255,.80);

  font-size: 14px;

  font-weight: 760;
}



.agpartner-footer-systems {
  display: flex;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap:
    8px
    17px;
}



.agpartner-footer-systems span {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.35);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}



.agpartner-footer-systems i {
  width: 3px;
  height: 3px;

  flex: 0 0 3px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agpartner-lightbox {
  position: fixed;

  inset: 0;

  z-index: 999999;

  width: 100%;
  height: 100%;

  max-width: none;
  max-height: none;

  margin: 0;
  padding: 0;

  border: 0;

  background:
    rgba(0,0,0,.95);
}



.agpartner-lightbox::backdrop {
  background:
    rgba(0,0,0,.95);
}



.agpartner-lightbox-shell {
  position: relative;

  width: 100%;
  height: 100%;

  display: flex;

  align-items: center;
  justify-content: center;

  padding:
    65px
    30px
    55px;
}



.agpartner-lightbox-image {
  display: block;

  width: auto;
  height: auto;

  max-width: 94vw;
  max-height: 84vh;

  object-fit: contain;
}



.agpartner-lightbox-close {
  position: absolute;

  top: 17px;
  right: 20px;

  min-width: 80px;
  height: 40px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 7px;

  padding:
    0
    12px;

  border:
    1px solid
    rgba(255,255,255,.17);

  background:
    #111214;

  color:
    #fff;

  font-family:
    inherit;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;

  cursor: pointer;
}



.agpartner-lightbox-close svg {
  width: 12px;
  height: 12px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;
}



.agpartner-lightbox-caption {
  position: absolute;

  left: 50%;
  bottom: 16px;

  width:
    min(
      850px,
      calc(100% - 30px)
    );

  margin: 0;

  transform:
    translateX(-50%);

  color:
    rgba(255,255,255,.60);

  font-size: 10.5px;

  line-height: 1.4;

  text-align: center;
}





@media (max-width:1024px) {

  .agpartner-head {
    grid-template-columns:
      1fr;

    align-items:
      start;

    gap:
      20px;
  }


  .agpartner-head-side > p {
    max-width:
      700px;
  }


  .agpartner-stage {
    grid-template-columns:
      1fr;

    min-height:
      0;
  }


  .agpartner-media {
    min-height:
      clamp(
        560px,
        70vw,
        720px
      );
  }


  .agpartner-content {
    border-left:
      0;

    border-top:
      1px solid
      rgba(255,255,255,.09);
  }


  .agpartner-actions {
    margin-top:
      25px;
  }


  .agpartner-footer {
    grid-template-columns:
      1fr;
  }


  .agpartner-footer-systems {
    justify-content:
      flex-start;
  }

}





@media (max-width:640px) {

  .agpartner {

}


  .agpartner-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agpartner-head {
    margin-bottom:
      29px;
  }


  .agpartner .agpartner-head h2 {
    font-size:
      clamp(
        37px,
        11vw,
        49px
      );
  }


  .agpartner-head-side > p {
    font-size:
      12px;
  }


  

  .agpartner-media {
    min-height:
      510px;
  }


  .agpartner-media-top {
    top:
      14px;

    left:
      14px;

    right:
      14px;
  }


  .agpartner-media-copy {
    left:
      18px;

    right:
      18px;

    bottom:
      21px;
  }


  .agpartner-media-copy > strong {
    font-size:
      clamp(
        32px,
        10vw,
        42px
      );
  }


  .agpartner-media-copy > p {
    font-size:
      9px;
  }


  

  .agpartner-content {
    padding:
      26px
      18px
      28px;
  }


  .agpartner-content-top {
    margin-bottom:
      31px;
  }


  .agpartner .agpartner-content-intro h3 {
    font-size:
      clamp(
        31px,
        9vw,
        40px
      );
  }


  .agpartner-content-intro > p {
    font-size:
      10px;
  }


  .agpartner-paths {
    grid-template-columns:
      1fr;
  }


  .agpartner-path,
  .agpartner-path:nth-child(even) {
    padding:
      14px
      0;

    border-right:
      0;
  }


  .agpartner-actions {
    margin-top:
      22px;
  }


  .agpartner-btn {
    width:
      100%;
  }


  

  .agpartner-audiences {
    grid-template-columns:
      1fr;

    margin-top:
      34px;
  }


  .agpartner-audience,
  .agpartner-audience:first-child {
    padding:
      18px
      0;

    border-right:
      0;

    border-bottom:
      1px solid
      rgba(255,255,255,.08);
  }


  .agpartner-audience:last-child {
    border-bottom:
      0;
  }


  

  .agpartner-footer {
    gap:
      22px;
  }


  .agpartner-footer-index {
    font-size:
      26px;
  }


  

  .agpartner-lightbox-shell {
    padding:
      58px
      8px
      48px;
  }


  .agpartner-lightbox-image {
    max-width:
      96vw;

    max-height:
      79vh;
  }


  .agpartner-lightbox-close {
    top:
      9px;

    right:
      9px;
  }

}





@media (max-width:370px) {

  .agpartner-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agpartner-media {
    min-height:
      470px;
  }

}





.agpartner .agpartner-head h2,
.agpartner .agpartner-content-intro h3 {
  color:
    #fff !important;
}


.agpartner .agpartner-head h2 span {
  color:
    rgba(255,255,255,.37) !important;
}


.agpartner .agpartner-head-side > p {
  color:
    rgba(255,255,255,.55) !important;
}


.agpartner .agpartner-content-intro > p {
  color:
    rgba(255,255,255,.47) !important;
}


.agpartner .agpartner-eyebrow,
.agpartner .agpartner-content-label {
  color:
    #F65200 !important;
}





@media (prefers-reduced-motion:reduce) {

  .agpartner-image,
  .agpartner-btn {
    transition:
      none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55389c9 */.agwhy-action{
    padding-bottom: 3%;
}


.agwhy,
.agwhy *,
.agwhy *::before,
.agwhy *::after {
  box-sizing: border-box;
}


.agwhy {
  --ag-orange: #F65200;

  position: relative;
  width: 100%;
  overflow: hidden;

  color: #fff;

  font-family: inherit;

  background-color: rgba(7,8,9,.60);

  background-image:
    linear-gradient(
      90deg,
      rgba(7,8,9,.98) 0%,
      rgba(7,8,9,.96) 35%,
      rgba(7,8,9,.88) 65%,
      rgba(7,8,9,.70) 100%
    );


}


.agwhy-shell {
  width: 100%;
  max-width: none;

  margin: 0;

  padding:
    clamp(70px,7vw,105px)
    clamp(18px,2vw,32px);
}


.agwhy-layout {
  display: grid;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(460px,1.05fr);

  align-items: start;

  gap: clamp(55px,8vw,115px);
}


.agwhy-intro {
  min-width: 0;

  position: sticky;

  top: 110px;
}


.agwhy-eyebrow {
  display: flex;

  align-items: center;

  gap: 11px;

  margin-bottom: 17px;

  color: var(--ag-orange);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}


.agwhy-eyebrow > span {
  width: 30px;

  height: 2px;

  flex: 0 0 30px;

  background: var(--ag-orange);
}


.agwhy .agwhy-intro h2 {
  max-width: 650px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      43px,
      5.2vw,
      74px
    );

  font-weight: 850;

  line-height: .94;

  letter-spacing: -.05em;
}


.agwhy .agwhy-intro h2 span {
  display: block;

  color:
    rgba(255,255,255,.37) !important;
}


.agwhy-lead {
  max-width: 590px;

  margin:
    22px
    0
    0;

  color:
    rgba(255,255,255,.72) !important;

  font-size:
    clamp(
      15px,
      1.4vw,
      18px
    );

  line-height: 1.58;
}


.agwhy-copy {
  max-width: 590px;

  margin:
    15px
    0
    0;

  color:
    rgba(255,255,255,.46) !important;

  font-size: 14px;

  line-height: 1.62;
}


.agwhy-action {
  margin-top: 29px;
}


.agwhy-btn {
  min-height: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding:
    0
    19px;

  background:
    var(--ag-orange);

  color:
    #fff !important;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .13em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease;
}


.agwhy-btn svg {
  width: 14px;

  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}


@media (hover:hover) {

  .agwhy-btn:hover {
    transform:
      translateY(-2px);

    background:
      #ff641a;
  }

}


.agwhy-btn:focus-visible {
  outline:
    3px solid #fff;

  outline-offset: 3px;
}


.agwhy-media {
  position: relative;

  width: 100%;

  min-height:
    clamp(
      230px,
      20vw,
      315px
    );

  margin:
    clamp(
      34px,
      4vw,
      48px
    )
    0
    0;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.10);

  background:
    #0a0b0c;

  isolation: isolate;
}


.agwhy .agwhy-media > img {
  position: absolute !important;

  inset: 0 !important;

  z-index: 0;

  display: block !important;

  width: 100% !important;

  height: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 0 !important;

  object-fit: cover !important;

  object-position:
    center 48% !important;

  filter:
    brightness(.78);

  transition:
    transform .32s ease,
    filter .32s ease;
}


@media (hover:hover) {

  .agwhy-media:hover > img {
    transform:
      scale(1.018);

    filter:
      brightness(.88);
  }

}


.agwhy-media-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:

    linear-gradient(
      180deg,
      rgba(4,5,6,.06) 0%,
      rgba(4,5,6,.08) 38%,
      rgba(4,5,6,.92) 100%
    ),

    linear-gradient(
      90deg,
      rgba(4,5,6,.16),
      transparent 65%
    );

  pointer-events: none;
}


.agwhy-media-top {
  position: absolute;

  top: 14px;

  left: 15px;

  right: 15px;

  z-index: 3;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  pointer-events: none;
}


.agwhy-media-top span {
  color:
    rgba(255,255,255,.58);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;
}


.agwhy-media-top span:last-child {
  color:
    var(--ag-orange);
}


.agwhy-media-copy {
  position: absolute;

  left:
    clamp(
      16px,
      2vw,
      25px
    );

  right:
    clamp(
      16px,
      3vw,
      38px
    );

  bottom:
    clamp(
      16px,
      2vw,
      25px
    );

  z-index: 3;

  pointer-events: none;
}


.agwhy-media-copy > span {
  display: block;

  margin-bottom: 7px;

  color:
    var(--ag-orange);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.agwhy-media-copy > strong {
  display: block;

  max-width: 460px;

  color:
    #fff !important;

  font-size:
    clamp(
      22px,
      2.6vw,
      35px
    );

  font-weight: 850;

  line-height: .97;

  letter-spacing: -.035em;
}


.agwhy-media-copy > p {
  max-width: 480px;

  margin:
    9px
    0
    0;

  color:
    rgba(255,255,255,.53) !important;

  font-size: 11px;

  line-height: 1.5;
}


.agwhy-advantages {
  min-width: 0;

  border-top:
    1px solid
    rgba(255,255,255,.11);
}


.agwhy-advantages-head {
  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 30px;

  padding:
    0
    0
    24px;
}


.agwhy-advantages-head > span {
  padding-top: 5px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.agwhy-advantages-head > strong {
  max-width: 310px;

  color:
    rgba(255,255,255,.82);

  font-size:
    clamp(
      19px,
      2vw,
      27px
    );

  font-weight: 800;

  line-height: 1.03;

  letter-spacing: -.025em;

  text-align: right;
}


.agwhy-item {
  position: relative;

  display: grid;

  grid-template-columns:
    38px
    minmax(0,1fr)
    22px;

  gap: 15px;

  align-items: start;

  padding:
    clamp(
      22px,
      2.5vw,
      31px
    )
    0;

  border-top:
    1px solid
    rgba(255,255,255,.09);
}


.agwhy-item-number {
  padding-top: 4px;

  color:
    var(--ag-orange);

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .08em;
}


.agwhy-item-copy > span {
  display: block;

  margin-bottom: 7px;

  color:
    rgba(255,255,255,.28);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}


.agwhy .agwhy-item h3 {
  margin: 0;

  color:
    rgba(255,255,255,.92) !important;

  font-size:
    clamp(
      18px,
      1.8vw,
      25px
    );

  font-weight: 800;

  line-height: 1.1;

  letter-spacing: -.025em;
}


.agwhy-item p {
  max-width: 520px;

  margin:
    9px
    0
    0;

  color:
    rgba(255,255,255,.47) !important;

  font-size: 13px;

  line-height: 1.55;
}


.agwhy-mark {
  padding-top: 1px;

  color:
    rgba(255,255,255,.20);

  font-size: 18px;

  font-weight: 300;

  text-align: right;
}


.agwhy-item::after {
  content: "";

  position: absolute;

  left: 53px;

  bottom: -1px;

  width: 34px;

  height: 1px;

  background:
    var(--ag-orange);
}


.agwhy-footer {
  display: grid;

  grid-template-columns:
    minmax(280px,.75fr)
    minmax(0,1.25fr);

  align-items: center;

  gap: 35px;

  margin-top:
    clamp(
      42px,
      6vw,
      68px
    );

  padding-top:
    clamp(
      24px,
      3vw,
      33px
    );

  border-top:
    1px solid
    rgba(255,255,255,.10);
}


.agwhy-footer-title > span {
  display: block;

  margin-bottom: 5px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.agwhy-footer-title > strong {
  display: block;

  color:
    rgba(255,255,255,.81);

  font-size: 14px;

  font-weight: 780;

  line-height: 1.4;
}


.agwhy-systems {
  display: flex;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap:
    8px
    18px;
}


.agwhy-systems span {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.38);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .09em;

  text-transform: uppercase;
}


.agwhy-systems i {
  width: 3px;

  height: 3px;

  flex: 0 0 3px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}


@media (max-width:1024px) {

  .agwhy-layout {
    grid-template-columns: 1fr;

    gap: 48px;
  }


  .agwhy-intro {
    position: static;
  }


  .agwhy-lead,
  .agwhy-copy {
    max-width: 720px;
  }


  .agwhy-media {
    min-height:
      clamp(
        300px,
        46vw,
        480px
      );
  }


  .agwhy-media-copy > strong {
    font-size:
      clamp(
        28px,
        5vw,
        42px
      );
  }


  .agwhy-footer {
    grid-template-columns: 1fr;
  }


  .agwhy-systems {
    justify-content: flex-start;
  }

}


@media (max-width:640px) {

  .agwhy {

background-image:
      linear-gradient(
        180deg,
        rgba(7,8,9,.97) 0%,
        rgba(7,8,9,.93) 55%,
        rgba(7,8,9,.84) 100%
      );
  }


  .agwhy-shell {
    padding:
      54px
      clamp(18px,2vw,32px);
  }


  .agwhy-layout {
    gap: 40px;
  }


  .agwhy .agwhy-intro h2 {
    font-size:
      clamp(
        38px,
        11vw,
        50px
      );
  }


  .agwhy-lead {
    margin-top: 18px;

    font-size: 14px;
  }


  .agwhy-copy {
    font-size: 13px;
  }


  .agwhy-action {
    margin-top: 23px;
  }


  .agwhy-btn {
    width: 100%;
  }


  .agwhy-media {
    min-height: 300px;

    margin-top: 30px;
  }


  .agwhy .agwhy-media > img {
    object-position:
      center center !important;
  }


  .agwhy-media-top {
    top: 11px;

    left: 11px;

    right: 11px;
  }


  .agwhy-media-copy {
    left: 14px;

    right: 14px;

    bottom: 15px;
  }


  .agwhy-media-copy > strong {
    font-size:
      clamp(
        27px,
        8vw,
        36px
      );
  }


  .agwhy-media-copy > p {
    font-size: 11px;
  }


  .agwhy-advantages-head {
    flex-direction: column;

    gap: 10px;

    padding-bottom: 19px;
  }


  .agwhy-advantages-head > strong {
    max-width: 100%;

    text-align: left;

    font-size: 21px;
  }


  .agwhy-item {
    grid-template-columns:
      29px
      minmax(0,1fr)
      15px;

    gap: 9px;

    padding:
      19px
      0;
  }


  .agwhy-item::after {
    left: 38px;
  }


  .agwhy .agwhy-item h3 {
    font-size: 19px;
  }


  .agwhy-item p {
    font-size: 12px;
  }


  .agwhy-footer {
    margin-top: 39px;

    gap: 20px;
  }


  .agwhy-systems {
    gap:
      7px
      13px;
  }

}


@media (max-width:370px) {

  .agwhy-shell {
    padding-left: 13px;

    padding-right: 13px;
  }


  .agwhy-media {
    min-height: 270px;
  }

}


.agwhy .agwhy-intro h2 {
  color:
    #fff !important;
}


.agwhy .agwhy-intro h2 span {
  color:
    rgba(255,255,255,.37) !important;
}


.agwhy .agwhy-item h3 {
  color:
    rgba(255,255,255,.92) !important;
}


.agwhy .agwhy-lead {
  color:
    rgba(255,255,255,.72) !important;
}


.agwhy .agwhy-copy,
.agwhy .agwhy-item p {
  color:
    rgba(255,255,255,.47) !important;
}


.agwhy .agwhy-eyebrow {
  color:
    #F65200 !important;
}


.agwhy .agwhy-media-copy > strong {
  color:
    #fff !important;
}


.agwhy .agwhy-media-copy > p {
  color:
    rgba(255,255,255,.53) !important;
}


@media (prefers-reduced-motion:reduce) {

  .agwhy-btn,
  .agwhy-media > img {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c1376f */.agfp,
.agfp *,
.agfp *::before,
.agfp *::after {
  box-sizing: border-box;
}


.agfp {
  --ag-orange: #F65200;

  width: 100%;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #08090a 0%,
      #090a0b 100%
    );

  color: #fff;

  font-family: inherit;


  


}



.agfp-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(
      70px,
      7vw,
      110px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agfp-head {
  display: grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(350px,.85fr);

  align-items: end;

  gap:
    clamp(
      36px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      38px,
      5vw,
      62px
    );
}



.agfp-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 16px;

  color:
    var(--ag-orange);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}



.agfp-eyebrow span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}



.agfp .agfp-head h2 {
  max-width: 850px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      42px,
      5.4vw,
      76px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.048em;
}



.agfp .agfp-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.37) !important;
}



.agfp-head-side > p {
  max-width: 520px;

  margin: 0;

  color:
    rgba(255,255,255,.56);

  font-size: 14px;

  line-height: 1.65;
}



.agfp-head-meta {
  display: flex;

  flex-wrap: wrap;

  gap:
    8px
    18px;

  margin-top: 20px;
}



.agfp-head-meta span {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.39);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agfp-head-meta i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agfp-stage {
  display: grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(420px,.95fr);

  min-height: 820px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    #0e0f10;
}





.agfp-main-media {
  position: relative;

  min-width: 0;
  min-height: 820px;

  margin: 0;

  overflow: hidden;

  background:
    #090a0b;

  isolation: isolate;
}



.agfp .agfp-main-image {
  position: absolute !important;

  inset: 0 !important;

  z-index: 0;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  object-fit: cover !important;

  object-position:
    center center !important;

  transition:
    transform .35s ease;
}



@media (hover:hover) {

  .agfp-main-media:hover
  .agfp-main-image {

    transform:
      scale(1.018);

  }

}





.agfp-media-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      to top,
      rgba(4,5,6,.92) 0%,
      rgba(4,5,6,.15) 52%,
      rgba(4,5,6,.08) 100%
    );

  pointer-events: none;
}





.agfp-media-trigger {
  position: absolute;

  inset: 0;

  z-index: 2;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  border: 0;

  background: transparent;

  cursor: zoom-in;
}



.agfp-media-trigger:focus-visible,
.agfp-factory-trigger:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    -3px;
}





.agfp-media-top {
  position: absolute;

  top: 20px;
  left: 21px;
  right: 21px;

  z-index: 4;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  pointer-events: none;
}



.agfp-media-top > span:first-child {
  color:
    rgba(255,255,255,.60);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agfp-enlarge {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  min-height: 30px;

  padding:
    0
    9px;

  border:
    1px solid
    rgba(255,255,255,.15);

  background:
    rgba(7,8,9,.83);

  color:
    rgba(255,255,255,.70);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agfp-enlarge svg {
  width: 11px;
  height: 11px;

  fill: none;

  stroke:
    var(--ag-orange);

  stroke-width: 1.8;

  stroke-linecap: round;
}





.agfp-main-copy {
  position: absolute;

  left:
    clamp(
      22px,
      3vw,
      40px
    );

  right:
    clamp(
      22px,
      4vw,
      55px
    );

  bottom:
    clamp(
      27px,
      4vw,
      46px
    );

  z-index: 4;

  pointer-events: none;
}



.agfp-main-copy > span {
  display: block;

  margin-bottom: 9px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .16em;

  text-transform: uppercase;
}



.agfp-main-copy > strong {
  display: block;

  max-width: 720px;

  color: #fff;

  font-size:
    clamp(
      36px,
      4.5vw,
      62px
    );

  font-weight: 850;

  line-height: .93;

  letter-spacing: -.045em;
}



.agfp-main-copy > p {
  max-width: 560px;

  margin:
    15px
    0
    0;

  color:
    rgba(255,255,255,.54);

  font-size: 12px;

  line-height: 1.5;
}





.agfp-content {
  min-width: 0;

  display: flex;
  flex-direction: column;

  padding:
    clamp(
      30px,
      3.7vw,
      48px
    );

  border-left:
    1px solid
    rgba(255,255,255,.09);

  background:
    linear-gradient(
      145deg,
      #141517,
      #0d0e0f
    );
}





.agfp-content-top {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-bottom:
    clamp(
      30px,
      4vw,
      43px
    );
}



.agfp-content-index {
  color:
    rgba(255,255,255,.39);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agfp-content-status {
  padding:
    6px
    8px;

  border:
    1px solid
    rgba(246,82,0,.30);

  color:
    var(--ag-orange);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}





.agfp-content-label {
  display: block;

  margin-bottom: 8px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agfp .agfp-content-intro h3 {
  max-width: 520px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      31px,
      3.5vw,
      48px
    );

  font-weight: 850;

  line-height: .96;

  letter-spacing: -.04em;
}



.agfp-content-intro > p {
  max-width: 500px;

  margin:
    15px
    0
    0;

  color:
    rgba(255,255,255,.47);

  font-size: 13px;

  line-height: 1.55;
}





.agfp-factory-media {
  position: relative;

  min-height: 195px;

  margin:
    25px
    0
    0;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    #0a0b0c;
}



.agfp .agfp-factory-image {
  position: absolute !important;

  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  object-fit: cover !important;

  object-position:
    center center !important;

  transition:
    transform .3s ease;
}



@media (hover:hover) {

  .agfp-factory-media:hover
  .agfp-factory-image {

    transform:
      scale(1.02);

  }

}



.agfp-factory-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      to top,
      rgba(4,5,6,.86),
      rgba(4,5,6,.10) 66%
    );

  pointer-events: none;
}



.agfp-factory-trigger {
  position: absolute;

  inset: 0;

  z-index: 2;

  width: 100%;
  height: 100%;

  padding: 0;

  border: 0;

  background: transparent;

  cursor: zoom-in;
}



.agfp-factory-top {
  position: absolute;

  top: 12px;
  left: 13px;
  right: 13px;

  z-index: 3;

  display: flex;
  justify-content: space-between;

  gap: 15px;

  color:
    rgba(255,255,255,.55);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .11em;

  text-transform: uppercase;

  pointer-events: none;
}



.agfp-factory-top > span:first-child {
  color:
    var(--ag-orange);
}



.agfp-factory-media figcaption {
  position: absolute;

  left: 14px;
  right: 14px;
  bottom: 13px;

  z-index: 3;

  display: flex;
  align-items: end;
  justify-content: space-between;

  gap: 18px;

  pointer-events: none;
}



.agfp-factory-media figcaption strong {
  max-width: 340px;

  color: #fff;

  font-size: 14px;

  font-weight: 800;

  line-height: 1.35;
}



.agfp-factory-media figcaption span {
  color:
    rgba(255,255,255,.46);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}





.agfp-systems {
  margin-top:
    23px;

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agfp-system {
  display: grid;

  grid-template-columns:
    29px
    minmax(0,1fr);

  gap: 10px;

  padding:
    13px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.075);
}



.agfp-system-num {
  padding-top: 2px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;
}



.agfp-system strong {
  display: block;

  color:
    rgba(255,255,255,.87);

  font-size: 13px;

  font-weight: 800;
}



.agfp-system div > span {
  display: block;

  margin-top: 4px;

  color:
    rgba(255,255,255,.39);

  font-size: 11px;

  line-height: 1.4;
}





.agfp-actions {
  display: grid;

  grid-template-columns:
    1fr;

  gap: 7px;

  margin-top: auto;

  padding-top:
    24px;
}



.agfp-btn {
  min-height: 49px;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  padding:
    0
    17px;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}



.agfp-btn-primary {
  background:
    var(--ag-orange);

  color:
    #fff !important;
}



.agfp-btn-primary svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;
  stroke-linejoin: round;
}



.agfp-btn-secondary {
  border:
    1px solid
    rgba(255,255,255,.14);

  color:
    rgba(255,255,255,.67) !important;

  background:
    transparent;
}



@media (hover:hover) {

  .agfp-btn:hover {
    transform:
      translateY(-2px);
  }


  .agfp-btn-primary:hover {
    background:
      #ff641a;
  }


  .agfp-btn-secondary:hover {
    color:
      #fff !important;

    border-color:
      rgba(255,255,255,.34);
  }

}





.agfp-footer {
  display: grid;

  grid-template-columns:
    minmax(280px,.85fr)
    minmax(0,1.15fr);

  align-items: center;

  gap:
    35px;

  margin-top:
    clamp(
      28px,
      4vw,
      44px
    );

  padding-top:
    clamp(
      23px,
      3vw,
      32px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agfp-footer > div:first-child > span {
  display: block;

  margin-bottom: 5px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agfp-footer > div:first-child > strong {
  display: block;

  max-width: 550px;

  color:
    rgba(255,255,255,.82);

  font-size: 14px;

  font-weight: 760;

  line-height: 1.45;
}



.agfp-footer-meta {
  display: flex;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap:
    8px
    17px;
}



.agfp-footer-meta span {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.36);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}



.agfp-footer-meta i {
  width: 3px;
  height: 3px;

  flex: 0 0 3px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agfp-lightbox {
  position: fixed;

  inset: 0;

  z-index: 999999;

  width: 100%;
  height: 100%;

  max-width: none;
  max-height: none;

  margin: 0;
  padding: 0;

  border: 0;

  background:
    rgba(0,0,0,.95);

  overflow: hidden;
}



.agfp-lightbox::backdrop {
  background:
    rgba(0,0,0,.95);
}



.agfp-lightbox-shell {
  position: relative;

  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  padding:
    65px
    30px
    55px;
}



.agfp-lightbox-image {
  display: block;

  width: auto;
  height: auto;

  max-width: 94vw;
  max-height: 84vh;

  object-fit: contain;
}



.agfp-lightbox-close {
  position: absolute;

  top: 17px;
  right: 20px;

  min-width: 80px;
  height: 40px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 7px;

  padding:
    0
    12px;

  border:
    1px solid
    rgba(255,255,255,.17);

  background:
    #111214;

  color: #fff;

  font-family: inherit;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;

  cursor: pointer;
}



.agfp-lightbox-close svg {
  width: 12px;
  height: 12px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;
}



.agfp-lightbox-caption {
  position: absolute;

  left: 50%;
  bottom: 16px;

  transform:
    translateX(-50%);

  width:
    min(
      850px,
      calc(100% - 30px)
    );

  margin: 0;

  color:
    rgba(255,255,255,.61);

  font-size: 10.5px;

  line-height: 1.4;

  text-align: center;
}





@media (max-width:1024px) {

  .agfp-head {
    grid-template-columns:
      1fr;

    align-items: start;

    gap: 20px;
  }


  .agfp-head-side > p {
    max-width:
      700px;
  }


  .agfp-stage {
    grid-template-columns:
      1fr;

    min-height: 0;
  }


  .agfp-main-media {
    min-height:
      clamp(
        560px,
        72vw,
        720px
      );
  }


  .agfp-content {
    border-left: 0;

    border-top:
      1px solid
      rgba(255,255,255,.09);
  }


  .agfp-actions {
    margin-top:
      26px;
  }


  .agfp-footer {
    grid-template-columns:
      1fr;
  }


  .agfp-footer-meta {
    justify-content:
      flex-start;
  }

}





@media (max-width:640px) {

  .agfp {

}


  .agfp-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agfp-head {
    margin-bottom:
      29px;
  }


  .agfp .agfp-head h2 {
    font-size:
      clamp(
        37px,
        11vw,
        49px
      );
  }


  .agfp-head-side > p {
    font-size:
      12px;
  }


  

  .agfp-main-media {
    min-height:
      510px;
  }


  .agfp-media-top {
    top: 14px;
    left: 14px;
    right: 14px;
  }


  .agfp-main-copy {
    left: 18px;
    right: 18px;
    bottom: 21px;
  }


  .agfp-main-copy > strong {
    font-size:
      clamp(
        33px,
        10vw,
        43px
      );
  }


  .agfp-main-copy > p {
    font-size:
      9px;
  }


  

  .agfp-content {
    padding:
      26px
      18px
      28px;
  }


  .agfp-content-top {
    margin-bottom:
      31px;
  }


  .agfp .agfp-content-intro h3 {
    font-size:
      clamp(
        31px,
        9vw,
        40px
      );
  }


  .agfp-content-intro > p {
    font-size:
      10px;
  }


  .agfp-factory-media {
    min-height:
      180px;
  }


  .agfp-system {
    padding:
      12px
      0;
  }


  .agfp-btn {
    width:
      100%;
  }


  

  .agfp-footer {
    gap:
      19px;
  }


  .agfp-footer-meta {
    gap:
      7px
      13px;
  }


  

  .agfp-lightbox-shell {
    padding:
      58px
      8px
      48px;
  }


  .agfp-lightbox-image {
    max-width:
      96vw;

    max-height:
      79vh;
  }


  .agfp-lightbox-close {
    top: 9px;

    right: 9px;
  }

}





@media (max-width:370px) {

  .agfp-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agfp-main-media {
    min-height:
      470px;
  }

}





.agfp .agfp-head h2,
.agfp .agfp-content-intro h3 {
  color:
    #fff !important;
}


.agfp .agfp-head h2 span {
  color:
    rgba(255,255,255,.37) !important;
}


.agfp .agfp-head-side > p {
  color:
    rgba(255,255,255,.56) !important;
}


.agfp .agfp-content-intro > p {
  color:
    rgba(255,255,255,.47) !important;
}


.agfp .agfp-eyebrow,
.agfp .agfp-content-label {
  color:
    #F65200 !important;
}





@media (prefers-reduced-motion:reduce) {

  .agfp-main-image,
  .agfp-factory-image,
  .agfp-btn {

    transition:
      none;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-787ab4a */.agx,
.agx *,
.agx *::before,
.agx *::after {
  box-sizing: border-box;
}


.agx {
  --ag-orange: #F65200;

  --ag-bg: #08090a;
  --ag-card: #101113;

  width: 100%;

  color: #fff;

  background:
    linear-gradient(
      180deg,
      #090a0b 0%,
      #070809 100%
    );

  font-family: inherit;

  overflow: hidden;

  

}


.agx-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(70px, 7vw, 110px)
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agx-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(330px, .8fr);

  align-items: end;

  gap:
    clamp(
      36px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      38px,
      5vw,
      65px
    );
}


.agx-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 17px;

  color:
    var(--ag-orange);

  font-size: 12px;
  font-weight: 850;

  line-height: 1.2;

  letter-spacing: .20em;

  text-transform: uppercase;
}


.agx-eyebrow span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}


.agx-head h2 {
  max-width: 850px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(
      42px,
      5.5vw,
      78px
    );

  font-weight: 850;

  line-height: .94;

  letter-spacing: -.048em;
}


.agx-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.38);
}


.agx-head-side > p {
  max-width: 500px;

  margin: 0;

  color:
    rgba(255,255,255,.60);

  font-size: 14px;

  line-height: 1.65;
}


.agx-head-meta {
  display: flex;
  flex-wrap: wrap;

  gap:
    8px
    18px;

  margin-top: 22px;
}


.agx-head-meta > span {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  color:
    rgba(255,255,255,.48);

  font-size: 10.5px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}


.agx-head-meta i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agx-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0,1fr));

  grid-template-rows:
    repeat(
      5,
      clamp(205px, 17vw, 265px)
    );

  grid-template-areas:

    "premium premium coating inhouse"

    "premium premium factory factory"

    "engineered engineered color size"

    "engineered engineered tested tested"

    "custom diy tested tested";

  gap: 8px;
}


.agx-card-premium {
  grid-area: premium;
}

.agx-card-coating {
  grid-area: coating;
}

.agx-card-inhouse {
  grid-area: inhouse;
}

.agx-card-factory {
  grid-area: factory;
}

.agx-card-engineered {
  grid-area: engineered;
}

.agx-card-color {
  grid-area: color;
}

.agx-card-size {
  grid-area: size;
}

.agx-card-tested {
  grid-area: tested;
}

.agx-card-custom {
  grid-area: custom;
}

.agx-card-diy {
  grid-area: diy;
}





.agx-card {
  position: relative;

  min-width: 0;
  min-height: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    var(--ag-card);

  isolation: isolate;
}


.agx-media {
  position: relative;

  width: 100%;
  height: 100%;

  overflow: hidden;

  background:
    #101113;
}


.agx-media > img {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transform: scale(1);

  transition:
    transform .38s ease;
}


@media (hover: hover) {

  .agx-card:not(.agx-video-dark):hover
  .agx-media > img {

    transform:
      scale(1.025);

  }

}





.agx-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      to top,
      rgba(5,6,7,.94) 0%,
      rgba(5,6,7,.54) 38%,
      rgba(5,6,7,.11) 70%
    );

  pointer-events: none;
}





.agx-content {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  z-index: 3;

  padding:
    clamp(
      17px,
      1.7vw,
      26px
    );

  pointer-events: none;
}


.agx-number {
  display: block;

  margin-bottom: 10px;

  color:
    var(--ag-orange);

  font-size: 10.5px;
  font-weight: 850;

  line-height: 1;

  letter-spacing: .18em;

  text-transform: uppercase;
}


.agx-content h3 {
  max-width: 550px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(
      17px,
      1.55vw,
      24px
    );

  font-weight: 800;

  line-height: 1.06;

  letter-spacing: -.025em;
}


.agx-card-premium h3,
.agx-card-engineered h3,
.agx-card-tested h3 {

  font-size:
    clamp(
      24px,
      2.8vw,
      42px
    );

}


.agx-content h3 small {
  display: block;

  margin-top: 4px;

  color:
    rgba(255,255,255,.62);

  font: inherit;
}


.agx-content p {
  max-width: 500px;

  margin:
    10px
    0
    0;

  color:
    rgba(255,255,255,.61);

  font-size: 13px;

  line-height: 1.48;
}


.agx-card-premium .agx-content p,
.agx-card-engineered .agx-content p,
.agx-card-tested .agx-content p {

  max-width: 450px;

  font-size: 14px;

}





.agx-watch {
  display: inline-flex;
  align-items: center;

  gap: 8px;

  margin-top: 17px;

  color:
    rgba(255,255,255,.78);

  font-size: 10.5px;
  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.agx-watch b {
  color:
    var(--ag-orange);

  font-size: 14px;

  font-weight: 400;
}





.agx-video-trigger {
  position: absolute;

  inset: 0;

  z-index: 4;

  width: 100%;
  height: 100%;

  padding: 0;

  border: 0;

  background: transparent;

  cursor: pointer;
}


.agx-play {
  position: absolute;

  left: 50%;
  top: 45%;

  width: 54px;
  height: 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  transform:
    translate(-50%, -50%);

  border:
    1px solid
    rgba(255,255,255,.48);

  border-radius: 50%;

  background:
    rgba(5,6,7,.70);

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}


.agx-play-large {
  width: 66px;
  height: 66px;
}


.agx-play i {
  width: 0;
  height: 0;

  margin-left: 4px;

  border-top:
    7px solid transparent;

  border-bottom:
    7px solid transparent;

  border-left:
    11px solid #fff;
}


@media (hover: hover) {

  .agx-video-trigger:hover
  .agx-play {

    transform:
      translate(-50%, -50%)
      scale(1.07);

    background:
      var(--ag-orange);

    border-color:
      var(--ag-orange);

  }

}


.agx-video-trigger:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    -3px;
}





.agx-media-video-placeholder {
  background:
    linear-gradient(
      135deg,
      #111214,
      #070809
    );
}


.agx-tech-grid {
  position: absolute;

  inset: 0;

  opacity: .17;

  background-image:

    linear-gradient(
      rgba(255,255,255,.12)
      1px,
      transparent
      1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.12)
      1px,
      transparent
      1px
    );

  background-size:
    46px
    46px;
}


.agx-media-video-placeholder::after {
  content: "";

  position: absolute;

  inset: 0;

  background:
    radial-gradient(
      circle at 70% 23%,
      rgba(246,82,0,.18),
      transparent 35%
    ),
    linear-gradient(
      to top,
      rgba(4,5,6,.95),
      rgba(4,5,6,.10) 70%
    );

  pointer-events: none;
}





.agx-tech-mark {
  position: absolute;

  right: 8%;
  top: 13%;

  width: 120px;
  height: 120px;

  border:
    1px solid
    rgba(246,82,0,.22);

  transform:
    rotate(45deg);
}


.agx-tech-mark span {
  position: absolute;

  background:
    rgba(246,82,0,.30);
}


.agx-tech-mark span:nth-child(1) {
  left: 50%;
  top: 0;

  width: 1px;
  height: 100%;
}


.agx-tech-mark span:nth-child(2) {
  top: 50%;
  left: 0;

  width: 100%;
  height: 1px;
}


.agx-tech-mark span:nth-child(3) {
  inset: 24px;

  border:
    1px solid
    rgba(255,255,255,.15);

  background: transparent;
}





.agx-testing-mark {
  position: absolute;

  top: 11%;
  left: 7%;

  display: flex;
  align-items: center;

  gap: 9px;

  color:
    rgba(255,255,255,.25);

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .18em;
}


.agx-testing-mark i {
  width: 20px;
  height: 1px;

  background:
    rgba(246,82,0,.50);
}





.agx-youtube-frame {
  position: absolute;

  inset: 0;

  z-index: 10;

  display: block;

  width: 100%;
  height: 100%;

  border: 0;

  background:
    #000;
}





.agx-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 35px;

  margin-top:
    clamp(
      30px,
      4vw,
      48px
    );

  padding-top:
    clamp(
      25px,
      3vw,
      35px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}


.agx-footer-copy {
  display: flex;
  align-items: center;

  gap: 18px;
}


.agx-footer-line {
  width: 42px;
  height: 2px;

  flex: 0 0 42px;

  background:
    var(--ag-orange);
}


.agx-footer-copy strong {
  display: block;

  color: #fff;

  font-size: 15px;

  font-weight: 800;
}


.agx-footer-copy p {
  margin:
    5px
    0
    0;

  color:
    rgba(255,255,255,.43);

  font-size: 13px;

  line-height: 1.4;
}





.agx-actions {
  display: flex;

  gap: 8px;

  flex-wrap: wrap;

  flex: 0 0 auto;
}


.agx-btn {
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding:
    0
    18px;

  font-size: 11px;
  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;

  text-decoration: none;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}


.agx-btn-primary {
  color: #fff;

  background:
    var(--ag-orange);
}


.agx-btn-primary svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;
  stroke-linejoin: round;
}


.agx-btn-secondary {
  color:
    rgba(255,255,255,.70);

  border:
    1px solid
    rgba(255,255,255,.15);

  background:
    transparent;
}


@media (hover: hover) {

  .agx-btn:hover {
    transform:
      translateY(-2px);
  }


  .agx-btn-primary:hover {
    background:
      #ff641a;
  }


  .agx-btn-secondary:hover {
    color: #fff;

    border-color:
      rgba(255,255,255,.38);
  }

}


.agx-btn:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    3px;
}





@media (max-width: 1050px) {

  .agx-head {
    grid-template-columns:
      1fr;

    align-items: start;

    gap: 22px;
  }


  .agx-head-side > p {
    max-width: 680px;
  }


  .agx-grid {

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    grid-template-rows:
      repeat(
        10,
        clamp(180px, 25vw, 260px)
      );

    grid-template-areas:

      "premium premium"

      "premium premium"

      "coating inhouse"

      "factory factory"

      "engineered engineered"

      "engineered engineered"

      "color size"

      "tested tested"

      "tested tested"

      "custom diy";

  }


  .agx-card-premium h3,
  .agx-card-engineered h3,
  .agx-card-tested h3 {

    font-size:
      clamp(
        26px,
        5vw,
        40px
      );

  }

}





@media (max-width: 640px) {

  .agx {

}


  .agx-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agx-head {
    margin-bottom:
      30px;
  }


  .agx-head h2 {
    font-size:
      clamp(
        37px,
        11vw,
        49px
      );
  }


  .agx-head-side > p {
    font-size:
      13px;
  }


  .agx-head-meta {
    gap:
      8px
      14px;
  }


  

  .agx-grid {
    display: flex;

    flex-direction: column;

    gap: 5px;
  }


  .agx-card {
    width: 100%;

    min-height: 245px;
  }


  

  .agx-card-premium,
  .agx-card-engineered,
  .agx-card-tested {

    min-height:
      360px;

  }


  .agx-content {
    padding:
      18px;
  }


  .agx-content h3 {
    font-size:
      20px;
  }


  .agx-card-premium h3,
  .agx-card-engineered h3,
  .agx-card-tested h3 {

    font-size:
      clamp(
        28px,
        8vw,
        35px
      );

  }


  .agx-content p {
    font-size:
      11px;
  }


  .agx-play {
    top: 41%;
  }


  .agx-tech-mark {
    width: 90px;
    height: 90px;
  }


  

  .agx-footer {
    flex-direction: column;

    align-items: flex-start;

    gap: 22px;
  }


  .agx-footer-line {
    display: none;
  }


  .agx-actions {
    width: 100%;

    flex-direction: column;
  }


  .agx-btn {
    width: 100%;
  }

}





@media (max-width: 370px) {

  .agx-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agx-card {
    min-height:
      225px;
  }


  .agx-card-premium,
  .agx-card-engineered,
  .agx-card-tested {

    min-height:
      330px;

  }


  .agx-content {
    padding:
      15px;
  }

}





@media (prefers-reduced-motion: reduce) {

  .agx-media > img,
  .agx-play,
  .agx-btn {

    transition: none;

  }

}


/* =========================================================
   MOBILE / SMALL-SCREEN MEDIA VISIBILITY FIX
   The mobile layout changes cards from CSS Grid items to flex
   items. Because .agx-media uses height:100%, it needs a
   definite card height. These rules make the media layer fill
   each card reliably on tablets and phones.
   ========================================================= */
@media (max-width: 640px) {
  .agx-card {
    position: relative;
    height: 245px;
    min-height: 245px;
  }

  .agx-card-premium,
  .agx-card-engineered,
  .agx-card-tested {
    height: 360px;
    min-height: 360px;
  }

  .agx-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .agx-media > img,
  .agx-youtube-frame {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 370px) {
  .agx-card {
    height: 225px;
    min-height: 225px;
  }

  .agx-card-premium,
  .agx-card-engineered,
  .agx-card-tested {
    height: 330px;
    min-height: 330px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf268e1 */.agc,
.agc *,
.agc *::before,
.agc *::after {
  box-sizing: border-box;
}


.agc {
  --ag-orange: #F65200;
  --ag-bg: #08090a;
  --ag-panel: #101113;
  --ag-panel-2: #141517;

  width: 100%;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #090a0b 0%,
      #070809 100%
    );

  color: #fff;

  font-family: inherit;


  


}


.agc-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(70px, 7vw, 110px)
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agc-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(340px, .85fr);

  align-items: end;

  gap:
    clamp(
      35px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      38px,
      5vw,
      62px
    );
}


.agc-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 17px;

  color:
    var(--ag-orange);

  font-size: 12px;
  font-weight: 850;

  letter-spacing: .20em;

  text-transform: uppercase;
}


.agc-eyebrow span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}


.agc-head h2 {
  max-width: 850px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(
      42px,
      5.4vw,
      76px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.047em;
}


.agc-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.38);
}


.agc-head-side > p {
  max-width: 510px;

  margin: 0;

  color:
    rgba(255,255,255,.59);

  font-size: 14px;

  line-height: 1.65;
}


.agc-mini-guide {
  display: flex;

  gap:
    8px
    18px;

  flex-wrap: wrap;

  margin-top: 21px;
}


.agc-mini-guide > span {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  color:
    rgba(255,255,255,.47);

  font-size: 10.5px;
  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;
}


.agc-mini-guide i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agc-compare {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    50px
    minmax(0, 1fr);

  align-items: stretch;

  gap: 14px;
}





.agc-system {
  min-width: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.10);

  background:
    var(--ag-panel);
}





.agc-visual {
  position: relative;

  min-height:
    clamp(
      470px,
      46vw,
      620px
    );

  overflow: hidden;

  background:
    #0b0c0d;

  isolation: isolate;
}


.agc-main-image {
  position: absolute;

  inset: 0;

  z-index: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform .35s ease;
}


@media (hover: hover) {

  .agc-system:hover
  .agc-main-image {

    transform:
      scale(1.018);

  }

}


.agc-visual-gradient {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      to top,
      rgba(5,6,7,.89) 0%,
      rgba(5,6,7,.22) 43%,
      rgba(5,6,7,.08) 75%
    );

  pointer-events: none;
}





.agc-main-zoom {
  position: absolute;

  inset: 0;

  z-index: 2;

  display: block;

  width: 100%;
  height: 100%;

  padding: 0;

  border: 0;

  background: transparent;

  cursor: zoom-in;
}


.agc-main-zoom:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    -3px;
}





.agc-main-zoom-hint {
  position: absolute;

  right: 17px;
  top: 17px;

  z-index: 3;

  display: inline-flex;
  align-items: center;

  gap: 6px;

  min-height: 31px;

  padding:
    0
    10px;

  border:
    1px solid
    rgba(255,255,255,.14);

  background:
    rgba(8,9,10,.82);

  color:
    rgba(255,255,255,.73);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .10em;

  text-transform: uppercase;

  pointer-events: none;
}


.agc-main-zoom-hint svg {
  width: 12px;
  height: 12px;

  fill: none;

  stroke:
    var(--ag-orange);

  stroke-width: 1.8;

  stroke-linecap: round;
}





.agc-system-tag {
  position: absolute;

  left: 20px;
  top: 20px;

  z-index: 4;

  display: inline-flex;
  align-items: center;

  gap: 10px;

  min-height: 34px;

  padding:
    0
    12px;

  border:
    1px solid
    rgba(255,255,255,.16);

  background:
    rgba(8,9,10,.87);

  color:
    rgba(255,255,255,.81);

  font-size: 11px;
  font-weight: 800;

  letter-spacing: .14em;

  text-transform: uppercase;

  pointer-events: none;
}


.agc-system-tag-orange {
  border-color:
    rgba(246,82,0,.40);
}


.agc-tag-number {
  color:
    var(--ag-orange);

  font-size: 10.5px;
}





.agc-visual-title {
  position: absolute;

  left:
    clamp(
      20px,
      3vw,
      36px
    );

  bottom:
    clamp(
      22px,
      3vw,
      36px
    );

  z-index: 3;

  display: flex;
  flex-direction: column;

  pointer-events: none;
}


.agc-visual-title span {
  margin-bottom: 3px;

  color:
    rgba(255,255,255,.62);

  font-size: 11px;
  font-weight: 850;

  letter-spacing: .18em;

  text-transform: uppercase;
}


.agc-visual-title strong {
  color: #fff;

  font-size:
    clamp(
      60px,
      8vw,
      110px
    );

  font-weight: 900;

  line-height: .84;

  letter-spacing: -.06em;
}





.agc-tech {
  position: absolute;

  right:
    clamp(
      16px,
      2.2vw,
      28px
    );

  bottom:
    clamp(
      18px,
      2.2vw,
      28px
    );

  z-index: 5;

  width:
    clamp(
      160px,
      17vw,
      225px
    );

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.18);

  background:
    #ededed;
}


.agc-tech-head {
  min-height: 44px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 8px;

  padding:
    9px
    11px;

  background:
    #111214;
}


.agc-tech-head span {
  color:
    rgba(255,255,255,.82);

  font-size: 10.5px;

  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;
}


.agc-tech-head small {
  color:
    rgba(255,255,255,.39);

  font-size: 10px;

  text-align: right;
}





.agc-tech-image {
  position: relative;

  width: 100%;

  aspect-ratio:
    4 / 3;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0;

  padding: 9px;

  border: 0;

  background:
    #ececec;

  cursor: zoom-in;

  overflow: hidden;
}


.agc-tech-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  transition:
    transform .2s ease;
}


@media (hover: hover) {

  .agc-tech-image:hover img {
    transform:
      scale(1.025);
  }

}


.agc-tech-image:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    -3px;
}





.agc-tech-zoom {
  position: absolute;

  right: 7px;
  bottom: 7px;

  z-index: 2;

  display: inline-flex;
  align-items: center;

  gap: 5px;

  min-height: 27px;

  padding:
    0
    8px;

  background:
    rgba(8,9,10,.90);

  color:
    rgba(255,255,255,.85);

  font-size: 9.5px;
  font-weight: 800;

  letter-spacing: .09em;

  text-transform: uppercase;

  pointer-events: none;
}


.agc-tech-zoom svg {
  width: 11px;
  height: 11px;

  fill: none;

  stroke:
    var(--ag-orange);

  stroke-width: 1.8;

  stroke-linecap: round;
}





.agc-body {
  padding:
    clamp(
      22px,
      3vw,
      34px
    );
}


.agc-body-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 20px;

  margin-bottom:
    25px;
}


.agc-kicker {
  display: block;

  margin-bottom: 7px;

  color:
    var(--ag-orange);

  font-size: 10.5px;
  font-weight: 850;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.agc-body h3 {
  margin: 0;

  color: #fff;

  font-size:
    clamp(
      26px,
      2.5vw,
      38px
    );

  font-weight: 830;

  line-height: 1;

  letter-spacing: -.035em;
}


.agc-use {
  flex: 0 0 auto;

  padding:
    7px
    9px;

  border:
    1px solid
    rgba(255,255,255,.13);

  color:
    rgba(255,255,255,.51);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .10em;

  text-transform: uppercase;
}


.agc-use-orange {
  border-color:
    rgba(246,82,0,.32);

  color:
    rgba(246,82,0,.90);
}





.agc-features {
  border-top:
    1px solid
    rgba(255,255,255,.09);
}


.agc-feature {
  display: grid;

  grid-template-columns:
    34px
    1fr;

  gap: 13px;

  padding:
    17px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.08);
}


.agc-feature-number {
  padding-top: 2px;

  color:
    var(--ag-orange);

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .10em;
}


.agc-feature strong {
  display: block;

  color:
    rgba(255,255,255,.91);

  font-size: 14px;

  font-weight: 800;
}


.agc-feature p {
  max-width: 470px;

  margin:
    6px
    0
    0;

  color:
    rgba(255,255,255,.50);

  font-size: 13px;

  line-height: 1.5;
}





.agc-divider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 14px;
}


.agc-divider span {
  width: 1px;

  flex: 1;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(255,255,255,.18),
      transparent
    );
}


.agc-divider b {
  color:
    rgba(255,255,255,.42);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .18em;
}





.agc-decision {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 34px;

  margin-top:
    clamp(
      28px,
      4vw,
      46px
    );

  padding-top:
    clamp(
      24px,
      3vw,
      34px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}


.agc-decision-intro {
  display: flex;
  align-items: center;

  gap: 17px;
}


.agc-decision-line {
  width: 40px;
  height: 2px;

  flex: 0 0 40px;

  background:
    var(--ag-orange);
}


.agc-decision-intro strong {
  color: #fff;

  font-size: 15px;

  font-weight: 800;
}


.agc-decision-intro p {
  margin:
    5px
    0
    0;

  color:
    rgba(255,255,255,.43);

  font-size: 13px;

  line-height: 1.45;
}





.agc-actions {
  display: flex;

  gap: 8px;

  flex-wrap: wrap;

  flex: 0 0 auto;
}


.agc-btn {
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding:
    0
    18px;

  font-size: 11px;
  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;

  text-decoration: none;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}


.agc-btn-primary {
  color: #fff;

  background:
    var(--ag-orange);
}


.agc-btn-primary svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}


.agc-btn-secondary {
  border:
    1px solid
    rgba(255,255,255,.15);

  color:
    rgba(255,255,255,.70);

  background:
    transparent;
}


@media (hover: hover) {

  .agc-btn:hover {
    transform:
      translateY(-2px);
  }


  .agc-btn-primary:hover {
    background:
      #ff641a;
  }


  .agc-btn-secondary:hover {
    color: #fff;

    border-color:
      rgba(255,255,255,.38);
  }

}


.agc-btn:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    3px;
}





.agc-lightbox {
  position: fixed;

  inset: 0;

  z-index: 999999;

  width: 100%;
  height: 100%;

  max-width: none;
  max-height: none;

  margin: 0;

  padding: 0;

  border: 0;

  background:
    rgba(0,0,0,.95);

  color: #fff;

  overflow: hidden;
}


.agc-lightbox::backdrop {
  background:
    rgba(0,0,0,.95);
}


.agc-lightbox-shell {
  position: relative;

  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  padding:
    72px
    40px
    60px;
}





.agc-lightbox-image {
  display: block;

  width: auto;
  height: auto;

  max-width: 94vw;
  max-height: 82vh;

  object-fit: contain;

  user-select: none;
}





.agc-lightbox-image-wrap {
  position: relative;

  max-width: 100%;
  max-height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}





.agc-lightbox-close {
  position: absolute;

  top: 18px;
  right: 22px;

  z-index: 5;

  min-width: 90px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  padding:
    0
    13px;

  border:
    1px solid
    rgba(255,255,255,.18);

  background:
    rgba(15,16,17,.86);

  color:
    rgba(255,255,255,.82);

  font-family: inherit;

  font-size: 10.5px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;

  cursor: pointer;
}


.agc-lightbox-close svg {
  width: 13px;
  height: 13px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
}


@media (hover: hover) {

  .agc-lightbox-close:hover {
    border-color:
      var(--ag-orange);

    color: #fff;
  }

}


.agc-lightbox-close:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    3px;
}





.agc-lightbox-caption {
  position: absolute;

  left: 50%;
  bottom: 19px;

  transform:
    translateX(-50%);

  width:
    min(
      700px,
      calc(100% - 40px)
    );

  margin: 0;

  color:
    rgba(255,255,255,.66);

  font-size: 11px;
  font-weight: 750;

  line-height: 1.4;

  letter-spacing: .12em;

  text-align: center;

  text-transform: uppercase;
}





@media (max-width: 1050px) {

  .agc-head {
    grid-template-columns:
      1fr;

    align-items: start;

    gap: 20px;
  }


  .agc-head-side > p {
    max-width: 680px;
  }


  .agc-compare {
    grid-template-columns:
      1fr;
  }


  .agc-divider {
    min-height: 50px;

    flex-direction: row;
  }


  .agc-divider span {
    width: auto;
    height: 1px;

    flex: 1;

    background:
      linear-gradient(
        to right,
        transparent,
        rgba(255,255,255,.18),
        transparent
      );
  }


  .agc-visual {
    min-height:
      clamp(
        480px,
        70vw,
        650px
      );
  }


  .agc-tech {
    width:
      clamp(
        170px,
        25vw,
        230px
      );
  }

}





@media (max-width: 640px) {

  .agc {

}


  .agc-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agc-head {
    margin-bottom:
      30px;
  }


  .agc-head h2 {
    font-size:
      clamp(
        37px,
        11vw,
        49px
      );
  }


  .agc-head-side > p {
    font-size: 14px;
  }


  .agc-compare {
    gap: 3px;
  }


  .agc-divider {
    margin:
      10px
      0;
  }


  .agc-visual {
    min-height:
      430px;
  }


  .agc-main-image {
    object-position:
      center;
  }


  .agc-system-tag {
    top: 14px;
    left: 14px;
  }


  

  .agc-main-zoom-hint {
    top: 56px;
    right: 12px;

    min-height: 27px;

    padding:
      0
      7px;

    font-size: 9px;
  }


  .agc-visual-title {
    left: 17px;

    bottom: 18px;
  }


  .agc-visual-title strong {
    font-size:
      clamp(
        58px,
        20vw,
        82px
      );
  }


  

  .agc-tech {
    right: 12px;

    bottom: 14px;

    width:
      clamp(
        135px,
        41vw,
        175px
      );
  }


  .agc-tech-head {
    min-height: 37px;

    padding:
      7px
      8px;
  }


  .agc-tech-head span {
    font-size: 9.5px;
  }


  .agc-tech-head small {
    display: none;
  }


  .agc-tech-image {
    padding: 6px;
  }


  .agc-tech-zoom {
    right: 4px;
    bottom: 4px;

    min-height: 23px;

    padding:
      0
      5px;

    font-size: 9px;
  }


  .agc-tech-zoom svg {
    width: 9px;
    height: 9px;
  }


  .agc-body {
    padding:
      20px
      17px;
  }


  .agc-body-head {
    flex-direction: column;

    gap: 11px;

    margin-bottom:
      18px;
  }


  .agc-body h3 {
    font-size:
      28px;
  }


  .agc-feature {
    grid-template-columns:
      27px
      1fr;

    gap: 8px;

    padding:
      15px
      0;
  }


  .agc-decision {
    flex-direction: column;

    align-items: flex-start;

    gap: 21px;
  }


  .agc-decision-line {
    display: none;
  }


  .agc-actions {
    width: 100%;

    flex-direction: column;
  }


  .agc-btn {
    width: 100%;
  }


  

  .agc-lightbox-shell {
    padding:
      58px
      10px
      50px;
  }


  .agc-lightbox-image {
    max-width:
      96vw;

    max-height:
      78vh;
  }


  .agc-lightbox-close {
    top: 10px;
    right: 10px;

    min-width: 72px;

    height: 38px;

    font-size: 10px;
  }


  .agc-lightbox-caption {
    bottom: 14px;

    font-size: 10px;
  }

}





@media (max-width: 370px) {

  .agc-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agc-visual {
    min-height:
      390px;
  }


  .agc-tech {
    width:
      125px;
  }


  .agc-visual-title strong {
    font-size:
      58px;
  }

}





@media (prefers-reduced-motion: reduce) {

  .agc-main-image,
  .agc-tech-image img,
  .agc-btn {

    transition: none;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac2fc69 */.agp,
.agp *,
.agp *::before,
.agp *::after {
  box-sizing: border-box;
}


.agp {
  --ag-orange: #F65200;
  --ag-bg: #08090a;
  --ag-panel: #101113;
  --ag-panel-light: #151618;

  width: 100%;

  overflow: hidden;

  color: #fff;

  background:
    linear-gradient(
      180deg,
      #08090a 0%,
      #0a0b0c 100%
    );

  font-family: inherit;


}



.agp-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(
      68px,
      7vw,
      108px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agp-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(330px, .85fr);

  align-items: end;

  gap:
    clamp(
      35px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      36px,
      4vw,
      55px
    );
}



.agp-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 16px;

  color:
    var(--ag-orange);

  font-size: 12px;

  font-weight: 850;

  letter-spacing: .20em;

  text-transform: uppercase;
}



.agp-eyebrow span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}



.agp-head h2 {
  max-width: 830px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(
      42px,
      5.4vw,
      76px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.047em;
}



.agp-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.38);
}



.agp-head-side p {
  max-width: 500px;

  margin: 0;

  color:
    rgba(255,255,255,.56);

  font-size: 14px;

  line-height: 1.65;
}





.agp-stage {
  display: grid;

  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(390px, .75fr);

  min-height: 660px;

  border:
    1px solid
    rgba(255,255,255,.10);

  background:
    #0e0f10;

  overflow: hidden;
}





.agp-video {
  position: relative;

  min-width: 0;
  min-height: 660px;

  overflow: hidden;

  background:
    #070809;

  isolation: isolate;
}





.agp .agp-video-poster {
  position: absolute !important;

  inset: 0 !important;

  z-index: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center 45% !important;

  transform: scale(1);

  transition:
    transform .4s ease;
}



@media (hover: hover) {

  .agp-video:hover
  .agp-video-poster {

    transform:
      scale(1.018);

  }

}





.agp-video-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:

    linear-gradient(
      90deg,
      rgba(4,5,6,.24),
      rgba(4,5,6,.04) 55%,
      rgba(4,5,6,.18)
    ),

    linear-gradient(
      to top,
      rgba(4,5,6,.86) 0%,
      rgba(4,5,6,.12) 52%,
      rgba(4,5,6,.11) 100%
    );

  pointer-events: none;
}





.agp-video-meta {
  position: absolute;

  top: 23px;
  left: 24px;

  z-index: 3;

  display: inline-flex;
  align-items: center;

  gap: 10px;

  color:
    rgba(255,255,255,.72);

  font-size: 10.5px;

  font-weight: 800;

  letter-spacing: .14em;

  text-transform: uppercase;

  pointer-events: none;
}



.agp-video-number {
  color:
    var(--ag-orange);
}





.agp-play-button {
  position: absolute;

  left: 50%;
  top: 43%;

  z-index: 5;

  display: flex;
  align-items: center;

  gap: 14px;

  padding: 0;

  border: 0;

  background: transparent;

  color: #fff;

  font-family: inherit;

  transform:
    translate(-50%, -50%);

  cursor: pointer;
}



.agp-play-icon {
  width: 70px;
  height: 70px;

  flex: 0 0 70px;

  display: flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(255,255,255,.52);

  border-radius: 50%;

  background:
    rgba(5,6,7,.72);

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}



.agp-play-icon i {
  width: 0;
  height: 0;

  margin-left: 5px;

  border-top:
    8px solid transparent;

  border-bottom:
    8px solid transparent;

  border-left:
    13px solid white;
}



.agp-play-copy {
  display: flex;
  flex-direction: column;

  gap: 3px;

  text-align: left;
}



.agp-play-copy strong {
  color: #fff;

  font-size: 13px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agp-play-copy small {
  color:
    rgba(255,255,255,.53);

  font-size: 10.5px;

  font-weight: 700;

  letter-spacing: .08em;

  text-transform: uppercase;
}



@media (hover: hover) {

  .agp-play-button:hover
  .agp-play-icon {

    transform:
      scale(1.07);

    border-color:
      var(--ag-orange);

    background:
      var(--ag-orange);

  }

}



.agp-play-button:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    8px;
}





.agp-video-bottom {
  position: absolute;

  left:
    clamp(
      22px,
      3vw,
      40px
    );

  bottom:
    clamp(
      28px,
      4vw,
      48px
    );

  z-index: 3;

  display: flex;
  flex-direction: column;

  pointer-events: none;
}



.agp-video-bottom > span {
  margin-bottom: 8px;

  color:
    var(--ag-orange);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .17em;

  text-transform: uppercase;
}



.agp-video-bottom strong {
  max-width: 710px;

  color: #fff;

  font-size:
    clamp(
      34px,
      4.1vw,
      58px
    );

  font-weight: 850;

  line-height: .93;

  letter-spacing: -.045em;
}





.agp-youtube {
  position: absolute;

  inset: 0;

  z-index: 20;

  display: block;

  width: 100%;
  height: 100%;

  border: 0;

  background: #000;
}





.agp-product {
  position: relative;

  min-width: 0;

  display: flex;
  flex-direction: column;

  padding:
    clamp(
      28px,
      3.3vw,
      45px
    );

  border-left:
    1px solid
    rgba(255,255,255,.09);

  background:
    linear-gradient(
      145deg,
      #141517,
      #0d0e10
    );
}





.agp-product-top {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-bottom:
    clamp(
      35px,
      5vw,
      62px
    );
}



.agp-product-index {
  display: flex;
  align-items: center;

  gap: 9px;

  color:
    rgba(255,255,255,.43);

  font-size: 10.5px;

  font-weight: 800;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agp-product-index span {
  color:
    var(--ag-orange);
}



.agp-product-status {
  padding:
    6px
    8px;

  border:
    1px solid
    rgba(246,82,0,.35);

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}





.agp-product-family {
  display: block;

  margin-bottom: 9px;

  color:
    var(--ag-orange);

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .21em;
}



.agp-product-title h3 {
  margin: 0;

  color: #fff;

  font-size:
    clamp(
      34px,
      3.7vw,
      52px
    );

  font-weight: 850;

  line-height: .94;

  letter-spacing: -.045em;
}



.agp-product-title p {
  max-width: 390px;

  margin:
    17px
    0
    0;

  color:
    rgba(255,255,255,.53);

  font-size: 14px;

  line-height: 1.55;
}





.agp-specs {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  margin-top: 29px;

  border-top:
    1px solid
    rgba(255,255,255,.10);

  border-bottom:
    1px solid
    rgba(255,255,255,.10);
}



.agp-spec {
  min-width: 0;

  padding:
    14px
    11px;

  border-right:
    1px solid
    rgba(255,255,255,.08);
}



.agp-spec:first-child {
  padding-left: 0;
}



.agp-spec:last-child {
  border-right: 0;
}



.agp-spec span {
  display: block;

  margin-bottom: 5px;

  color:
    rgba(255,255,255,.34);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;
}



.agp-spec strong {
  display: block;

  color:
    rgba(255,255,255,.89);

  font-size: 14px;

  font-weight: 800;
}





.agp-features {
  margin-top: 22px;
}



.agp-feature {
  display: grid;

  grid-template-columns:
    28px
    1fr;

  gap: 9px;

  padding:
    14px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.075);
}



.agp-feature-number {
  padding-top: 2px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;
}



.agp-feature strong {
  display: block;

  color:
    rgba(255,255,255,.88);

  font-size: 14px;

  font-weight: 800;
}



.agp-feature p {
  margin:
    5px
    0
    0;

  color:
    rgba(255,255,255,.42);

  font-size: 12px;

  line-height: 1.45;
}





.agp-product-actions {
  display: grid;

  grid-template-columns:
    1fr;

  gap: 7px;

  margin-top: auto;

  padding-top: 25px;
}



.agp-primary,
.agp-secondary {
  min-height: 50px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding:
    0
    17px;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .14em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}



.agp-primary {
  color: #fff;

  background:
    var(--ag-orange);
}



.agp-primary svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;
  stroke-linejoin: round;
}



.agp-secondary {
  border:
    1px solid
    rgba(255,255,255,.13);

  color:
    rgba(255,255,255,.65);

  background:
    transparent;
}



@media (hover: hover) {

  .agp-primary:hover,
  .agp-secondary:hover {

    transform:
      translateY(-2px);

  }


  .agp-primary:hover {
    background:
      #ff641a;
  }


  .agp-secondary:hover {
    color: #fff;

    border-color:
      rgba(255,255,255,.35);
  }

}



.agp-primary:focus-visible,
.agp-secondary:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    3px;
}





.agp-product-foot {
  display: flex;

  gap:
    6px
    13px;

  flex-wrap: wrap;

  margin-top: 18px;
}



.agp-product-foot span {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.32);

  font-size: 9.5px;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}



.agp-product-foot i {
  width: 3px;
  height: 3px;

  flex: 0 0 3px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





@media (max-width: 1024px) {

  .agp-head {
    grid-template-columns:
      1fr;

    align-items: start;

    gap: 20px;
  }


  .agp-head-side p {
    max-width: 680px;
  }


  .agp-stage {
    grid-template-columns:
      1fr;

    min-height: 0;
  }


  .agp-video {
    min-height:
      clamp(
        470px,
        65vw,
        650px
      );
  }


  .agp .agp-video-poster {
    object-position:
      center center !important;
  }


  .agp-product {
    border-left: 0;

    border-top:
      1px solid
      rgba(255,255,255,.09);
  }


  .agp-product-title p {
    max-width: 580px;
  }


  .agp-product-actions {
    margin-top: 25px;
  }

}





@media (max-width: 640px) {

  .agp {

}


  .agp-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agp-head {
    margin-bottom:
      29px;
  }


  .agp-head h2 {
    font-size:
      clamp(
        37px,
        11vw,
        49px
      );
  }


  .agp-head-side p {
    font-size:
      13px;
  }


  

  .agp-video {
    min-height:
      470px;
  }


  .agp .agp-video-poster {
    object-position:
      center center !important;
  }


  .agp-video-meta {
    top: 15px;
    left: 16px;
  }


  .agp-play-button {
    top: 40%;

    flex-direction: column;

    gap: 9px;
  }


  .agp-play-icon {
    width: 62px;
    height: 62px;

    flex-basis: 62px;
  }


  .agp-play-copy {
    text-align: center;
  }


  .agp-video-bottom {
    left: 18px;

    right: 18px;

    bottom: 22px;
  }


  .agp-video-bottom strong {
    font-size:
      clamp(
        30px,
        9vw,
        39px
      );
  }


  

  .agp-product {
    padding:
      25px
      18px
      27px;
  }


  .agp-product-top {
    margin-bottom:
      36px;
  }


  .agp-product-title h3 {
    font-size:
      clamp(
        34px,
        10vw,
        44px
      );
  }


  .agp-product-title p {
    font-size: 13px;
  }


  .agp-specs {
    margin-top: 23px;
  }


  .agp-spec {
    padding:
      12px
      7px;
  }


  .agp-spec:first-child {
    padding-left: 0;
  }


  .agp-feature {
    grid-template-columns:
      25px
      1fr;

    padding:
      13px
      0;
  }


  .agp-primary,
  .agp-secondary {
    width: 100%;
  }

}





@media (max-width: 370px) {

  .agp-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agp-video {
    min-height:
      430px;
  }


  .agp-spec strong {
    font-size:
      10px;
  }

}





@media (prefers-reduced-motion: reduce) {

  .agp-video-poster,
  .agp-play-icon,
  .agp-primary,
  .agp-secondary {

    transition: none;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ad3239 */.agps,
.agps *,
.agps *::before,
.agps *::after {
  box-sizing: border-box;
}


.agps {
  --ag-orange: #F65200;

  --ag-bg: #08090a;
  --ag-panel: #101113;
  --ag-panel-2: #141517;

  width: 100%;

  overflow: hidden;

  color: #fff;

  background:
    linear-gradient(
      180deg,
      #090a0b 0%,
      #070809 100%
    );

  font-family: inherit;


  


}



.agps-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(
      68px,
      7vw,
      108px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agps-head {
  display: grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(340px,.85fr);

  align-items: end;

  gap:
    clamp(
      35px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      38px,
      5vw,
      62px
    );
}



.agps-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 16px;

  color:
    var(--ag-orange);

  font-size: 11px;
  font-weight: 850;

  letter-spacing: .19em;

  line-height: 1.3;

  text-transform: uppercase;
}



.agps-eyebrow span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}



.agps-head h2 {
  max-width: 850px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(
      42px,
      5.4vw,
      76px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.047em;
}



.agps-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.37);
}



.agps-head-side > p {
  max-width: 520px;

  margin: 0;

  color:
    rgba(255,255,255,.57);

  font-size: 14px;

  line-height: 1.65;
}



.agps-head-meta {
  display: flex;

  flex-wrap: wrap;

  gap:
    8px
    18px;

  margin-top: 20px;
}



.agps-head-meta > span {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  color:
    rgba(255,255,255,.42);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;
}



.agps-head-meta i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agps-stage {
  display: grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(400px,.95fr);

  min-height: 760px;

  border:
    1px solid
    rgba(255,255,255,.10);

  background:
    #0e0f10;

  overflow: hidden;
}





.agps-media {
  position: relative;

  min-width: 0;
  min-height: 760px;

  margin: 0;

  overflow: hidden;

  background: #090a0b;

  isolation: isolate;
}



.agps .agps-image {
  position: absolute !important;

  inset: 0 !important;

  z-index: 0;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  object-fit: cover !important;

  object-position:
    center center !important;

  margin: 0 !important;

  transition:
    transform .35s ease;
}



@media (hover:hover) {

  .agps-media:hover
  .agps-image {

    transform:
      scale(1.018);

  }

}





.agps-media-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:

    linear-gradient(
      to top,
      rgba(4,5,6,.91) 0%,
      rgba(4,5,6,.17) 50%,
      rgba(4,5,6,.13) 100%
    ),

    linear-gradient(
      90deg,
      rgba(4,5,6,.18),
      transparent 60%
    );

  pointer-events: none;
}





.agps-media-button {
  position: absolute;

  inset: 0;

  z-index: 2;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  border: 0;

  background: transparent;

  cursor: zoom-in;
}



.agps-media-button:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    -3px;
}





.agps-media-top {
  position: absolute;

  top: 20px;
  left: 21px;
  right: 21px;

  z-index: 4;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  pointer-events: none;
}



.agps-media-index {
  color:
    rgba(255,255,255,.64);

  font-size: 10.5px;
  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agps-enlarge {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  min-height: 30px;

  padding:
    0
    9px;

  border:
    1px solid
    rgba(255,255,255,.15);

  background:
    rgba(7,8,9,.82);

  color:
    rgba(255,255,255,.72);

  font-size: 9.5px;
  font-weight: 800;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agps-enlarge svg {
  width: 11px;
  height: 11px;

  fill: none;

  stroke:
    var(--ag-orange);

  stroke-width: 1.8;

  stroke-linecap: round;
}





.agps-media-copy {
  position: absolute;

  left:
    clamp(
      22px,
      3vw,
      40px
    );

  right:
    clamp(
      22px,
      3vw,
      40px
    );

  bottom:
    clamp(
      25px,
      4vw,
      45px
    );

  z-index: 4;

  pointer-events: none;
}



.agps-media-copy > span {
  display: block;

  margin-bottom: 9px;

  color:
    var(--ag-orange);

  font-size: 10.5px;
  font-weight: 850;

  letter-spacing: .17em;

  text-transform: uppercase;
}



.agps-media-copy > strong {
  display: block;

  max-width: 700px;

  color: #fff;

  font-size:
    clamp(
      34px,
      4.4vw,
      62px
    );

  font-weight: 850;

  line-height: .93;

  letter-spacing: -.045em;
}



.agps-media-tags {
  display: flex;

  flex-wrap: wrap;

  gap:
    7px
    18px;

  margin-top: 22px;
}



.agps-media-tags span {
  position: relative;

  padding-left: 10px;

  color:
    rgba(255,255,255,.54);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;
}



.agps-media-tags span::before {
  content: "";

  position: absolute;

  left: 0;
  top: 50%;

  width: 4px;
  height: 4px;

  transform:
    translateY(-50%);

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agps-content {
  min-width: 0;

  display: flex;
  flex-direction: column;

  padding:
    clamp(
      30px,
      3.7vw,
      48px
    );

  border-left:
    1px solid
    rgba(255,255,255,.09);

  background:
    linear-gradient(
      145deg,
      #141517,
      #0d0e0f
    );
}





.agps-content-index {
  display: block;

  margin-bottom: 14px;

  color:
    var(--ag-orange);

  font-size: 10.5px;
  font-weight: 850;

  letter-spacing: .16em;

  text-transform: uppercase;
}



.agps-content-intro h3 {
  max-width: 530px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(
      31px,
      3.5vw,
      49px
    );

  font-weight: 850;

  line-height: .96;

  letter-spacing: -.04em;
}



.agps-content-intro > p {
  max-width: 500px;

  margin:
    16px
    0
    0;

  color:
    rgba(255,255,255,.48);

  font-size: 14px;

  line-height: 1.55;
}





.agps-capabilities {
  margin-top:
    clamp(
      28px,
      4vw,
      42px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agps-capability {
  display: grid;

  grid-template-columns:
    33px
    minmax(0,1fr)
    20px;

  gap: 12px;

  align-items: start;

  padding:
    19px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.08);
}



.agps-number {
  padding-top: 3px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;
}



.agps-capability-copy h4 {
  margin: 0;

  color:
    rgba(255,255,255,.92);

  font-size: 14px;

  font-weight: 800;

  line-height: 1.25;
}



.agps-capability-copy p {
  max-width: 470px;

  margin:
    6px
    0
    0;

  color:
    rgba(255,255,255,.45);

  font-size: 12px;

  line-height: 1.48;
}



.agps-capability-mark {
  padding-top: 1px;

  color:
    rgba(255,255,255,.20);

  font-size: 17px;

  font-weight: 300;

  text-align: right;
}





.agps-start {
  display: grid;

  grid-template-columns:
    36px
    minmax(0,1fr);

  gap: 13px;

  margin-top: 24px;

  padding:
    18px;

  border:
    1px solid
    rgba(246,82,0,.26);

  background:
    rgba(246,82,0,.055);
}



.agps-start-icon {
  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(246,82,0,.35);
}



.agps-start-icon svg {
  width: 15px;
  height: 15px;

  fill: none;

  stroke:
    var(--ag-orange);

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}



.agps-start-label {
  display: block;

  margin-bottom: 4px;

  color:
    var(--ag-orange);

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;
}



.agps-start strong {
  display: block;

  color: #fff;

  font-size: 14px;

  font-weight: 800;
}



.agps-start p {
  margin:
    5px
    0
    0;

  color:
    rgba(255,255,255,.47);

  font-size: 12px;

  line-height: 1.5;
}





.agps-actions {
  display: grid;

  grid-template-columns:
    1fr;

  gap: 7px;

  margin-top: auto;

  padding-top: 25px;
}



.agps-btn {
  min-height: 50px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding:
    0
    18px;

  font-size: 10.5px;
  font-weight: 850;

  letter-spacing: .13em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}



.agps-btn-primary {
  color: #fff !important;

  background:
    var(--ag-orange);
}



.agps-btn-primary svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}



.agps-btn-secondary {
  border:
    1px solid
    rgba(255,255,255,.14);

  color:
    rgba(255,255,255,.68) !important;

  background:
    transparent;
}



@media (hover:hover) {

  .agps-btn:hover {
    transform:
      translateY(-2px);
  }


  .agps-btn-primary:hover {
    background:
      #ff641a;
  }


  .agps-btn-secondary:hover {
    border-color:
      rgba(255,255,255,.36);

    color: #fff !important;
  }

}



.agps-btn:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    3px;
}





.agps-strip {
  display: grid;

  grid-template-columns:
    minmax(270px,.8fr)
    minmax(0,1.2fr);

  gap:
    clamp(
      30px,
      5vw,
      70px
    );

  align-items: center;

  margin-top:
    clamp(
      27px,
      4vw,
      42px
    );

  padding-top:
    clamp(
      23px,
      3vw,
      32px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agps-strip-label > span {
  display: block;

  margin-bottom: 5px;

  color:
    var(--ag-orange);

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agps-strip-label strong {
  display: block;

  max-width: 470px;

  color:
    rgba(255,255,255,.83);

  font-size: 14px;

  font-weight: 750;

  line-height: 1.4;
}



.agps-strip-items {
  display: flex;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap:
    9px
    18px;
}



.agps-strip-items span {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.38);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .09em;

  text-transform: uppercase;
}



.agps-strip-items i {
  width: 3px;
  height: 3px;

  flex: 0 0 3px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agps-lightbox {
  position: fixed;

  inset: 0;

  z-index: 999999;

  width: 100%;
  height: 100%;

  max-width: none;
  max-height: none;

  margin: 0;
  padding: 0;

  border: 0;

  background:
    rgba(0,0,0,.95);

  overflow: hidden;
}



.agps-lightbox::backdrop {
  background:
    rgba(0,0,0,.95);
}



.agps-lightbox-shell {
  position: relative;

  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  padding:
    65px
    35px
    55px;
}



.agps-lightbox-image {
  display: block;

  width: auto;
  height: auto;

  max-width: 94vw;
  max-height: 84vh;

  object-fit: contain;
}



.agps-lightbox-close {
  position: absolute;

  top: 17px;
  right: 20px;

  z-index: 3;

  min-width: 82px;
  height: 40px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 7px;

  padding:
    0
    12px;

  border:
    1px solid
    rgba(255,255,255,.17);

  background:
    #111214;

  color: #fff;

  font-family: inherit;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;

  cursor: pointer;
}



.agps-lightbox-close svg {
  width: 12px;
  height: 12px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;
}



.agps-lightbox-caption {
  position: absolute;

  left: 50%;
  bottom: 16px;

  width:
    min(
      800px,
      calc(100% - 35px)
    );

  margin: 0;

  transform:
    translateX(-50%);

  color:
    rgba(255,255,255,.64);

  font-size: 11px;

  line-height: 1.45;

  text-align: center;
}





@media (max-width:1024px) {

  .agps-head {
    grid-template-columns:
      1fr;

    align-items: start;

    gap: 20px;
  }


  .agps-head-side > p {
    max-width: 700px;
  }


  .agps-stage {
    grid-template-columns:
      1fr;

    min-height: 0;
  }


  .agps-media {
    min-height:
      clamp(
        560px,
        70vw,
        720px
      );
  }


  .agps-content {
    border-left: 0;

    border-top:
      1px solid
      rgba(255,255,255,.09);
  }


  .agps-actions {
    margin-top: 26px;
  }


  .agps-strip {
    grid-template-columns:
      1fr;
  }


  .agps-strip-items {
    justify-content:
      flex-start;
  }

}





@media (max-width:640px) {

  .agps {

}


  .agps-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agps-head {
    margin-bottom:
      29px;
  }


  .agps-head h2 {
    font-size:
      clamp(
        37px,
        11vw,
        49px
      );
  }


  .agps-head-side > p {
    font-size: 14px;
  }


  

  .agps-media {
    min-height:
      520px;
  }


  .agps .agps-image {
    object-position:
      center center !important;
  }


  .agps-media-top {
    top: 14px;
    left: 14px;
    right: 14px;
  }


  .agps-media-copy {
    left: 18px;
    right: 18px;
    bottom: 21px;
  }


  .agps-media-copy > strong {
    font-size:
      clamp(
        34px,
        10vw,
        43px
      );
  }


  .agps-media-tags {
    gap:
      6px
      12px;

    margin-top: 17px;
  }


  

  .agps-content {
    padding:
      26px
      18px
      28px;
  }


  .agps-content-intro h3 {
    font-size:
      clamp(
        31px,
        9vw,
        40px
      );
  }


  .agps-content-intro > p {
    font-size: 13px;
  }


  .agps-capability {
    grid-template-columns:
      27px
      minmax(0,1fr)
      15px;

    gap: 8px;

    padding:
      16px
      0;
  }


  .agps-start {
    grid-template-columns:
      30px
      minmax(0,1fr);

    padding: 15px;
  }


  .agps-start-icon {
    width: 28px;
    height: 28px;
  }


  .agps-btn {
    width: 100%;
  }


  

  .agps-strip {
    gap: 20px;
  }


  .agps-strip-items {
    gap:
      7px
      14px;
  }


  

  .agps-lightbox-shell {
    padding:
      58px
      8px
      48px;
  }


  .agps-lightbox-image {
    max-width: 96vw;
    max-height: 79vh;
  }


  .agps-lightbox-close {
    top: 9px;
    right: 9px;
  }

}





@media (max-width:370px) {

  .agps-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agps-media {
    min-height:
      470px;
  }


  .agps-enlarge {
    font-size: 9px;
  }

}





@media (prefers-reduced-motion:reduce) {

  .agps-image,
  .agps-btn {

    transition: none;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-594f0c6 */.agzz,
.agzz *,
.agzz *::before,
.agzz *::after {
  box-sizing: border-box;
}


.agzz {
  --ag-orange: #F65200;

  width: 100%;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #08090a 0%,
      #070809 100%
    );

  color: #fff;

  font-family: inherit;


  


}



.agzz-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(
      70px,
      7vw,
      110px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agzz-head {
  display: grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(350px,.85fr);

  align-items: end;

  gap:
    clamp(
      36px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      32px,
      4vw,
      50px
    );
}



.agzz-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 16px;

  color:
    var(--ag-orange);

  font-size: 11px;
  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}



.agzz-eyebrow span {
  width: 30px;
  height: 2px;

  flex: 0 0 30px;

  background:
    var(--ag-orange);
}



.agzz .agzz-head h2 {
  max-width: 830px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      44px,
      5.7vw,
      80px
    );

  font-weight: 850;

  line-height: .94;

  letter-spacing: -.05em;
}



.agzz .agzz-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.37) !important;
}



.agzz-head-side p {
  max-width: 520px;

  margin: 0;

  color:
    rgba(255,255,255,.55);

  font-size: 14px;

  line-height: 1.65;
}



.agzz-head-side p strong {
  color:
    rgba(255,255,255,.88);
}





.agzz-head-links {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px 18px;

  margin-top: 22px;
}



.agzz-link {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  text-decoration: none;

  text-transform: uppercase;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .12em;
}



.agzz-link-primary {
  min-height: 44px;

  padding:
    0
    15px;

  background:
    var(--ag-orange);

  color: #fff !important;
}



.agzz-link-primary svg {
  width: 13px;
  height: 13px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;
}



.agzz-link-text {
  color:
    rgba(255,255,255,.49) !important;
}



.agzz-link-text:hover {
  color:
    #fff !important;
}





.agzz-system-strip {
  display: grid;

  grid-template-columns:
    minmax(280px,.9fr)
    minmax(0,1.1fr);

  gap:
    30px;

  align-items: center;

  margin-bottom:
    16px;

  padding:
    17px
    0;

  border-top:
    1px solid
    rgba(255,255,255,.09);

  border-bottom:
    1px solid
    rgba(255,255,255,.09);
}



.agzz-system-strip > div:first-child span {
  display: block;

  margin-bottom: 5px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agzz-system-strip > div:first-child strong {
  color:
    rgba(255,255,255,.80);

  font-size: 14px;

  font-weight: 750;
}



.agzz-system-meta {
  display: flex;

  justify-content: flex-end;

  gap:
    7px
    17px;

  flex-wrap: wrap;
}



.agzz-system-meta span {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.37);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}



.agzz-system-meta i {
  width: 3px;
  height: 3px;

  background:
    var(--ag-orange);

  border-radius: 50%;
}





.agzz-grid {
  display: grid;

  grid-template-columns:
    repeat(
      12,
      minmax(0,1fr)
    );

  grid-template-rows:
    280px
    220px
    260px;

  gap: 7px;
}





.agzz-card-1 {
  grid-column: 1 / 6;
  grid-row: 1 / 3;
}


.agzz-card-2 {
  grid-column: 6 / 9;
  grid-row: 1 / 2;
}


.agzz-card-3 {
  grid-column: 9 / 13;
  grid-row: 1 / 2;
}


.agzz-card-4 {
  grid-column: 6 / 10;
  grid-row: 2 / 3;
}


.agzz-card-5 {
  grid-column: 10 / 13;
  grid-row: 2 / 3;
}


.agzz-card-6 {
  grid-column: 1 / 5;
  grid-row: 3 / 4;
}


.agzz-card-7 {
  grid-column: 5 / 9;
  grid-row: 3 / 4;
}


.agzz-card-8 {
  grid-column: 9 / 13;
  grid-row: 3 / 4;
}





.agzz-card {
  position: relative;

  min-width: 0;
  min-height: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.08);

  background:
    #111214;

  isolation: isolate;
}



.agzz-media {
  position: relative;

  width: 100%;
  height: 100%;

  overflow: hidden;
}



.agzz-media > img {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  max-width: none;

  object-fit: cover;

  filter:
    brightness(.84);

  transition:
    transform .3s ease,
    filter .3s ease;
}



@media (hover:hover) {

  .agzz-card:hover
  .agzz-media > img {

    transform:
      scale(1.022);

    filter:
      brightness(.94);

  }

}





.agzz-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      to top,
      rgba(4,5,6,.92) 0%,
      rgba(4,5,6,.18) 54%,
      rgba(4,5,6,.08) 100%
    );

  pointer-events: none;
}





.agzz-video-trigger {
  position: absolute;

  inset: 0;

  z-index: 4;

  display: block;

  width: 100%;
  height: 100%;

  padding: 0;

  border: 0;

  background: transparent;

  cursor: pointer;
}



.agzz-video-trigger:focus-visible {
  outline:
    3px solid
    var(--ag-orange);

  outline-offset:
    -3px;
}





.agzz-card-top {
  position: absolute;

  top: 13px;
  left: 14px;
  right: 14px;

  z-index: 3;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  pointer-events: none;
}



.agzz-card-index {
  color:
    rgba(255,255,255,.59);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agzz-video-label {
  display: inline-flex;
  align-items: center;

  gap: 5px;

  color:
    rgba(255,255,255,.51);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agzz-video-label svg {
  width: 9px;
  height: 9px;

  fill:
    var(--ag-orange);
}





.agzz-feature-badge {
  position: absolute;

  top: 46px;
  left: 14px;

  z-index: 3;

  display: inline-flex;
  align-items: center;

  gap: 7px;

  padding:
    7px
    9px;

  border:
    1px solid
    rgba(246,82,0,.33);

  background:
    rgba(9,10,11,.83);

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .11em;

  text-transform: uppercase;

  pointer-events: none;
}



.agzz-feature-badge i {
  width: 5px;
  height: 5px;

  flex: 0 0 5px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agzz-play {
  position: absolute;

  left: 50%;
  top: 45%;

  z-index: 3;

  transform:
    translate(-50%,-50%);

  pointer-events: none;
}



.agzz-play > span {
  width: 46px;
  height: 46px;

  display: flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(255,255,255,.35);

  border-radius: 50%;

  background:
    rgba(7,8,9,.69);

  transition:
    transform .18s ease,
    background-color .18s ease;
}



.agzz-card-feature
.agzz-play > span {

  width: 60px;
  height: 60px;

}



.agzz-play i {
  width: 0;
  height: 0;

  margin-left: 3px;

  border-top:
    6px solid transparent;

  border-bottom:
    6px solid transparent;

  border-left:
    10px solid #fff;
}



@media (hover:hover) {

  .agzz-card:hover
  .agzz-play > span {

    transform:
      scale(1.06);

    background:
      var(--ag-orange);

  }

}





.agzz-card-copy {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  z-index: 3;

  padding:
    clamp(
      15px,
      1.7vw,
      23px
    );

  pointer-events: none;
}



.agzz-card-copy > span {
  display: block;

  margin-bottom: 6px;

  color:
    var(--ag-orange);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agzz-card-copy h3 {
  max-width: 520px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      15px,
      1.5vw,
      22px
    );

  font-weight: 800;

  line-height: 1.07;

  letter-spacing: -.025em;
}



.agzz-card-feature
.agzz-card-copy h3 {

  font-size:
    clamp(
      25px,
      3vw,
      42px
    );

}



.agzz-card-copy p {
  max-width: 440px;

  margin:
    9px
    0
    0;

  color:
    rgba(255,255,255,.54);

  font-size: 12px;

  line-height: 1.5;
}



.agzz-card-copy small {
  display: block;

  margin-top: 10px;

  color:
    rgba(255,255,255,.43);

  font-size: 9.5px;

  font-weight: 800;

  letter-spacing: .10em;

  text-transform: uppercase;
}





.agzz-card-logo {
  background:
    #f4f4f4;
}



.agzz-card-logo
.agzz-media {

  background:
    #f4f4f4;

}



.agzz-card-logo
.agzz-media > img {

  inset:
    18% 10% 28% !important;

  width:
    80% !important;

  height:
    54% !important;

  object-fit:
    contain;

  filter:
    none;

}



.agzz-card-logo:hover
.agzz-media > img {

  transform: none;

  filter: none;

}



.agzz-logo-bg {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #e9e9e9
    );
}



.agzz-card-index-dark {
  color:
    rgba(0,0,0,.46);
}



.agzz-video-label-dark {
  color:
    rgba(0,0,0,.45);
}



.agzz-card-logo
.agzz-video-label svg {

  fill:
    var(--ag-orange);

}



.agzz-play-logo > span {
  border-color:
    rgba(0,0,0,.22);

  background:
    rgba(12,13,14,.75);
}



.agzz-card-copy-dark {
  background:
    linear-gradient(
      to top,
      rgba(255,255,255,.96),
      rgba(255,255,255,.76),
      transparent
    );
}



.agzz-card-copy-dark h3 {
  color:
    #111214 !important;
}



.agzz-card-copy-dark small {
  color:
    rgba(0,0,0,.46);
}





.agzz-youtube {
  position: absolute;

  inset: 0;

  z-index: 20;

  display: block;

  width: 100%;
  height: 100%;

  border: 0;

  background: #000;
}





.agzz-footer {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 35px;

  margin-top:
    clamp(
      28px,
      4vw,
      45px
    );

  padding-top:
    clamp(
      24px,
      3vw,
      33px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agzz-footer-copy {
  display: flex;

  align-items: center;

  gap: 17px;
}



.agzz-footer-line {
  width: 40px;
  height: 2px;

  flex: 0 0 40px;

  background:
    var(--ag-orange);
}



.agzz-footer-copy strong {
  display: block;

  color: #fff;

  font-size: 14px;

  font-weight: 800;
}



.agzz-footer-copy p {
  max-width: 650px;

  margin:
    5px
    0
    0;

  color:
    rgba(255,255,255,.42);

  font-size: 12px;

  line-height: 1.45;
}



.agzz-footer-btn {
  min-height: 48px;

  flex: 0 0 auto;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  padding:
    0
    17px;

  background:
    var(--ag-orange);

  color:
    #fff !important;

  text-decoration: none;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease;
}



.agzz-footer-btn svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;
}



@media (hover:hover) {

  .agzz-footer-btn:hover {

    transform:
      translateY(-2px);

    background:
      #ff641a;

  }

}





@media (max-width:1024px) {

  .agzz-head {
    grid-template-columns:
      1fr;

    align-items: start;

    gap: 20px;
  }


  .agzz-head-side p {
    max-width: 700px;
  }


  .agzz-system-strip {
    grid-template-columns:
      1fr;
  }


  .agzz-system-meta {
    justify-content:
      flex-start;
  }


  .agzz-grid {
    grid-template-columns:
      repeat(
        6,
        minmax(0,1fr)
      );

    grid-template-rows:
      250px
      220px
      210px
      230px;
  }


  .agzz-card-1 {
    grid-column: 1 / 4;
    grid-row: 1 / 3;
  }


  .agzz-card-2 {
    grid-column: 4 / 7;
    grid-row: 1 / 2;
  }


  .agzz-card-3 {
    grid-column: 4 / 7;
    grid-row: 2 / 3;
  }


  .agzz-card-4 {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
  }


  .agzz-card-5 {
    grid-column: 3 / 5;
    grid-row: 3 / 4;
  }


  .agzz-card-6 {
    grid-column: 5 / 7;
    grid-row: 3 / 4;
  }


  .agzz-card-7 {
    grid-column: 1 / 4;
    grid-row: 4 / 5;
  }


  .agzz-card-8 {
    grid-column: 4 / 7;
    grid-row: 4 / 5;
  }

}





@media (max-width:640px) {

  .agzz {

}


  .agzz-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agzz-head {
    margin-bottom:
      27px;
  }


  .agzz .agzz-head h2 {
    font-size:
      clamp(
        38px,
        11vw,
        50px
      );
  }


  .agzz-head-side p {
    font-size: 14px;
  }


  .agzz-head-links {
    align-items: stretch;

    flex-direction: column;
  }


  .agzz-link-primary {
    justify-content: center;

    width: 100%;
  }


  .agzz-link-text {
    justify-content: center;

    min-height: 38px;
  }


  

  .agzz-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    grid-template-rows:
      300px
      205px
      205px
      230px
      205px;

    gap: 5px;
  }


  .agzz-card-1 {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }


  .agzz-card-2 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }


  .agzz-card-3 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }


  .agzz-card-4 {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }


  .agzz-card-5 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
  }


  .agzz-card-6 {
    grid-column: 1 / 3;
    grid-row: 4 / 5;
  }


  .agzz-card-7 {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
  }


  .agzz-card-8 {
    grid-column: 2 / 3;
    grid-row: 5 / 6;
  }


  

  .agzz-card:not(.agzz-card-feature)
  .agzz-card-copy {

    padding:
      12px;

  }


  .agzz-card:not(.agzz-card-feature)
  .agzz-card-copy h3 {

    font-size:
      13px;

  }


  .agzz-card:not(.agzz-card-feature)
  .agzz-card-copy small {

    display: none;

  }


  .agzz-card:not(.agzz-card-feature)
  .agzz-play > span {

    width: 39px;
    height: 39px;

  }


  .agzz-card-feature
  .agzz-card-copy h3 {

    font-size:
      clamp(
        25px,
        8vw,
        34px
      );

  }


  .agzz-card-feature
  .agzz-card-copy p {

    font-size: 11px;

  }


  .agzz-feature-badge {
    top: 43px;
  }


  

  .agzz-footer {
    flex-direction: column;

    align-items: flex-start;

    gap: 20px;
  }


  .agzz-footer-line {
    display: none;
  }


  .agzz-footer-btn {
    width: 100%;
  }

}





@media (max-width:370px) {

  .agzz-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agzz-grid {
    grid-template-rows:
      280px
      190px
      190px
      215px
      190px;
  }


  .agzz-card-top {
    left: 10px;
    right: 10px;
  }

}





.agzz .agzz-head h2,
.agzz .agzz-card-copy h3 {
  color: #fff !important;
}


.agzz .agzz-head h2 span {
  color:
    rgba(255,255,255,.37) !important;
}


.agzz .agzz-card-copy-dark h3 {
  color:
    #111214 !important;
}





@media (prefers-reduced-motion:reduce) {

  .agzz-media > img,
  .agzz-play > span,
  .agzz-footer-btn {

    transition: none;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49bcd04 */.agpr,
.agpr *,
.agpr *::before,
.agpr *::after {
  box-sizing: border-box;
}


.agpr {
  --ag-orange: #F65200;

  width: 100%;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #08090a 0%,
      #070809 100%
    );

  color: #fff;

  font-family: inherit;


  


}



.agpr-shell {
  width: 100%;

  margin: 0 auto;

  padding:
    clamp(
      70px,
      7vw,
      110px
    )
    0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}





.agpr-head {
  display: grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(350px,.85fr);

  align-items: end;

  gap:
    clamp(
      36px,
      6vw,
      90px
    );

  margin-bottom:
    clamp(
      38px,
      5vw,
      62px
    );
}



.agpr-eyebrow {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 16px;

  color:
    var(--ag-orange);

  font-size: 11px;
  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}



.agpr-eyebrow span {
  width: 30px;
  height: 2px;

  background:
    var(--ag-orange);
}



.agpr .agpr-head h2 {
  max-width: 880px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      42px,
      5.4vw,
      76px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.048em;
}



.agpr .agpr-head h2 span {
  display: block;

  color:
    rgba(255,255,255,.37) !important;
}



.agpr-head-side p {
  max-width: 520px;

  margin: 0;

  color:
    rgba(255,255,255,.56);

  font-size: 14px;

  line-height: 1.65;
}



.agpr-head-meta {
  display: flex;

  flex-wrap: wrap;

  gap:
    8px
    18px;

  margin-top: 20px;
}



.agpr-head-meta span {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.39);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .10em;

  text-transform: uppercase;
}



.agpr-head-meta i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background:
    var(--ag-orange);
}





.agpr-stage {
  display: grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(400px,.95fr);

  min-height: 760px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    #0e0f10;
}





.agpr-story {
  min-width: 0;

  display: flex;
  flex-direction: column;

  padding:
    clamp(
      30px,
      3.8vw,
      50px
    );

  background:
    linear-gradient(
      145deg,
      #141517,
      #0d0e0f
    );
}



.agpr-story-top {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-bottom:
    clamp(
      32px,
      4vw,
      48px
    );
}



.agpr-index {
  color:
    rgba(255,255,255,.40);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agpr-status {
  padding:
    6px
    8px;

  border:
    1px solid
    rgba(246,82,0,.30);

  color:
    var(--ag-orange);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}





.agpr-story-label {
  display: block;

  margin-bottom: 8px;

  color:
    var(--ag-orange);

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agpr .agpr-story-copy h3 {
  max-width: 600px;

  margin: 0;

  color: #fff !important;

  font-size:
    clamp(
      33px,
      3.7vw,
      52px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.042em;
}



.agpr-story-copy > p {
  max-width: 560px;

  margin:
    17px
    0
    0;

  color:
    rgba(255,255,255,.48);

  font-size: 13px;

  line-height: 1.58;
}





.agpr-features {
  display: grid;

  grid-template-columns:
    1fr
    1fr;

  margin-top:
    clamp(
      28px,
      4vw,
      42px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agpr-feature {
  display: grid;

  grid-template-columns:
    29px
    minmax(0,1fr);

  gap: 9px;

  padding:
    17px
    18px
    17px
    0;

  border-bottom:
    1px solid
    rgba(255,255,255,.08);
}



.agpr-feature:nth-child(odd) {
  border-right:
    1px solid
    rgba(255,255,255,.08);
}



.agpr-feature:nth-child(even) {
  padding-left: 18px;
}



.agpr-feature-num {
  padding-top: 2px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;
}



.agpr-feature strong {
  display: block;

  color:
    rgba(255,255,255,.88);

  font-size: 13px;

  font-weight: 800;

  line-height: 1.3;
}



.agpr-feature p {
  margin:
    6px
    0
    0;

  color:
    rgba(255,255,255,.40);

  font-size: 11px;

  line-height: 1.5;
}





.agpr-story-action {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: auto;

  padding-top: 28px;
}



.agpr-story-action > div > span {
  display: block;

  margin-bottom: 4px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;
}



.agpr-story-action strong {
  color:
    rgba(255,255,255,.84);

  font-size: 14px;

  font-weight: 800;
}



.agpr-btn {
  min-height: 48px;

  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 9px;

  padding:
    0
    17px;

  background:
    var(--ag-orange);

  color:
    #fff !important;

  font-size: 10.5px;

  font-weight: 850;

  letter-spacing: .12em;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform .18s ease,
    background-color .18s ease;
}



.agpr-btn svg {
  width: 14px;
  height: 14px;

  fill: none;

  stroke:
    currentColor;

  stroke-width: 2;
}



@media (hover:hover) {

  .agpr-btn:hover {
    transform:
      translateY(-2px);

    background:
      #ff641a;
  }

}





.agpr-video {
  position: relative;

  min-width: 0;

  min-height: 760px;

  overflow: hidden;

  background:
    #08090a;

  isolation: isolate;
}



.agpr .agpr-video-poster {
  position: absolute !important;

  inset: 0 !important;

  z-index: 0;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  object-fit: cover !important;

  object-position:
    center center !important;

  margin: 0 !important;

  transition:
    transform .35s ease;
}



@media (hover:hover) {

  .agpr-video:hover
  .agpr-video-poster {

    transform:
      scale(1.018);

  }

}



.agpr-video-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      to top,
      rgba(4,5,6,.92) 0%,
      rgba(4,5,6,.15) 52%,
      rgba(4,5,6,.10) 100%
    );

  pointer-events: none;
}





.agpr-video-top {
  position: absolute;

  top: 20px;
  left: 21px;
  right: 21px;

  z-index: 3;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  pointer-events: none;
}



.agpr-video-top > span:first-child {
  color:
    rgba(255,255,255,.57);

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}



.agpr-video-type {
  color:
    var(--ag-orange);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;
}





.agpr-play {
  position: absolute;

  left: 50%;
  top: 46%;

  z-index: 5;

  display: flex;
  align-items: center;

  gap: 13px;

  padding: 0;

  border: 0;

  background: transparent;

  color: #fff;

  font-family: inherit;

  transform:
    translate(-50%,-50%);

  cursor: pointer;
}



.agpr-play-icon {
  width: 64px;
  height: 64px;

  flex: 0 0 64px;

  display: flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(255,255,255,.45);

  border-radius: 50%;

  background:
    rgba(5,6,7,.70);

  transition:
    background-color .18s ease,
    transform .18s ease;
}



.agpr-play-icon i {
  width: 0;
  height: 0;

  margin-left: 4px;

  border-top:
    7px solid transparent;

  border-bottom:
    7px solid transparent;

  border-left:
    11px solid #fff;
}



.agpr-play-copy {
  display: flex;
  flex-direction: column;

  gap: 3px;

  text-align: left;
}



.agpr-play-copy strong {
  color: #fff;

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .11em;

  text-transform: uppercase;
}



.agpr-play-copy small {
  color:
    rgba(255,255,255,.48);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .08em;

  text-transform: uppercase;
}



@media (hover:hover) {

  .agpr-play:hover
  .agpr-play-icon {

    transform:
      scale(1.06);

    background:
      var(--ag-orange);

  }

}





.agpr-video-bottom {
  position: absolute;

  left:
    clamp(
      22px,
      3vw,
      40px
    );

  right:
    clamp(
      22px,
      3vw,
      40px
    );

  bottom:
    clamp(
      25px,
      4vw,
      45px
    );

  z-index: 3;

  pointer-events: none;
}



.agpr-video-bottom span {
  display: block;

  margin-bottom: 8px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agpr-video-bottom strong {
  display: block;

  max-width: 500px;

  color: #fff;

  font-size:
    clamp(
      31px,
      3.6vw,
      49px
    );

  font-weight: 850;

  line-height: .95;

  letter-spacing: -.04em;
}





.agpr-video-player {
  position: absolute;

  inset: 0;

  z-index: 20;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  background:
    #000;
}





.agpr-gallery-head {
  display: flex;

  align-items: end;
  justify-content: space-between;

  gap: 30px;

  margin-top:
    clamp(
      34px,
      5vw,
      58px
    );

  margin-bottom: 16px;
}



.agpr-gallery-head > div > span {
  display: block;

  margin-bottom: 5px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agpr-gallery-head strong {
  color:
    rgba(255,255,255,.86);

  font-size: 16px;

  font-weight: 800;
}



.agpr-gallery-head p {
  margin: 0;

  color:
    rgba(255,255,255,.36);

  font-size: 11px;
}





.agpr-gallery {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  grid-template-rows:
    220px
    220px;

  gap: 6px;
}



.agpr-gallery-item {
  position: relative;

  min-width: 0;

  overflow: hidden;

  padding: 0;

  border:
    1px solid
    rgba(255,255,255,.08);

  background:
    #111214;

  cursor:
    zoom-in;
}



.agpr-gallery-large {
  grid-column:
    span 2;

  grid-row:
    span 2;
}



.agpr-gallery-wide {
  grid-column:
    span 2;
}



.agpr-gallery-item img {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  max-width: none;

  object-fit: cover;

  transition:
    transform .28s ease,
    filter .28s ease;

  filter:
    brightness(.87);
}



@media (hover:hover) {

  .agpr-gallery-item:hover img {

    transform:
      scale(1.025);

    filter:
      brightness(.98);

  }

}



.agpr-gallery-item::after {
  content: "";

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(3,4,5,.62),
      transparent 45%
    );

  pointer-events: none;
}



.agpr-gallery-number {
  position: absolute;

  top: 12px;
  left: 13px;

  z-index: 2;

  color:
    rgba(255,255,255,.64);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .11em;
}



.agpr-gallery-zoom {
  position: absolute;

  right: 12px;
  bottom: 12px;

  z-index: 2;

  color:
    rgba(255,255,255,.65);

  font-size: 9.5px;

  font-weight: 850;

  letter-spacing: .10em;

  text-transform: uppercase;
}





.agpr-footer {
  display: grid;

  grid-template-columns:
    minmax(280px,.85fr)
    minmax(0,1.15fr);

  align-items: center;

  gap:
    35px;

  margin-top:
    clamp(
      28px,
      4vw,
      44px
    );

  padding-top:
    clamp(
      23px,
      3vw,
      32px
    );

  border-top:
    1px solid
    rgba(255,255,255,.09);
}



.agpr-footer > div:first-child > span {
  display: block;

  margin-bottom: 5px;

  color:
    var(--ag-orange);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}



.agpr-footer > div:first-child > strong {
  display: block;

  max-width: 520px;

  color:
    rgba(255,255,255,.82);

  font-size: 14px;

  line-height: 1.45;
}



.agpr-footer-meta {
  display: flex;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap:
    8px
    17px;
}



.agpr-footer-meta span {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  color:
    rgba(255,255,255,.36);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;
}



.agpr-footer-meta i {
  width: 3px;
  height: 3px;

  background:
    var(--ag-orange);

  border-radius: 50%;
}





.agpr-lightbox {
  position: fixed;

  inset: 0;

  z-index: 999999;

  width: 100%;
  height: 100%;

  max-width: none;
  max-height: none;

  margin: 0;
  padding: 0;

  border: 0;

  background:
    rgba(0,0,0,.95);
}



.agpr-lightbox::backdrop {
  background:
    rgba(0,0,0,.95);
}



.agpr-lightbox-shell {
  position: relative;

  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  padding:
    65px
    30px
    55px;
}



.agpr-lightbox-image {
  display: block;

  width: auto;
  height: auto;

  max-width: 94vw;
  max-height: 84vh;

  object-fit: contain;
}



.agpr-lightbox-close {
  position: absolute;

  top: 17px;
  right: 20px;

  min-width: 80px;
  height: 40px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 7px;

  padding:
    0
    12px;

  border:
    1px solid
    rgba(255,255,255,.17);

  background:
    #111214;

  color: #fff;

  font-family: inherit;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase;

  cursor: pointer;
}



.agpr-lightbox-close svg {
  width: 12px;
  height: 12px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;
}



.agpr-lightbox-caption {
  position: absolute;

  left: 50%;
  bottom: 16px;

  transform:
    translateX(-50%);

  width:
    min(
      800px,
      calc(100% - 30px)
    );

  margin: 0;

  color:
    rgba(255,255,255,.60);

  font-size: 10.5px;

  text-align: center;
}





@media (max-width:1024px) {

  .agpr-head {
    grid-template-columns:
      1fr;

    align-items:
      start;

    gap: 20px;
  }


  .agpr-head-side p {
    max-width:
      700px;
  }


  .agpr-stage {
    grid-template-columns:
      1fr;

    min-height: 0;
  }


  .agpr-video {
    min-height:
      clamp(
        560px,
        70vw,
        720px
      );
  }


  .agpr-story-action {
    margin-top:
      26px;
  }


  .agpr-gallery {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    grid-template-rows:
      280px
      210px
      210px
      230px;
  }


  .agpr-gallery-large {
    grid-column:
      1 / 3;

    grid-row:
      1 / 2;
  }


  .agpr-gallery-wide {
    grid-column:
      1 / 3;
  }


  .agpr-footer {
    grid-template-columns:
      1fr;
  }


  .agpr-footer-meta {
    justify-content:
      flex-start;
  }

}





@media (max-width:640px) {

  .agpr {

}


  .agpr-shell {
    width: 100%;

    padding:
      54px
      0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agpr-head {
    margin-bottom:
      29px;
  }


  .agpr .agpr-head h2 {
    font-size:
      clamp(
        37px,
        11vw,
        49px
      );
  }


  .agpr-head-side p {
    font-size:
      12px;
  }


  

  .agpr-story {
    padding:
      26px
      18px
      28px;
  }


  .agpr-story-top {
    margin-bottom:
      32px;
  }


  .agpr .agpr-story-copy h3 {
    font-size:
      clamp(
        31px,
        9vw,
        40px
      );
  }


  .agpr-features {
    grid-template-columns:
      1fr;
  }


  .agpr-feature,
  .agpr-feature:nth-child(even) {
    padding:
      15px
      0;

    border-right: 0;
  }


  .agpr-story-action {
    flex-direction:
      column;

    align-items:
      flex-start;

    gap: 17px;
  }


  .agpr-btn {
    width:
      100%;
  }


  

  .agpr-video {
    min-height:
      530px;
  }


  .agpr-play {
    top: 42%;

    flex-direction:
      column;

    gap: 8px;
  }


  .agpr-play-copy {
    text-align:
      center;
  }


  .agpr-video-bottom {
    left: 18px;
    right: 18px;
    bottom: 21px;
  }


  .agpr-video-bottom strong {
    font-size:
      clamp(
        30px,
        9vw,
        40px
      );
  }


  

  .agpr-gallery-head {
    flex-direction:
      column;

    align-items:
      flex-start;

    gap: 7px;
  }


  .agpr-gallery {
    grid-template-columns:
      1fr
      1fr;

    grid-template-rows:
      260px
      180px
      180px
      210px;

    gap: 5px;
  }


  .agpr-gallery-large {
    grid-column:
      1 / 3;
  }


  .agpr-gallery-wide {
    grid-column:
      1 / 3;
  }


  

  .agpr-lightbox-shell {
    padding:
      58px
      8px
      48px;
  }


  .agpr-lightbox-image {
    max-width:
      96vw;

    max-height:
      79vh;
  }


  .agpr-lightbox-close {
    top: 9px;

    right: 9px;
  }

}





@media (max-width:370px) {

  .agpr-shell {
    width: 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding-left: clamp(18px, 2vw, 32px);
  padding-right: clamp(18px, 2vw, 32px);
}


  .agpr-video {
    min-height:
      480px;
  }

}





.agpr .agpr-head h2,
.agpr .agpr-story-copy h3 {
  color:
    #fff !important;
}


.agpr .agpr-head h2 span {
  color:
    rgba(255,255,255,.37) !important;
}





@media (prefers-reduced-motion:reduce) {

  .agpr-video-poster,
  .agpr-gallery-item img,
  .agpr-btn,
  .agpr-play-icon {

    transition:
      none;

  }

}/* End custom CSS */