@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
*,
body,
html,
p {
  box-sizing: border-box;
  margin: 0;
  font-family: "Space Grotesk", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
}

:root {
  --blue: #1D3C6D;
  --orange: #f7941d;
  --gray: #ffffff;
  --d-gray: #363636;
}

.btn-cy4 {
  position: relative;
  display: block;
  width: fit-content;
  background-color: transparent;
  border-radius: 50px;
  z-index: 1;
  overflow: hidden;
  background: #1e1e1eb2;
}

.btn-cy4::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(
    to right,
    #1d3c6d,
    #49427c,
    #74478a,
    #b86660,
    #f7941d
  );
  border-radius: 50px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  transition: 0.5s ease;
}
.btn-cy4:hover::before {
  background: linear-gradient(
    to right,
    #f7941d,
    #b86660,
    #74478a,
    #49427c,
    #1d3c6d
  );
}
.btn-cy4 a {
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px 8px;
  font-size: 14px;
}
.btn-cy4 a::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #fff;
  order: 1;
  margin-left: 0px;
  transition: 0.5s ease;
}
.btn-cy4 a::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: transparent;
  border: 1px solid #fff;
  margin-left: 10px;
  transition: 0.5s ease;
}
.btn-cy4:hover a::before {
  margin-left: -19px;
}
.btn-cy4:hover a::after {
  margin-left: 20px;
}

h1,
h2,
h1 span,
h2 span {
  font-size: calc(22px + 4.72222vw);
  line-height: calc(22px + 4.72222vw);
  font-weight: 900;
  text-transform: none;
  margin: 0;
}
h3,
h3 span {
  font-size: calc(22px + 3.33333vw);
  line-height: calc(22px + 3.33333vw);
  font-weight: 900;
  text-transform: none;
  margin: 0;
}
h4,
h4 span,
h4 strong {
  font-size: calc(22px + 1.25vw);
  line-height: calc(22px + 1.25vw);
  font-weight: 900;
  text-transform: none;
  margin: 0;
}
html {
  scroll-behavior: smooth;
}
section {
  padding: 0;
}
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
header .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 30px;
  background: #fff;
}
header .topbar .lefttopbar {
  display: flex;
  gap: 30px;
  align-items: center;
}
header .topbar .lefttopbar.cercaBtn {
  cursor: pointer;
}
header .topbar .righttopbar {
  display: flex;
  gap: 10px;
  align-items: center;
}
/* header .topbar .righttopbar .borsaTarg{
    width: 132px;
    height: fit-content;
    display: flex;
} */

header .navhead {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 20px 30px;
  background: linear-gradient(180deg,rgba(30, 56, 107, 1) 0%, rgba(30, 56, 107, 0) 100%);
}
header .navhead .bloccomenu {
  display: flex;
  align-items: start;
  gap: 50px;
}
header .navhead .bloccomenu .menu {
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background: #1e1e1eb2;
}
header .navhead .bloccomenu .menu::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(
    to right,
    #1d3c6d,
    #49427c,
    #74478a,
    #b86660,
    #f7941d
  );
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
header .navhead .bloccomenu .menu .main-menu #menu-main-menu,
header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese {
  display: flex;
  position: relative;
  padding: 0;
  list-style: none;
  z-index: 2;
  padding: 0 20px;
}
header .navhead .bloccomenu .menu .main-menu #menu-main-menu li, 
header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li {
  position: static;
  color: #fff;
  list-style: none;
}
header .navhead .bloccomenu .menu .main-menu #menu-main-menu li a,
header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li a {
  color: #fff;
  text-transform: uppercase;
  position: static;
  font-size: 14px;
}
header .navhead .bloccomenu .menu .main-menu #menu-main-menu li a img,
header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li a img {
  position: absolute;
  bottom: calc(50% - 20px);
  left: 60%;
  transform: translate(0, 50%);
  height: 90px;
  width: 90px;
  object-fit: contain;
}
header .navhead .bloccomenu .menu .main-menu #menu-main-menu li .sub-menu, 
header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li .sub-menu {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 60px 40px 20px;
  display: none;
  border-radius: 20px;
  background: linear-gradient(
    180deg,
    rgba(30, 30, 30, 0.75) 0%,
    rgba(30, 30, 30, 1) 80%
  );
}
header .navhead .bloccomenu .menu .main-menu #menu-main-menu li .sub-menu::before, 
header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li .sub-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(
    to right,
    #1d3c6d,
    #49427c,
    #74478a,
    #b86660,
    #f7941d
  );
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -2;
}
header .navhead .bloccomenu .menu .main-menu #menu-main-menu li.open > .sub-menu, 
header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li.open > .sub-menu {
  display: block;
  z-index: 1;
}
.submenu-toggle {
  margin-left: 8px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu li:hover > .sub-menu, 
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li:hover > .sub-menu {
    display: block;
    z-index: -1;
  }
  .submenu-toggle {
    display: none;
  }
}
header .navhead .bloccomenu .menu .main-menu #menu-main-menu li .sub-menu li,
header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li .sub-menu li {
  padding: 10px 0;
}
header
  .navhead
  .bloccomenu
  .menu
  .main-menu
  #menu-main-menu
  li
  .sub-menu
  li
  img, 
header
  .navhead
  .bloccomenu
  .menu
  .main-menu
  #menu-main-menu-inglese
  li
  .sub-menu
  li
  img {
  opacity: 0;
  transition: 0.3s ease;
}
@media (min-width: 1200px) {
  header
    .navhead
    .bloccomenu
    .menu
    .main-menu
    #menu-main-menu
    li
    .sub-menu
    li:hover
    img, 
  header
    .navhead
    .bloccomenu
    .menu
    .main-menu
    #menu-main-menu-inglese
    li
    .sub-menu
    li:hover
    img {
    opacity: 1;
  }
}
header .searchContainer {
  position: fixed;
  top: 41px;
  left: -41%;
  width: 40%;
  background: #fff;
  height: calc(100dvh - 41px);
  z-index: 1000;
  transition: 1s ease;
}
header .searchContainer.activeSeach {
  left: 0;
}
header .searchContainer .closeSearch {
  cursor: pointer;
  text-align: end;
  padding: 10px 20px;
  font-size: 20px;
}
header .searchContainer .rowContSearch .is-form-style {
  width: 80%;
  margin: 50px auto;
}
.wpml-ls-legacy-list-horizontal{
  padding: 0 !important;
  border: 0 !important;
}
.wpml-ls-legacy-list-horizontal a, .wpml-ls-legacy-list-horizontal a *{
    font-size: 14px;
    padding: 0;
}
.wpml-ls-legacy-list-horizontal a:hover{
  color: var(--orange) !important;
  text-decoration: none;
}
.borsaTarg *{
  font-size: 14px;
}
.noise {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}
.noise img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#herocy4gate {
  width: 100%;
  height: 105dvh;
  clip-path: ellipse(92% 100% at 50% 0%);
  position: relative;
  z-index: 1;
}
#herocy4gate .rowherocy4gate,
.rowherocy4gate.hero-content {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  padding: 0 10%;
}

.rowherocy4gate.hero-content {
  padding: 0;
}

#herocy4gate .rowherocy4gate video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: brightness(0.5);
}
#herocy4gate .rowherocy4gate h1 {
  color: #fff;
}
#herocy4gate .rowherocy4gate .arrowDownHero {
  position: absolute;
  left: 50%;
  bottom: 80px;
  transform: translate(-50%, 0);
}

.curve {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 1;
}

#gruppoHome {
  min-height: 150vh;
  position: relative;
  z-index: 0;
  background-image: radial-gradient(
      50% 50% at 24% 26%,
      #f7941d4f 0%,
      #073aff00 100%
    ),
    radial-gradient(50% 50% at 66% 64%, #1e386b42 0%, #073aff00 100%),
    linear-gradient(0deg, #ffffff 0%, #fff 100%);
  overflow: hidden;
  margin-top: -170px;
}
#gruppoHome .manoRobot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  mix-blend-mode: overlay;
  transform: scale(1);
  transition: transform 0.1s ease-out;
  will-change: transform;
  transform-origin: bottom left;
}
#gruppoHome .rowGruppo {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 400px 130px 100px;
}
#gruppoHome .rowGruppo .testoTitolo {
  max-width: 960px;
}
#gruppoHome .rowGruppo .testoTitolo h2 {
  color: var(--blue);
}
#gruppoHome .rowGruppo .testoTitolo h2 span {
  color: var(--orange);
  font-size: calc(22px + 4.72222vw);
  line-height: calc(22px + 4.72222vw);
  font-weight: 900;
}
#gruppoHome .rowGruppo .testoParagr {
  width: 35%;
  margin-left: 65%;
  margin-top: 100px;
  font-size: 20px;
  color: var(--blue);
}
#gruppoHome .rowGruppo .testoParagr span {
  font-size: 20px;
  background: linear-gradient(
    to right,
    #1d3c6d,
    #49427c,
    #74478a,
    #b86660,
    #f7941d
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 500;
}
#mercati {
  background: url(https://www.cy4gate.com/wp-content/uploads/2025/07/bacgroundMercati.png);
  background-size: cover;
  background-repeat: no-repeat;
}
#mercati h2 {
  padding: 100px 100px 10px;
  color: #fff;
}
#mercati h6 {
  padding: 0px 100px;
  color: #fff;
  font-size: calc(20px + 1.4vw);
  font-weight: 900;
  text-transform: none;
}
#mercati .rowmercati {
  display: flex;
  gap: 30px;
  overflow: scroll;
  padding: 0 100px;
  padding-bottom: 50px;
  margin-bottom: 30px;
  margin-top: 50px;
}
#mercati .rowmercati::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background-color: #bfcadc;
  margin: 0 30vw;
}

#mercati .rowmercati::-webkit-scrollbar {
  width: 0px;
  height: 5px;
  background-color: #f5f5f500;
  margin: 0 30vw;
}

#mercati .rowmercati::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  background-color: var(--blue);
  margin: 0 100px;
}
#mercati .rowmercati .singoloMercato {
  position: relative;
  display: inline-block;
  width: 70%;
  min-height: 500px;
  border-radius: 20px;
  z-index: 1;
  overflow: hidden;
  background: #1e1e1eb2;
  flex: 0 0 auto;
  padding: 40px;
}
#mercati .rowmercati .singoloMercato::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(
    to right,
    #1d3c6d,
    #49427c,
    #74478a,
    #b86660,
    #f7941d
  );
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#mercati .rowmercati .singoloMercato .singolomercaImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 70vh;
  object-fit: cover;
  opacity: 0.1;
  z-index: -1;
}
#mercati .rowmercati .singoloMercato .iconamercato {
  height: 180px;
}
#mercati .rowmercati .singoloMercato .iconamercato img {
  height: 100%;
  width: fit-content;
}
#mercati .rowmercati .singoloMercato .testo {
  display: flex;
  gap: 20px;
  color: #fff;
  margin-top: 40px;
}
#mercati .rowmercati .singoloMercato .testo h3 {
  width: 60%;
  font-size: calc(22px + 3.33333vw);
  line-height: calc(22px + 3.33333vw);
  font-weight: 900;
  color: #fff;
}
#mercati .rowmercati .singoloMercato .testo .descrizione {
  width: 40%;
  font-size: 16px;
  margin-top: -100px;
}
#mercati .rowmercati .singoloMercato .testo .descrizione span {
  font-size: 18px;
  margin-bottom: 20px !important;
  display: block;
}
#mercati .rowmercati .singoloMercato .testo .descrizione .btn-cy4 {
  margin-top: 30px;
}
#mercati .rowmercati .singoloMercato.istituzioni .testo h3,
#mercati .rowmercati .singoloMercato.istituzioni .testo .descrizione span {
  color: var(--blue);
}
#mercati .rowmercati .singoloMercato.corporate .testo h3,
#mercati .rowmercati .singoloMercato.corporate .testo .descrizione span {
  color: var(--orange);
}
#mercati .rowaziende {
  display: flex;
  flex-wrap: wrap;
  gap: 100px 20px;
  padding: 150px 100px;
}
#mercati .rowaziende .singleAzienda {
  width: calc(50% - 10px);
  padding: 0 40px;
}
#mercati .rowaziende .singleAzienda img {
  height: 65px;
  max-width: 150px;
  object-fit: contain;
}
#mercati .rowaziende .singleAzienda .nomeAzienda {
  font-size: 20px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 30px;
}
#mercati .rowaziende .singleAzienda .nomeAzienda span {
  font-size: 30px;
  color: var(--orange);
}
#mercati .rowNews {
  display: flex;
  gap: 20px;
  padding: 50px 100px 150px;
}
#mercati .rowNews .singleNews {
  position: relative;
  display: inline-block;
  width: 33.3333%;
  border-radius: 20px;
  z-index: 1;
  overflow: hidden;
  background: #1e1e1eb2;
  padding: 100px 50px;
  font-size: 18px;
  color: #fff;
}
#mercati .rowNews .singleNews::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(
    to right,
    #1d3c6d,
    #49427c,
    #74478a,
    #b86660,
    #f7941d
  );
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#mercati .rowNews .singleNews img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  filter: brightness(0.2);
}
#mercati .rowNews .singleNews .dateName {
  color: var(--orange);
  margin-bottom: 30px;
}
#mercati .rowNews .singleNews .btn-cy4 {
  margin-top: 30px;
}

footer .insideFooter {
  background-image: radial-gradient(
      70% 100% at 98% 24%,
      #f7941d3d 0%,
      #073aff00 100%
    ),
    linear-gradient(0deg, #1e386b 0%, #1e386b 100%);
  padding: 100px 100px 50px 100px;
}
footer a,
footer p,
footer strong,
footer span,
footer em {
  font-size: 14px !important;
}
footer .insideFooter a,
footer .insideFooter span {
  text-decoration: none;
  color: #fff;
}
footer .insideFooter a:hover {
  text-decoration: underline;
}
footer .insideFooter a.linkOrange {
  color: var(--orange);
}
footer .insideFooter ul {
  padding: 0;
  list-style: none;
}
footer .insideFooter ul li {
  padding-bottom: 10px;
}

footer .insideFooter .footer-top {
  display: flex;
  gap: 100px;
}
footer .insideFooter .footer-top .colFooter {
  width: 25%;
}
footer .insideFooter .footer-bottom .insideFooter-bottom {
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #fff;
}

/* ****PAGINE IL GRUPPO**** */

/* **PAGINA CY4GATE** */

#herogroup {
  width: 100%;
  height: 75dvh;
  clip-path: ellipse(92% 100% at 50% 0%);
  position: relative;
  z-index: 1;
}
#herogroup .rowherogroup {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  padding: 0 10%;
  background: var(--blue);
}
#herogroup .rowherogroup .imgHerogroup {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  mix-blend-mode: multiply;
}
#herogroup .rowherogroup .titoloGroup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
#herogroup .rowherogroup .titoloGroup img {
  width: 150px;
}
#herogroup .rowherogroup .titoloGroup h1 {
  color: #fff;
}
#herogroup .rowherogroup .arrowDownHero {
  position: absolute;
  left: 50%;
  bottom: 80px;
  transform: translate(-50%, 0);
}
#gruppoGenerico {
  min-height: 150vh;
  position: relative;
  z-index: 0;
  background-image: radial-gradient(
      50% 50% at 24% 26%,
      #f7941d4f 0%,
      #073aff00 100%
    ),
    radial-gradient(50% 50% at 66% 64%, #1e386b42 0%, #073aff00 100%),
    linear-gradient(0deg, #ffffff 0%, #fff 100%);
  margin-top: -200px;
}

#gruppoGenerico .rowOneGruppo {
  margin: auto;
  padding-top: 260px;
  width: 90%;
  max-width: 1200px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 200px;
  color: var(--blue);
}
.page-id-90 #gruppoGenerico .rowOneGruppo,
.page-template-xtn #gruppoGenerico .rowOneGruppo{
  align-items: start;
}
#gruppoGenerico .rowOneGruppo .leftRow {
  width: calc(50% - 50px);
}
#gruppoGenerico .rowOneGruppo .leftRow h4 {
  color: var(--blue);
}
#gruppoGenerico .rowOneGruppo .rightRow {
  width: calc(40% - 50px);
  margin-bottom: -85px;
}
#gruppoGenerico .rowOneGruppo .rightRow .btn-cy4 {
  margin-top: 40px;
}
#gruppoGenerico .rowdueGruppo {
  margin-top: 200px;
  position: relative;
  padding-bottom: 100px;
}
#gruppoGenerico .rowdueGruppo .grupDueBlock {
  position: sticky;
  top: 160px;
}
#gruppoGenerico .rowdueGruppo .grupDueBlock .insideBlock {
  position: relative;
  width: 60%;
  margin: auto;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 20px;
  padding: 100px 60px;
  color: #fff;
  z-index: 1;
}
#gruppoGenerico .rowdueGruppo .grupDueBlock .insideBlock::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(
    to right,
    #1d3c6d,
    #49427c,
    #74478a,
    #b86660,
    #f7941d
  );
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}
#gruppoGenerico .rowdueGruppo .grupDueBlock .insideBlock h4 {
  color: #fff;
  font-size: 500;
}
#gruppoGenerico .rowdueGruppo .grupDueBlock .insideBlock h4 span {
  color: var(--orange);
}
#gruppoGenerico .rowdueGruppo .grupDueBlock .insideBlock p {
  max-width: 70%;
  margin-top: 50px;
}
#gruppoGenerico .rowdueGruppo .grupDueBlock.secondBlock {
  margin-top: 200px;
}
#laStoria .rowUnoLastoria {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  padding: 100px 50px;
}
#laStoria .rowUnoLastoria video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.7);
  z-index: -1;
}
#laStoria .rowUnoLastoria .insiderowUnoLastoria {
  max-width: 600px;
  margin: auto;
  color: #fff;
  text-align: center;
}
#laStoria .rowUnoLastoria .insiderowUnoLastoria h4 {
  color: #fff;
  font-weight: 300;
  margin-top: 30px;
}
#laStoria .rowUnoLastoria .insiderowUnoLastoria h4 strong {
  color: var(--orange);
}

#laStoria .rowUnoLastoria .btn-cy4 {
  margin-top: 30px;
  margin-bottom: 60px;
}
#laStoria .rowDueLaStoria {
  background-image: radial-gradient(
      70% 53% at 77% 82%,
      #f7941d52 0%,
      #073aff00 100%
    ),
    linear-gradient(125deg, #000 1%, #000 99%);
  box-shadow: 0px -80px 50px 40px #000;
  padding-bottom: 100px;
  position: relative;
  z-index: 5;
}
.page-template-cy4gate #laStoria .rowDueLaStoriaPrimo{
  background-image: none;
  box-shadow: 0px 0px 0px 0px #000;
      margin: 100px 0;
}
.page-template-cy4gate #laStoria .rowDueLaStoriaSecondo{
      box-shadow: 0px -100px 50px 40px #000;
}
#laStoria .rowDueLaStoria .insideRowStoriaDue {
  position: relative;
}
.page-template-cy4gate #laStoria .rowDueLaStoriaSecondo .insideRowStoriaDue{
    display: flex;
    justify-content: center;
}
.page-template-cy4gate #laStoria .rowDueLaStoriaSecondo .insideRowStoriaDue .third-block{
      width: 35%;
}
.page-template-cy4gate #laStoria .rowDueLaStoriaSecondo .insideRowStoriaDue .third-block .testo2{
      width: 100%;
}
#laStoria .rowDueLaStoria .insideRowStoriaDue .first-block {
  width: 80%;
  margin: auto;
  padding-top: 70px;
  position: sticky;
  top: 100px;
}
.page-template-cy4gate #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block{
  width: 90%;
  margin: 0;
  margin-right: 10%;
}
#laStoria .rowDueLaStoria .insideRowStoriaDue .first-block img {
  width: 70%;
  filter: brightness(0.3);
}
.page-template-cy4gate #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block img {
  width: 60%;
      aspect-ratio: 16 / 11;
    object-fit: cover;
}
#laStoria .rowDueLaStoria .insideRowStoriaDue .first-block .testo {
  position: absolute;
  top: 100px;
  left: 30px;
  max-width: 45%;
}
.page-template-cy4gate #laStoria .rowUnoLastoria .insiderowUnoLastoria .effettocy4gruppo *{
  font-size: 30px;
}
.page-template-cy4gate #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block .testo{
  left: 10%;
}
#laStoria .rowDueLaStoria .insideRowStoriaDue .first-block .testo h2,
#laStoria .rowDueLaStoria .insideRowStoriaDue .first-block .testo h4 {
  color: #fff;
}
#laStoria .rowDueLaStoria .insideRowStoriaDue .second-block {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: end;
  position: sticky;
  top: 100px;
  margin-top: -70px;
}
#laStoria .rowDueLaStoria .insideRowStoriaDue .second-block .testo {
  width: 40%;
  color: #fff;
}
.page-template-cy4gate #laStoria .rowDueLaStoria .insideRowStoriaDue .second-block .testo{
  color: var(--blue);
}
#laStoria .rowDueLaStoria .third-block {
  width: 80%;
  margin: 100px auto 0;
}
#laStoria .rowDueLaStoria .third-block .testo2 {
  width: 40%;
  color: #fff;
}
#laStoria .rowDueLaStoria .fourth-block {
  margin: 100px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ****PAGE RCS**** */
.page-template-rcs #herogroup .rowherogroup .imgHerogroup {
  mix-blend-mode: normal;
}
.page-template-rcs #gruppoGenerico .rowOneGruppo .rightRow {
  margin-bottom: -10px;
}
#gruppoGenerico .descriptionRcsRow {
  display: flex;
  align-items: center;
  gap: 15%;
  width: 90%;
  max-width: 1200px;
  margin: 0px auto 0;
  padding: 100px 0 0; 
}
html[lang="en-US"] .page-template-diateam #gruppoGenerico .descriptionRcsRow{
  padding: 200px 0 100px;
}
.page-id-90  #gruppoGenerico .descriptionRcsRow{
  padding: 100px 0 100px; 
}
#gruppoGenerico .descriptionRcsRow .testo {
  width: 50%;
  color: var(--blue);
}
#gruppoGenerico .descriptionRcsRow .testo .btn-cy4 {
  margin-top: 50px;
}
#gruppoGenerico .descriptionRcsRow .imgGruppoDesc {
  width: 50%;
}
#gruppoGenerico .descriptionRcsRow .imgGruppoDesc img {
  width: 100%;
}
#gruppoGenerico .containerGroupBtn {
  display: flex;
  justify-content: center;
  padding: 100px 0;
}

/* ****PAGE XTN**** */

#laStoriaXtn .rowStoriaXtn {
  min-height: 10vh;
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 80px 10%;
}
#laStoriaXtn .rowStoriaXtn img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.2);
}
#laStoriaXtn .rowStoriaXtn .testo {
  width: 40%;
}
#laStoriaXtn .rowStoriaXtn .testo h4 {
  color: #fff;
  margin-bottom: 30px;
}
#laStoriaXtn .rowStoriaXtn .testo p {
  color: #fff;
  margin-bottom: 50px;
}
#laStoriaXtn .containerGroupBtn {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}

/* ****DIATEAM**** */
#gruppoGenerico .otherDescriptionRow {
  display: flex;
  justify-content: center;
}
#gruppoGenerico .otherDescriptionRow .insideRowOtherDesc {
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#gruppoGenerico .otherDescriptionRow .insideRowOtherDesc h4 {
  color: var(--blue);
}
#gruppoGenerico .otherDescriptionRow .insideRowOtherDesc p {
  color: var(--blue);
  padding: 30px;
  width: 80%;
}
.page-template-rcs #herogroup .rowherogroup .titoloGroup img {
  width: 250px;
  object-fit: contain;
}
.page-template-xtn #herogroup .rowherogroup .titoloGroup img {
  width: 220px;
  object-fit: contain;
}
.page-template-diateam #herogroup .rowherogroup .titoloGroup img {
  width: 250px;
  object-fit: contain;
}

/**** *****/

/* shared classes */

.cy4-border::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(
    to right,
    #1d3c6d,
    #49427c,
    #74478a,
    #b86660,
    #f7941d
  );
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.orange-text {
  color: var(--orange) !important;
}

.general-container {
  margin: 0 5%;
}

.section-heading {
  text-align: center;
}

.hero-content {
  position: relative;
  z-index: 1;
}

.general-hero .hero-description {
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}

.rowherocy4gate.hero-content {
  background: none !important;
  text-align: center;
}

.rowherocy4gate.hero-content h1 {
  color: var(--orange);
}

/***** PAGINE MERCATI *****/

/* Mercati */

.page-template-mercati p,
.page-template-mercati h2,
.page-template-mercati h3,
.page-template-mercati h4,
.page-template-portfolio p {
  color: white;
}

.page-template-mercati {
  background-color: #000;
}

#herocy4gate.general-hero {
  clip-path: none;
  height: 75dvh;
}

.containerMercatiPage{
  background: radial-gradient(circle at 75% 70%, rgba(179, 106, 46, 0.9) 0%, rgba(90, 42, 79, 0.85) 30%, rgba(27, 42, 74, 0.9) 55%, rgba(11, 22, 40, 1) 100%);
}
.general-hero {
  position: relative;
  overflow: unset;
}

.general-hero .rowherocy4gate {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
}

.general-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: radial-gradient(
    33% 40% at 50% 50%,
    #00000099 1%,
    #ff000000 97%
  );
  pointer-events: none; 
}

.general-hero img.hero {
  top: 0%;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.4) grayscale(.5);
}
#herocy4gate.general-hero .rowherocy4gate .arrowDownHero{
  bottom: -27px;
}

#herocy4gate .rowherocy4gate h1.hero-heading {
  color: var(--orange);
  margin: 0 auto;
}

#gruppoMercato {
  padding: 0 5%;
}

#gruppoMercato .soluzioni-mercato {
  display: flex;
  justify-content: space-between;
  padding: 80px 0%;
  margin: 0;
}

.under-hero-group.techs {
  border-bottom: 0.5px solid #363636;
}

.soluzione-mercato {
  padding: 0 5%;
}

.soluzione-mercato:first-child * {
  color: var(--orange);
}
.soluzione-mercato:last-child{
  color: white;
}

/* sezione mercati */

.page-template-mercati section#mercati-list {
  padding: 0 9%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}

.page-template-mercati section#mercati-list .radial-gradient {
  width: 95%;
  height: 95%;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(
    50% 50% at center center,
    var(--blue) 0%,
    transparent 100%
  );
}

.page-template-mercati section#mercati-list .radial-gradient.above-img {
  z-index: 0;
}

.page-template-mercati section#mercati-list .radial-gradient.orange {
  background: radial-gradient(
    50% 50% at center center,
    var(--orange) -80%,
    transparent 100%
  );
}

.page-template-mercati section#mercati-list .radial-gradient.gray {
  left: 5%;
  background: radial-gradient(
    50% 50% at center center,
    var(--gray) -180%,
    transparent 100%
  );
}
#mercati-list{
  border-top: 1px solid #363636;
}
.mercato-item {
  padding: 80px 0;
  position: relative;
}

.mercato-content {
  display: flex;
  gap: 100px;
  position: relative;
}

.mercato-precontentF {
  position: relative;
}
.mercato-precontentF img {
  position: absolute;
  width: 70%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  z-index: -1;
  left: 25%;
  top: -150px;
}

.mercato-item#lawEnforcement .mercato-precontentF img {
  filter: brightness(25%);
}

.mercato-precontentF.reversed img {
  left: 0%;
}

.page-template-mercati section#mercati-list .mercato-heading {
  display: flex;
  gap: 5%;
  margin-bottom: 100px;
}

.page-template-mercati section#mercati-list .mercato-title {
  width: 50%;
  align-self: end;
}

.page-template-mercati section#mercati-list h4.content-heading {
  max-width: 500px;
  margin-bottom: 50px;
}

/* .page-template-mercati section#mercati-list p {
  font-weight: 400;
} */

.page-template-mercati section#mercati-list .main-box p {
  max-width: 90%;
}

.page-template-mercati section#mercati-list .secondary-box {
  align-self: end;
}

.page-template-mercati section#mercati-list .secondary-box p {
  max-width: 80%;
}

.page-template-mercati section#mercati-list .secondary-box .btn-cy4 {
  margin-top: 50px;
}


#corporate .mercato-heading{
  margin-bottom: 40px !important;
}
.page-template-mercati section#mercati-list #corporate h4.content-heading{
  max-width: fit-content;
  margin-bottom: 50px;
  margin-left: 50%;
}
.page-template-mercati section#mercati-list #corporate .mercato-content{
  gap: 40px;
}
.page-template-mercati section#mercati-list #corporate .main-box{
  width: calc(50% - 40px);
}
.page-template-mercati section#mercati-list #corporate .secondary-box{
  width: 40%;
  align-self: start;
}

.page-template-mercati section#mercati-list #corporate .main-box img{
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.page-template-mercati section#mercati-list #corporate .main-box .boxMainCorporate{
  margin-top: -60px;
  margin-left: 5%;
}
.page-template-mercati section#mercati-list #corporate .main-box .scopri-mercato{
  margin-left: 5%;
  margin-top: 30px;
}
#lawEnforcement{
  z-index: 0;
}
#lawEnforcement .bg-lawEnfo{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0px, -50%);
  width: 70%;
  z-index: -1;
  filter: brightness(0.15);
}
.page-template-mercati #herocy4gate .rowherocy4gate{
  padding-inline: 20px;
}





/* PAGINE PORTFOLIO */

/* Portfolio-gen */

.page-template-portfolio {
  background-color: #000;
  overflow-x: hidden;
}
.page-template-portfolio #herocy4gate.general-hero{
  height: fit-content;
  padding-top: 30vh;
  overflow: hidden;
}
.page-template-portfolio .portfolio-hero::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 40%;
  right: 0;
  transform: translate(0%, -50%);
  z-index: 1;
  pointer-events: none;
  background-image: radial-gradient(100% 81% at 122% 28%, #f7941d8c 0%, #073AFF00 100%);
}
.page-template-portfolio .general-hero .rowherocy4gate{
  background: none;
}
.page-template-portfolio #herocy4gate.general-hero .rowherocy4gate .arrowDownHero{
  transform: translate(0, 0);
  display: flex;
  justify-content: center;
  padding: 20px;
  position: static;
}
.under-hero-group.techs{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
  border-bottom: 0 solid !important;
  padding: 0 5% 70px;
  margin: 0;
}
.under-hero-group.techs .btn-cy4{
  margin-top: 30px;
}

.portfolio-hero h1 {
  text-align: center;
  margin-bottom: 35px !important;
}

section#gruppoTechs {
  position: relative;
  z-index: 10; /* molto alto per stare sopra tutto */
}

.under-hero-group {
  display: flex;
  margin: 0 5%;
  justify-content: space-between;
  padding-bottom: 10%;
  position: relative;
}

.under-hero-item {
  width: 40%;
  padding: 0 5%;
}

section#gruppoTechs .tech-item {
  position: relative;
  z-index: 10;
}

section#gruppoTechs .btn-cy4 {
  margin-top: 15px;
}

section#techDiff {
  position: relative;
  margin-top: -100px; /* si sovrappone a gruppoTechs */
  z-index: 1; /* sotto gruppoTechs */
  min-height: 4000px;
}

section#techDiff .tech-diff-main {
  padding: 0 5%;
  top: 150px;
  position: relative;
  z-index: 10;
}

section#techDiff .tech-diff-main h2 {
  width: 70%;
}

section#techDiff .tech-diff-main p {
  width: 60%;
}

section#techDiff .tech-diff-main h2 {
  color: white;
  margin-bottom: 30px;
}

section#techDiff .tech-wrapper {
  position: sticky;
  top: 0;
  height: 100vh;
  pointer-events: none;
  z-index: 1;
  overflow-y: visible;    
  display: flex;
  padding-left: 5%;
}
section#techDiff .tech-wrapper .techWrapContainerFrase{
  width: 30%;
  padding-top: 200px;
}
section#techDiff .tech-wrapper .techWrapContainerBoxesNum{
  width: 70%;
}

section#techDiff .radial-gradient-tech {
  overflow-x: clip;
}

section#techDiff .radial-gradient-tech {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: visible;
  top: 0;
  left: 0;
}

/* quadranti */
.blocks-container {
  position: relative;
  z-index: 1;
  top: 100px;
  width: 90%;
  margin: 0 auto;
  min-height: 700px;
  /* transition top 
    transition: top 1s ease; */
}

/*
.blocks-container.move-up {
  top: 130px;
}

.blocks-container.further-up {
  top: 80px;
} */

.content-tracker {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  top: 20%;
  left: 0;
  z-index: 1;
}

.content-tracker > * {
  color: white;
  filter: opacity(0.3);
  font-size: 20px;
  transition: filter 1s ease;
}

.content-tracker > *.active {
  filter: opacity(1);
}

.quadrante {
  height: 50%;
  width: 50%;
  position: absolute;
  /* provvisorio */
  /* border: 2px solid gold; */
}

.quadrante.tr,
.quadrante.br {
  left: 50%;
}

.quadrante.bottom {
  bottom: 0;
}

.quad-content {
  position: absolute;
  color: white;
}

.quad-content .quad-title {
  text-align: start;
  margin-left: auto;
  color: white;
  text-transform: none;
  font-size: 1.5rem;
  font-weight: bold;
  width: 250px;
}

.quadrante.tl::after,
.quadrante.tl::before {
  background-color: var(--d-gray);
  opacity: 100%;
}

.quadrante.tl::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5px;
  height: 200%; /* 90% dell’altezza del box (contenitore) */
}

.quadrante.tl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 190%; /* 90% della larghezza */
  height: 0.5px;
}

.quadrante.tl .quad-content {
  width: 95%;
  text-align: end;
}

.quadrante.tl .quad-content,
.quadrante.tr .quad-content {
  bottom: 5%;
}

.quadrante.tr .quad-content,
.quadrante.br .quad-content {
  width: 80%;
  margin-left: 5%;
}

.quad-img img {
  display: none;
  opacity: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--orange);

  transition: display 0.2 ease, opacity 0.2s ease;
}

.quad-img img.show {
  display: block;
  opacity: 1;
}

.quadrante.br .quad-content {
  height: 95%;
  margin-top: 5%;
}

/* Cambio contenuto quadranti */

.quad-content {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Stato attivo */
.quad-content.show {
  opacity: 1;
  transform: translateY(0);
}

section#techDiff .radial-gradient-tech,
portfolio-hero::before {
  opacity: 0.4;
}

/* Cerchio blu a sinistra */
section#techDiff .radial-gradient-tech.blue::before {
  content: "";
  position: absolute;
  width: 180vw; /* ridotto da 200vw */
  height: 180vw; /* ridotto da 200vw */
  max-width: 1500px; /* ridotto da 1800px */
  max-height: 1500px; /* ridotto da 1800px */
  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, var(--blue), transparent 70%);
  z-index: 1;
  pointer-events: none;
}

/* Cerchio arancione a destra */
section#techDiff .radial-gradient-tech.orange::before {
  content: "";
  position: absolute;
  width: 180vw;
  height: 180vw;
  max-width: 1500px;
  max-height: 1500px;
  top: 100%;
  left: 100%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, var(--orange), transparent 70%);
  z-index: 1;
  pointer-events: none;
}

section#techCTA {
  color: white;
  margin: 70px 10%;
  display: flex;
  gap: 20px;
  align-items: center;
    justify-content: space-between;
}
#techCTA .techCta-desc{
  max-width: 50%;
}

/** PAGINA Portfolio-cybersecurity **/

.page-id-130 {
  background-color: black;
  color: white;
}

.cybersec-hero .hero-content {
  gap: 5px;
}

.page-id-130 #gruppoCybersec {
  padding-top: 100px;
}
#popupCards {
  margin: 70px 0 250px 0;
}

#popupCards .cards-wrapper {
  display: flex;
  gap: 20px;
  justify-content: center;
}

#popupCards .popup-card {
  position: relative;
  padding: 5% 30px;
  max-width: 500px;
  aspect-ratio: 1.16/1;
}

#popupCards .pu-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  gap: 30px;
}

#popupCards .card-title h4 {
  color: white;
}

/* Hybdrid Digital Twin */
#hybridDTwin img {
  position: absolute;
  width: 100%;
  opacity: 0.3;
  z-index: -1;
}

.dia-sub {
  margin-top: 30px;
}

.dia-sub, .diateam-logo {
  padding-left: 10%;
}

.diateam-row:first-child {
  margin-bottom: 100px;
}

.diateam-row:last-child {
  display: flex;
  gap: 50px;
  padding-left: 5%;
}

.hyb-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 5%;
}

.hyb-secondary-box {
  position: relative;
}

#hybridDTwin img.diateam-logo {
  position: absolute;
  opacity: unset;
  width: fit-content;
  top: -210px;
}

#diateamText {
  margin-bottom: 80px;
}

#diateamCards {
  display: flex;
  width: 100%;
  min-height: 300px;
}

.diateam-card {
  width: 50%;
  padding: 5% 2% 1% 5%;
  position: relative;
  aspect-ratio: 16/9;
}

.dt-card-content {
  height: 100%;
}

@media (max-width: 655px) {
  #popupCards .cards-wrapper {
    flex-direction: column;
  }
}

/* ****Menu mobile **** */
header .navhead .menuMobileBtn {
  display: none;
}
header .navhead .blockRightMenu {
  display: flex;
  align-items: center;
  gap: 20px;
}
header .navhead .blockRightMenu .menuMobileBtn {
  color: #fff;
  display: none;
  align-items: center;
  gap: 10px;
}
header .navhead .blockRightMenu .menuMobileBtn .ham {
  display: flex;
  gap: 3px;
  flex-direction: column;
  margin-bottom: -3px;
}
header .navhead .blockRightMenu .menuMobileBtn .ham span {
  background: linear-gradient(to right, #74478a, #b86660, #f7941d);
  width: 20px;
  height: 1px;
  border-radius: 10px;
}
header .navhead .blockRightMenu .menuMobileBtn .ham span:nth-child(1) {
  transform: rotate(0deg);
  transform-origin: left top;
  transition: 0.5s;
}
header .navhead .blockRightMenu .menuMobileBtn .ham span:nth-child(2) {
  transition: 0.5s;
  opacity: 1;
}
header .navhead .blockRightMenu .menuMobileBtn .ham span:nth-child(3) {
  transform: rotate(0deg);
  transform-origin: left bottom;
  transition: 0.5s;
}
header
  .navhead
  .blockRightMenu
  .menuMobileBtn.activeMenu
  .ham
  span:nth-child(1) {
  transform: rotate(24deg);
}
header
  .navhead
  .blockRightMenu
  .menuMobileBtn.activeMenu
  .ham
  span:nth-child(2) {
  opacity: 0;
}
header
  .navhead
  .blockRightMenu
  .menuMobileBtn.activeMenu
  .ham
  span:nth-child(3) {
  transform: rotate(-24deg);
}
#soluzioniCyberPort{
    margin: 50px 3%;
    display: flex;
    gap: 5%;
        align-items: center;
}
#soluzioniCyberPort .bottoniSoluzioniCyberPort{
  display: flex;
  gap: 20px;
}
.btn-cy4-quadrato{
    position: relative;
    display: block;
    width: fit-content;
    background-color: transparent;
    z-index: 1;
    overflow: hidden;
    background: #1e1e1eb2;
    max-width: 200px;
    text-align: center;
    min-width: 150px;
}
.btn-cy4-quadrato::before{
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    transition: 0.5s ease;
}
.btn-cy4-quadrato a{
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px 8px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
}
.titolosoluzioniCyber{
  max-width: 30%;
}
.titolosoluzioniCyber h4{
  color: var(--orange);
  text-align: center;
}
#soluzioneCyberSecurityPort{
  background: url(https://www.cy4gate.com/wp-content/uploads/2026/06/backCy4gard3.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 5%;
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec1{
    display: flex;
    gap: 50px;
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec1 .logocyber{
    width: 50%;
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec1 .logocyber img{
  width: 100%;
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec1 .titolettoCyber {
  width: 50%;
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec1 .titolettoCyber h4{
  color: var(--orange);
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec2{
    display: flex;
    margin-top: 50px;
    gap: 50px;
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec2 .descrizioneSoluzioneCyber{
  width: 50%;
  padding-right: 10%;
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec2 .imgdescrizioneCyber{
  width: 50%;
  margin-bottom: -200px;
}
#soluzioneCyberSecurityPort .boxSoluzioneCyberSec2 .imgdescrizioneCyber img{
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

#architetturadellaSoluzione{
  background-image: radial-gradient(70% 53% at 77% 82%, #f7941d52 0%, #073aff00 100%), linear-gradient(125deg, #000 1%, #000 99%);
  padding: 200px 0 100px;
}
#architetturadellaSoluzione .titolosoluzioneArchit{
  max-width: 720px;
  margin: 0 5%;
}
#architetturadellaSoluzione .titolosoluzioneArchit h3{
  color: var(--orange);
}
#architetturadellaSoluzione .sottotitoloSoluzioneArchit {
  max-width: 500px;
  margin: 50px 10%;
}
#architetturadellaSoluzione .containerCardSoluzioneArch {
  display: flex;
  margin: 0 3%;
}
#architetturadellaSoluzione .containerCardSoluzioneArch .singleCardSoluzioneArch{
  position: relative;
  display: inline-block;
  width: 33.3333%;
  z-index: 1;
  font-size: 18px;
  color: rgb(255, 255, 255);
  overflow: hidden;
  background: rgba(30, 30, 30, 0.698);
  padding: 80px 50px;
}
#architetturadellaSoluzione .containerCardSoluzioneArch .singleCardSoluzioneArch::before{
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0px;
    padding: 1px;
    background: linear-gradient(to right, rgb(29, 60, 109), rgb(73, 66, 124), rgb(116, 71, 138), rgb(184, 102, 96), rgb(247, 148, 29));
    mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px);
}
#architetturadellaSoluzione .containerCardSoluzioneArch .singleCardSoluzioneArch img{
  width: 70%
}
#architetturadellaSoluzione .containerCardSoluzioneArch .singleCardSoluzioneArch h4{
  color: var(--orange);
  margin-top: 30px;
}
#architetturadellaSoluzione .containerBtnSoluzArch{
  margin: 100px 5% 0;
  display: flex;
  justify-content: center;
}





/* **** cyber-security corporate ****  */
.page-template-cybersecurity.portfolioOpen{
  overflow: hidden;
}
#portfolioCorporate{
  /* position: fixed;
  top: 100vh;
  left: 0;
  z-index: 999;
  background: var(--d-gray);
  height: 100vh;
  overflow: scroll;
  transition: 1s ease; */
}
#portfolioCorporate.portfolioOpen{
  top: 0;
}
#portfolioCorporate .containerClosePortCorpo{
  position: sticky;
  top: 0;
  right: 0;
  margin-bottom: -120px;
  padding: 10px;
  z-index: 2;
  display: flex;
  justify-content: end;
}
#portfolioCorporate .closePortCorpo{
  width: 100px;
  height: 100px;
  border-radius: 100px;
  z-index: 1;
  overflow: hidden;
  display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
#portfolioCorporate .closePortCorpo::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 100px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#portfolioCorporate .closePortCorpo .testoClosePortCorpo {
  font-size: 70px;
  margin-top: -10px;
}
#portfolioCorporate .primasezionePortCorpo{
  position: relative;
  background: radial-gradient(circle at 75% 70%, rgba(179, 106, 46, 0.5) 0%, rgba(90, 42, 79, 0.5) 30%, rgba(27, 42, 74, 0.5) 55%, rgba(11, 22, 40, .5) 100%);
  padding: 100px 8%;
}
#portfolioCorporate .noise{
  position: absolute;
}
#portfolioCorporate .barrieraImmagine{
  position: absolute;
    z-index: -1;
    width: 100%;
    height: 100vh;
    top: 50%;
    right: 0;
    transform: translate(0px, -50%);
    mix-blend-mode: screen;
}
#portfolioCorporate .barrieraImmagine img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: -1;
}
#portfolioCorporate .barrieraImmagine .filtroSuBarriera{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(42% 47% at 80% 53%, #FFFFFF00 0%, #000 99%);
}
#portfolioCorporate .primasezionePortCorpo .titoloPortCorporate{
  color: #fff;
  max-width: 80%;
}
#portfolioCorporate .primasezionePortCorpo .titoloPortCorporate span{
  color: var(--orange);
}
#portfolioCorporate .primasezionePortCorpo .boxMercatoCorpoPort{
  display: flex;
  justify-content: end;
  margin: 50px 0;
}
#portfolioCorporate .primasezionePortCorpo .insideBoxMercatoCorp{
  position: relative;
    max-width: 1000px;
    padding: 50px;
    background: #1e1e1eb2;
    border-radius: 20px;
    z-index: 1;
    overflow: hidden;
}
#portfolioCorporate .primasezionePortCorpo .insideBoxMercatoCorp::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#portfolioCorporate .primasezionePortCorpo .insideBoxMercatoCorp strong{
  color: var(--orange);
}

.titoloHybridTactical{
  max-width: 600px;
    margin: 30px 0;
    color: var(--orange);
}
.soluzioniHybridTactical{
  width: 90%;
  margin: auto;
}
.soluzioniHybridTactical .inisdeTextHybriduno{
  width: 40%;
}
.soluzioniHybridTactical .inisdeTextHybrid{
  display: flex;
  justify-content: space-between;
  gap: 20%;
  margin: 30px 0;
}
.soluzioniHybridTactical .inisdeTextHybrid .boxesTextHybrid{
  width: 40%;
}
#portfolioCorporate .primasezionePortCorpo .soluzioniHybridTactical .inisdeTextHybrid .boxesTextHybrid .btn-cy4{
  margin-top: 30px;
}
.portCorpoServicesContainer{
  display: flex;
  width: 110%;
    margin-left: -5%;
    margin-top: 100px;
    margin-bottom: 100px;
}
.portCorpoServicesContainer .boxPortCorpServ{
  padding: 30px;
    position: relative;
    overflow: hidden;
    width: 25%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.portCorpoServicesContainer .boxPortCorpServ:nth-child(even){
  margin-bottom: -50px;
    margin-top: 50px;
}
.portCorpoServicesContainer .boxPortCorpServ::before{
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.portCorpoServicesContainer .boxPortCorpServ .sectPort1 h4{
  font-size: calc(22px + 0.6vw);
  line-height: calc(22px + 0.6vw);
  color: #fff;
  margin: 20px 0;
}
.portCorpoServicesContainer .boxPortCorpServ .sectPort1 .portCorpoIcona{
  height: 70px;
  transition: 1s ease;
}
.portCorpoServicesContainer .boxPortCorpServ:hover .sectPort1 .portCorpoIcona{
  height: 40px;
}
.portCorpoServicesContainer .boxPortCorpServ .sectPort1 .portCorpoIcona img{
  height: 100%;
}
.portCorpoServicesContainer .boxPortCorpServ .descrizionePortCorpo{
  max-height: 0;
  overflow: hidden;
  transition: 1s ease;
}
.secondasezionePortCorpoInside .portCorpoServicesContainer .boxPortCorpServ .descrizionePortCorpo{
  margin-left: 100px;
}
.portCorpoServicesContainer .boxPortCorpServ:hover .descrizionePortCorpo{
  max-height: 1000px;
}
.portCorpoServicesContainer .boxPortCorpServ .descrizionePortCorpo .btn-cy4{
  margin-top: 30px;
}
.primasezionePortCorpo .portCorpoServicesContainer .boxPortCorpServ {
    width: 33.3333%;
}

#portfolioCorporate .secondasezionePortCorpo{
  padding: 100px 8%;
  position: relative;
  z-index: 1;
}
#portfolioCorporate .secondasezionePortCorpo .backSecondasezionePortCorp0{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.15);
}
.titoloHybridTacticalPre{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.titoloHybridTacticalPre .titoloHybridTactical{
  margin: 30px 0;
}
.titoloHybridTacticalPre .titoloHybridTactical small{
  font-size: calc(22px + 0.25vw);
  color: var(--orange);
}
.titoloHybridTacticalPre .titoloHybridTactical .boxesTextHybrid span{
  color: var(--orange);
}
.portCorpoServicesContainer.portCorpoServicesContainerHybrid {
  width: 100%;
  margin-left: 0%;
  gap: 40px;
  flex-wrap: wrap;
}
.portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ{
  width: calc( 50% - 20px);
  min-height: fit-content;
  flex: 0 0 auto;
}
.portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ:last-child{
  margin-left: 10%;
}
.portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ .sectPort1{
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 20px 0;
}
.portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ .sectPort1 .portCorpoIcona{
  aspect-ratio: 1;
  border: 1px solid var(--orange);
  border-radius: 100%;
  height: 100px;
  overflow: hidden;
  flex: 0 0 auto;
}
.portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ .sectPort1 .portCorpoIcona img{
  width: 100%;
  object-fit: cover;
}
.portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ:hover .sectPort1 .portCorpoIcona{
  height: 70px;
}
.portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ:nth-child(even){
  margin-bottom: 0px;
  margin-top: 0px;
}
.secondasezionePortCorpoInside .btnBoxsect{
  display: flex;
  justify-content: center;
}
#portfolioCorporate .terzasezionePortCorpo{
  padding: 100px 8%;
  background-image: radial-gradient(84% 73% at 70% -7%, #F7941D70 0%, #073AFF00 100%),linear-gradient(0deg, #000 0%, #000 100%);
}
#portfolioCorporate .terzasezionePortCorpo .portCorpoServicesContainer .boxPortCorpServ{
  width: 33.3333%;
}
#portfolioCorporate .terzasezionePortCorpo .portCorpoServicesContainer .boxPortCorpServ:nth-child(even){
  margin-bottom: 0px;
  margin-top: 0px;
}
#portfolioCorporate .terzasezionePortCorpo .portCorpoServicesContainer .boxPortCorpServ .btn-cy4{
  margin-top: 30px;
}
.terzasezionePortCorpo .soluzioniHybridTactical .inisdeTextHybrid .boxesTextHybrid .logoHybridTactical{
  margin-top: 30px;
}
.terzasezionePortCorpo .soluzioniHybridTactical .inisdeTextHybrid .boxesTextHybrid span strong{
  color: var(--orange);
}

/* **** cyber-security difesa ****  */
.page-template-cybersecurity.portfolioOpen{
  overflow: hidden;
}
#portfolioDifesa{
  position: fixed;
  top: 100vh;
  left: 0;
  z-index: 999;
  background: var(--d-gray);
  height: 100vh;
  overflow: scroll;
  transition: 1s ease;
  background-image: radial-gradient(30% 30% at 15% 18%, #F7941D42 0%, #073AFF00 100%),radial-gradient(40% 40% at 32% 79%, #F7941D42 0%, #073AFF00 100%),radial-gradient(142% 91% at 96% 75%, #000 0%, #000 100%);
}
#portfolioDifesa.portfolioOpen{
  top: 0;
}
#portfolioDifesa .containerClosePortDifesa{
  position: sticky;
  top: 0;
  right: 0;
  margin-bottom: -120px;
  padding: 10px;
  z-index: 2;
  display: flex;
  justify-content: end;
}
#portfolioDifesa .closePortDifesa{
  width: 100px;
  height: 100px;
  border-radius: 100px;
  z-index: 1;
  overflow: hidden;
  display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
#portfolioDifesa .closePortDifesa::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 100px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#portfolioDifesa .closePortDifesa .testoClosePortDifesa {
  font-size: 70px;
  margin-top: -10px;
}
#portfolioDifesa .primasezionePortDifesa{
  padding: 100px 8%;
  position: relative;
}
#portfolioDifesa .primasezionePortDifesa .backSecondasezionePortDifesa{
  position: absolute;
  width: 50%;
  aspect-ratio: 5 / 6;
  object-fit: cover;
  top: 200px;
  right: 0;
  z-index: -1;
  filter: brightness(0.3);
}
#portfolioDifesa .primasezionePortDifesa .titoloHybridTactical{
  color: #fff;
  max-width: fit-content;
  width: 70%;
}
#portfolioDifesa .primasezionePortDifesa .titoloHybridTactical span{
  color: var(--orange);
}
#portfolioDifesa .primasezionePortDifesa .titoloHybridTactical small{
  color: var(--orange);
  font-weight: 900;
  margin-top: 20px;
}
#portfolioDifesa .primasezionePortDifesa .soluzioniHybridTactical .inisdeTextHybrid{
  align-items: end;
}
#portfolioDifesa .primasezionePortDifesa .soluzioniHybridTactical .inisdeTextHybrid .boxesTextHybrid:last-child{
  margin-bottom: -300px;
}
.ruoloProgettualita{
  margin-top: 400px;
}
.ruoloProgettualita .ruoloProgettualitaInside{
  position: relative;
  border-radius: 20px;
  z-index: 1;
  overflow: hidden;
  padding: 8% 15%;
}
.ruoloProgettualita .ruoloProgettualitaInside::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.ruoloProgettualita .ruoloProgettualitaInside h4 {
  max-width: 700px;
}
.ruoloProgettualita .ruoloProgettualitaInside h4 strong{
  color: var(--orange);
}
#portfolioDifesa .primasezionePortDifesa.parteSeconda .titoloHybridTactical{
  color: #fff;
}
#portfolioDifesa .primasezionePortDifesa.parteSeconda .soluzioniHybridTactical .inisdeTextHybrid {
  align-items: start;
}
#portfolioDifesa .primasezionePortDifesa.parteSeconda .soluzioniHybridTactical .inisdeTextHybrid .boxesTextHybrid:last-child{
  margin-bottom: 0;
}
#portfolioDifesa .primasezionePortDifesa.parteSeconda .backSecondasezionePortDifesa{
  width: 100%;
  height: 100%;
  top: 0;
  filter: brightness(0.15);
  mix-blend-mode: screen;
}
.primasezionePortDifesa .serviziAreeCritiche{
  display: flex;
  margin-top: 100px;
}
.primasezionePortDifesa .serviziAreeCritiche h4{
  color: var(--orange);
  width: 40%;
}
.primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche{
  width: 60%;
}
.primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche .rowAreeCritiche{
  display: flex;
  width: 90%;
  margin-left: 10%;
}
.primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche .rowAreeCritiche:nth-child(even){
  margin-left: 0%;
}
.primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche .rowAreeCritiche .boxareeCritiche{
  position: relative;
  border-radius: 0px;
  z-index: 1;
  overflow: hidden;
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 30px;
  width: 50%;
}
.primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche .rowAreeCritiche .boxareeCritiche::before{
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 0px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche .rowAreeCritiche .boxareeCritiche img{
  width: 60px;
}
.primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche .rowAreeCritiche .boxareeCritiche h5{
  color: #fff;
  text-transform: none;
}

/* **** CYBER SECURITY SERVIZI **** */
.page-template-cybersecurity_servizi{
  background-image: radial-gradient(30% 30% at 15% 18%, #F7941D42 0%, #073AFF00 100%), radial-gradient(40% 40% at 32% 79%, #F7941D42 0%, #073AFF00 100%), radial-gradient(142% 91% at 96% 75%, #000 0%, #000 100%);
}
.page-template-cybersecurity_servizi #soluzioniCyberPort{
  margin-top: 200px;
}
.page-template-cybersecurity_servizi #portfolioDifesa{
    position: static;
    background: transparent;
    height: fit-content;
    overflow: unset;
    transition: 1s ease;
}
.btn-cy4-quadrato.btn2attivo a{
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
}

/* **** CYBER SECURITY PROGETTUALITÀ **** */
.page-template-cybersecurity_progettualita{
  background-image: radial-gradient(30% 30% at 15% 18%, #F7941D42 0%, #073AFF00 100%), radial-gradient(40% 40% at 32% 79%, #F7941D42 0%, #073AFF00 100%), radial-gradient(142% 91% at 96% 75%, #000 0%, #000 100%);
}
.page-template-cybersecurity_progettualita #soluzioniCyberPort{
  margin-top: 200px;
}
.page-template-cybersecurity_progettualita #portfolioDifesa{
    position: static;
    background: transparent;
    height: fit-content;
    overflow: unset;
    transition: 1s ease;
}
.page-template-cybersecurity_progettualita #portfolioDifesa .primasezionePortDifesa .backSecondasezionePortDifesa{
    aspect-ratio: 4 / 3;
    top: 100px;
}
.page-template-cybersecurity_progettualita #portfolioDifesa .primasezionePortDifesa{
    padding: 10px 8% 400px;
}


/* **** Portfolio decision intelligence **** */

.page-template-decision-intelligence{
  background-image: radial-gradient(50% 60% at 58% 88%, #F7941D54 0%, #073AFF00 100%), radial-gradient(50% 50% at 31% 24%, #1E386B59 1%, #FF000000 99%), radial-gradient(142% 91% at 111% 84%, #000 0%, #000 99%);
}
.page-template-decision-intelligence #processodecisionPt{
  width: 70%;
  margin: 50px auto;
}
.page-template-decision-intelligence #processodecisionPt .rowProcessodecisionPt{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
}
.page-template-decision-intelligence #processodecisionPt .rowProcessodecisionPt .processoImg{
  width: 120px;
}
.page-template-decision-intelligence #processodecisionPt .rowProcessodecisionPt .testoProcesso{
  width: 50%;
  color: #fff;
}
#laNostraPiattaforma{
  width: 86%;
  margin: 0px auto 100px;
  padding-top: 50px;
}
#laNostraPiattaforma .rowlaNostraPiattaforma h3{
  color: var(--orange);
  max-width: 600px;
}
#laNostraPiattaforma .rowlaNostraPiattaforma .boxSttitoloNostraPiat{
  margin: 30px 0;
  display: flex;
  gap: 30px;
}
#laNostraPiattaforma .rowlaNostraPiattaforma .boxSttitoloNostraPiat img{
  width: 35%;
}
#laNostraPiattaforma .rowlaNostraPiattaforma .boxSttitoloNostraPiat h4{
  color: #fff;
}
#laNostraPiattaforma .rowlaNostraPiattaforma .imgPiattaforma{
  width: 100%;
  display: flex;
  justify-content: center;
}
#laNostraPiattaforma .rowlaNostraPiattaforma .imgPiattaforma img{
  width: 70%;
}
#laNostraPiattaforma .rowlaNostraPiattaforma .testonostraPiatta{
  display: flex;
  gap: 10%;
  width: 90%;
  margin: auto;
  margin: 50px auto;
}
#laNostraPiattaforma .rowlaNostraPiattaforma .testonostraPiatta .boxTestoPiatta{
  width: 45%;
  color: #fff;
}
#laNostraPiattaforma .rowlaNostraPiattaforma .testonostraPiatta .boxTestoPiatta strong.orange{
  color: var(--orange);
}
#laNostraPiattaforma .rowlaNostraPiattaforma .testonostraPiatta .boxTestoPiatta .btn-cy4{
  margin-top: 30px;
}

/* **** Portfolio law enforcement **** */

.page-template-law-enforcement{
  background-image: radial-gradient(50% 60% at 58% 88%, #F7941D54 0%, #073AFF00 100%), radial-gradient(50% 50% at 31% 24%, #1E386B59 1%, #FF000000 99%), radial-gradient(142% 91% at 111% 84%, #000 0%, #000 99%);
}
#lawDescpt{
  margin: 50px auto;
  padding: 50px 0;
  width: 86%;
  border-bottom: 1px solid #363636;
}
#lawDescpt .rowLawDescpt{
  margin: auto;
  width: 90%;
  display: flex;
  gap: 10%;
}
#lawDescpt .rowLawDescpt .boxLawDescpt, #quipoBullet .boxLawDescpt{
  width: 45%;
  color: #fff;
}
#lawDescpt .rowLawDescpt .boxLawDescpt strong,
#quipoBullet .boxLawDescpt strong{
  color: var(--orange);
}
#lawDescpt .rowLawDescpt .boxLawPoints .lawSinglePointPrimo,
#quipoBullet .boxLawPoints .lawSinglePointPrimo{
  color: var(--orange);
  font-size: 25px;
  margin-bottom: 20px;
}
#lawDescpt .rowLawDescpt .boxLawPoints .lawSinglePoint,
#quipoBullet .boxLawPoints .lawSinglePoint{
  position: relative;
  border-radius: 0px;
  z-index: 1;
  overflow: hidden;
  padding: 20px 30px;
  color: #fff;
  margin: 5px auto;
  width: 90%;
  min-height: 90px;
  display: flex;
  align-items: center;
}
#lawDescpt .rowLawDescpt .boxLawPoints .lawSinglePoint::before,
#quipoBullet .boxLawPoints .lawSinglePoint::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 0px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#saperneDipiuLaw{
  margin: 50px auto;
  padding: 50px 0;
  width: 86%;
}
#saperneDipiuLaw .rowsaperneDipiuLaw{
  margin: auto;
  width: 90%;
  display: flex;
  gap: 5%;
  align-items: center;
}
#saperneDipiuLaw .rowsaperneDipiuLaw .boxsaperneDipiuLaw{
  width: 45%;
}
#saperneDipiuLaw .rowsaperneDipiuLaw .boxsaperneDipiuLaw .imgFissaVuoi{
  width: 100%;
  filter: brightness(.5);
}
#saperneDipiuLaw .rowsaperneDipiuLaw .boxsaperneDipiuLaw .testoSaperne{
  color: var(--orange);
  margin-top: -70px;
  position: relative;
  z-index: 2;
  margin-left: 5%;
}
#saperneDipiuLaw .rowsaperneDipiuLaw .boxsaperneDipiuLaw .testoSaperne h5{
  text-transform: none;
  font-size: calc(18px + .9vw);
  font-weight: 700;
  color: var(--orange);
}
#saperneDipiuLaw .rowsaperneDipiuLaw .boxsaperneDipiuLaw .btn-cy4{
  margin-top: 30px;
  margin-left: 5%;
}
#saperneDipiuLaw .rowsaperneDipiuLaw .boxsaperneDipiuLaw .iconcina{
  width: 70px;
}
#saperneDipiuLaw .rowsaperneDipiuLaw .boxsaperneDipiuLaw .testodesc{
  color: #fff;
  margin-top: 30px;
}

/* **** MAIN USE CASE CYBERSECURITY **** */
.page-template-main-use-case-cybersecurity{
  background-image: radial-gradient(50% 60% at 58% 88%, #F7941D54 0%, #073AFF00 100%), radial-gradient(50% 50% at 31% 24%, #1E386B59 1%, #FF000000 99%), radial-gradient(142% 91% at 111% 84%, #000 0%, #000 99%);
}
.page-template-main-use-case-cybersecurity #herogroup .rowherogroup{
  background: none;
}
.page-template-main-use-case-cybersecurity .general-hero img.hero{
  display: none;
}
.page-template-main-use-case-cybersecurity .general-hero .hero-description{
  font-size: calc(20px + 1.4vw);
  color: #fff;
}
#mainUseCyperContent{
  position: relative;
  padding-top: 50px;
}
#mainUseCyperContent .rowmainUseCyperContent{
  margin: auto;
  padding: 50px 0;
  width: 86%;
  display: flex;
  gap: 10%;
  color: #fff;
}
#mainUseCyperContent .rowmainUseCyperContent .boxmainUseCyperContent{
  width: 45%;
}
#mainUseCyperContent .rowmainUseCyperContent .boxmainUseCyperContent h3, #mainUseCyperContent .rowmainUseCyperContent .boxmainUseCyperContent h4{
  margin-bottom: 30px;
  color: var(--orange);
}
#mainUseCyperContent .backmainUseCyperContent{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  filter: brightness(0.15);
}
#mainUseCyperContent .boxSfumUseCyperContent{
  position: relative;
  border-radius: 20px;
  z-index: 1;
  overflow: hidden;
  padding: 10%;
}
#mainUseCyperContent .boxSfumUseCyperContent::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 20px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#mainUseCyperContent .boxLawPoints{
  padding: 10% 0;
}
#mainUseCyperContent .boxLawPoints .lawSinglePointPrimo{
  color: var(--orange);
  font-size: 25px;
  margin-bottom: 20px;
}
#mainUseCyperContent .boxLawPoints .lawSinglePoint{
  position: relative;
  border-radius: 0px;
  z-index: 1;
  overflow: hidden;
  padding: 20px 30px;
  color: #fff;
  margin: 5px auto;
  width: 90%;
  min-height: 90px;
  display: flex;
  align-items: center;
}
#mainUseCyperContent .boxLawPoints .lawSinglePoint::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 0px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#mainUseCyperContent .testoMainCyber.testoMainCyberTestoGiu{
  margin-bottom: 50px;
}
#mainUseCyperContent .puntiDiForzaMainUse{
  width: 110%;
}


/* **** main-use-case-decision-intelligence **** */

.page-template-main-use-case-decision-intelligence{
  background-image: radial-gradient(50% 60% at 58% 88%, #F7941D54 0%, #073AFF00 100%), radial-gradient(50% 50% at 31% 24%, #1E386B59 1%, #FF000000 99%), radial-gradient(142% 91% at 111% 84%, #000 0%, #000 99%);
}
.page-template-main-use-case-decision-intelligence #herogroup .rowherogroup{
  background: none;
}
.page-template-main-use-case-decision-intelligence .general-hero img.hero{
  display: none;
}
.page-template-main-use-case-decision-intelligence .general-hero .hero-description{
  font-size: calc(20px + 1.4vw);
  color: #fff;
}
#mainUseCyperContent .quipologo{
  max-width: 300px;
}
#mainUseCyperContent .rowmainUseCyperContent.alignItemsEndMainUse{
  align-self: end;
}
#mainUseCyperContent .titoloFuoriBoxmainUse{
  max-width: 680px;
  margin: 0 7%;
  color: var(--orange);
}
#mainUseCyperContent .immagineConSopraTestoMainUse{
  filter: brightness(0.3);
  margin-top: -100px;
  z-index: -1;
  position: relative;
  width: 110%;
  margin-left: -5%;
}
#mainUseCyperContent .rowmainUseCyperContent .boxmainUseCyperContent.boxmainUseCyperCentoPerCento{
  width: 100%;
}
#mainUseCyperContent .boxLawPoints.lawPointsWidthMax {
  display: flex;
    flex-wrap: wrap;
    gap: 10%;
}
#mainUseCyperContent .boxLawPoints.lawPointsWidthMax .lawSinglePointPrimo{
  width: 100%;
}
#mainUseCyperContent .boxLawPoints.lawPointsWidthMax .lawSinglePoint{
  width: 45%;
}
#quipoBullet .rowquipoBullet{
  display: flex;
  gap: 50px;
  width: 86%;
  margin: 50px auto 100px;
}
#quipoBullet .rowquipoBullet .imgquipoBullet{
  width: 45%;
}
#quipoBullet .rowquipoBullet .imgquipoBullet img{
  width: 100%;
}

#mainUseCyperContent .rowmainUseCyperContent .boxmainUseCyperContent h5{
    font-size: calc(22px + .7vw);
    line-height: calc(22px + .7vw);
    font-weight: 900;
    text-transform: none;
    color: var(--orange);
}
.pointCounterSection{
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pointCounterSection .singoloPoint{
  width: 16px;
  height: 16px;
  display: block;
  border: 1px solid #fff;
  border-radius: 100px;
}
.pointCounterSection .singoloPoint.active {
  background: #fff;
}


/* **** Vision & Mission **** */
.page-template-vision-mission {
  background-image: radial-gradient(50% 60% at 20% 30%, #F7941D54 0%, #073AFF00 100%),radial-gradient(50% 50% at 88% 94%, #1E386B59 1%, #FF000000 99%);
}
.page-template-vision-mission #mainUseCyperContent .rowmainUseCyperContent {
  color: var(--blue);
}
.page-template-vision-mission #mainUseCyperContent{
  width: 80%;
  margin: auto;
}
#visionMissionBoxes .rowVisionMissionBoxes{
  width: 98%;
  margin: 100px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
#visionMissionBoxes .rowVisionMissionBoxes .singleBoxVisionMission{
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  width: calc(33.3333% - 10px);
  padding: 40px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
#visionMissionBoxes .rowVisionMissionBoxes .singleBoxVisionMission::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 30px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#visionMissionBoxes .rowVisionMissionBoxes .singleBoxVisionMission h4{
  color: #fff;
  margin-bottom: 15px;
}
#visionMissionBoxes .rowVisionMissionBoxes .singleBoxVisionMission .imgsingleBoxMissionVision{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.4);
  z-index: -2;
}

/* **** TEAM **** */
#contentPagesStatic{
  margin: 200px auto 100px;
  width: 86%;
}
#contentPagesStatic .consiglioAmministrazione h4{
  color: var(--orange);
}
#contentPagesStatic .consiglioAmministrazione .teamContainer{
  padding: 50px 0;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember{
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  width: calc(33.3333% - 10px);
  min-height: 400px;
  cursor: pointer;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 30px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember h4{
  color: #fff;
  font-size: calc(18px + 1vw);
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember h5{
  color: var(--orange);
    text-transform: none;
    font-weight: 700;
    font-size: calc(18px + .2vw);
    margin: 0;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember .testoMember{
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  color: #fff;
  min-height: 100%;
  padding: 40px;
  background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  text-align: center;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember .immagineMembroTeam{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  scale: 1;
  transition: .5s ease;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember:hover .immagineMembroTeam {
  scale: 1.05;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember .descrizioneMembroTeam{
  position: fixed;
    top: 0;
    left: 100%;
    background: #000000e3;
    height: 100vh;
    padding: 12%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    transition: 1s ease;
    width: 100%;
    z-index: 99;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember .descrizioneMembroTeam.activeBoxMember{
  left: 0;
}
.singleMember .closeSingleMemb{
  position: absolute;
  top: 200px;
  right: 40px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.singleMember .closeSingleMemb::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 100px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.singleMember .closeSingleMemb .testoCloseSingleMemb{
  font-size: 35px;
  margin-top: -2px;
}
#contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember .descrizioneMembroTeam h4 {
  color: var(--orange);
}
#mainUseCyperContent.teamColor .testoMainCyber{
  color: var(--blue);
}
#mainUseCyperContent.teamColor .testoMainCyber strong{
  color: var(--orange);
}
#mainUseCyperContent.teamColor .testoMainCyber strong.teamBoldBlue{
  color: var(--blue);
}

/* **** NEWS & EVENTI ***** */
.page-template-news-media, .archive.category{
  background: var(--blue);
}
.page-template-news-media .contentNewsTemp,
.archive.category .contentNewsTemp{
  background: radial-gradient(circle at 75% 70%, rgba(179, 106, 46, 0.5) 0%, rgba(90, 42, 79, 0.5) 30%, rgba(27, 42, 74, 0.5) 55%, rgba(11, 22, 40, .5) 100%);
  padding: 200px 8% 100px;
}
.page-template-news-media .contentNewsTemp h1,
.archive.category .contentNewsTemp h1{
  text-align: center;
  color: var(--orange);
}
.contentNewsTemp .filtriNews {
  margin: 70px 3%;
}
.contentNewsTemp .filtriNews .listaCategorie{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.contentNewsTemp .loopArticoli{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.contentNewsTemp .loopArticoli article{
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  width: calc(33.3333% - 10px);
  min-height: 400px;
  cursor: pointer;
}
.contentNewsTemp .loopArticoli article::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  background: linear-gradient(to right, #1d3c6d, #49427c, #74478a, #b86660, #f7941d);
  border-radius: 30px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.contentNewsTemp .loopArticoli article .insidePost{
  width: 100%;
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15%;
  gap: 30px;
}
.contentNewsTemp .loopArticoli article .insidePost .imgPost{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.contentNewsTemp .loopArticoli article .insidePost img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.2);
}
.contentNewsTemp .loopArticoli article .insidePost .dataCategoria{
  color: var(--orange);
}
.contentNewsTemp .loopArticoli article .insidePost .singleNewsTitle{
  color: #fff;
}
.contentNewsTemp .pagination{
  display: flex;
  justify-content: end;
  gap: 10px;
}
.contentNewsTemp .pagination .page-numbers{
  color: #fff;
  border: 0;
  font-weight: 700;
  padding: 0;
}
.contentNewsTemp .pagination .page-numbers.current{
  color: var(--orange);
}

body.page-template-pagine-generiche{
  background-image: radial-gradient(50% 60% at 20% 30%, #F7941D54 0%, #073AFF00 100%), radial-gradient(50% 50% at 88% 94%, #1E386B59 1%, #FF000000 99%);
}
#content-general-pages{
  padding: 100px 8%;
}
#content-general-pages .linkspdf{
  display: flex;
  flex-direction: column;
  gap: 0px;
}
#content-general-pages .linkspdf .linkSinglePdf{
  color: var(--blue);
}
#content-general-pages .linkspdf .linkSinglePdf:hover{
  text-decoration: underline;
}
#content-general-pages .linkspdf .linkSinglePdf::after{
  content: '';
  background: url(https://www.cy4gate.com/wp-content/uploads/2025/07/arrowDown.svg);
  display: inline-block;
  height: 40px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  rotate: -90deg;
  transform: translate(-15px, 20px);
}
#content-general-pages .linkspdf .linkSinglePdf:hover::after{
  background: url(https://www.cy4gate.com/wp-content/uploads/2026/01/arrow3Filled.svg);
  background-repeat: no-repeat;
  background-size: contain;
  rotate: -90deg;
  transform: translate(-15px, 20px);
}


/* ***** Single News ***** */

#heronews{
  padding-top: 150px;
}
#heronews .dataCategoria{
  width: 86%;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 30px;
  color: var(--orange);
}
#heronews .rowHeronews{
  width: 86%;
  margin: auto;
  display: flex;
  gap: 50px;
      padding-bottom: 100px;
}
#heronews .rowHeronews .imgRowHeronews{
  width: 40%;
  min-width: 300px;
}
#heronews .rowHeronews .imgRowHeronews img{
  width: 100%;
}
#heronews .rowHeronews .descrizioneRowHeronews {
  max-width: 550px;
  padding-top: 50px;
}
#heronews .rowHeronews .descrizioneRowHeronews .imgRowHeronewsmob{
  display: none;
}
#heronews .rowHeronews .descrizioneRowHeronews h1, #heronews .rowHeronews .descrizioneRowHeronews h1 *{
  font-size: calc(22px + 0.72222vw);
  line-height: calc(22px + 0.72222vw);
  margin-bottom: 30px;
  color: var(--orange);
}
#articoliCorrelatiNews{
  background: var(--blue);
}
#articoliCorrelatiNews .contentNewsTemp{
  background: radial-gradient(circle at 75% 70%, rgba(179, 106, 46, 0.5) 0%, rgba(90, 42, 79, 0.5) 30%, rgba(27, 42, 74, 0.5) 55%, rgba(11, 22, 40, .5) 100%);
  padding: 150px 7%;
}
#articoliCorrelatiNews .contentNewsTemp .loopArticoli{
  position: relative;
  z-index: 1;
}
#articoliCorrelatiNews .contentNewsTemp h4.titoloNewsMedia{
  color: var(--orange);
  margin-bottom: 40px;
  text-align: center;
}

#mainUseCyperContent .rowmainUseCyperContent .boxmainUseCyperContent .loghettoquipo{
      max-width: 250px;
    margin-bottom: 20px;
}
#mainUseCyperContent .boxSfumUseCyperContent{
  background: linear-gradient(125deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 1) 96%);
}
#mainUseCyperContent .boxLawPoints .lawSinglePoint{
  background: linear-gradient(125deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 1) 96%);
}


/* **** singole investor **** */
.page-template-singole-investor #herogroup,
.page-template-cookie-policy #herogroup,
.page-template-contattaci #herogroup{
  background-image: radial-gradient(70% 100% at 98% 24%, #f7941d3d 0%, #073aff00 100%), linear-gradient(0deg, #1e386b 0%, #1e386b 100%);
}
.page-template-singole-investor #herogroup .hero-heading,
.page-template-cookie-policy #herogroup .hero-heading,
.page-template-contattaci #herogroup .hero-heading{
  text-transform: uppercase;
}
.page-template-singole-investor .vc_row,
.page-template-cookie-policy .vc_row,
.page-template-contattaci .vc_row{
  margin-left: 0px;
  margin-right: 0px;
}
.page-template-singole-investor .vc_column_container>.vc_column-inner,
.page-template-cookie-policy .vc_column_container>.vc_column-inner,
.page-template-contattaci .vc_column_container>.vc_column-inner{
  padding-left: 0px;
  padding-right: 0px;
}
.page-template-singole-investor #insideSingleInvestor,
.page-template-cookie-policy #insideSingleInvestor,
.page-template-contattaci #insideSingleInvestor{
  width: 86%;
  margin: auto;
  padding: 100px 20px;
  max-width: 1000px;
}
.page-template-singole-investor a:hover,
.page-template-cookie-policy a:hover,
.page-template-contattaci a:hover{
  color: var(--orange);
}

#accordioninvestorSingle{
  padding-bottom: 100px;
  width: 86%;
  margin: auto;
  margin-top: -100px;
}
.page-template-comunicati-stampa-finanziari #accordioninvestorSingle{
   margin-top: 30px;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion{
  padding: 30px 0;
  border-bottom: 2px solid var(--orange);
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion .titoloSingoloAccordion{
  display: flex;
    gap: 30px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--orange);
    font-size: calc(20px + 1vw);
    align-items: center;
    cursor: pointer;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion .titoloSingoloAccordion .titoloSingoloAccordioLink{
    font-weight: 900;
    text-transform: uppercase;
    color: var(--orange);
    font-size: calc(20px + 1vw);
    cursor: pointer;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion .titoloSingoloAccordion .frecciaaccordion{
  width: 30px;
  rotate: 0deg;
  transition: .5s ease;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion.activeAccInvestor .titoloSingoloAccordion .frecciaaccordion{
  rotate: 90deg;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion .titoloSingoloAccordion .frecciaaccordion img{
  width: 100%;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion .insideAccordion{
  padding: 0px 20px 0;
  max-height: 0;
  transition: 1s ease;
  overflow: hidden;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion.activeAccInvestor .insideAccordion{
  padding: 20px 20px 0;
  max-height: 600px;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion .insideAccordion a{
  text-decoration: underline;
}
#accordioninvestorSingle .rowaccordioninvestorSingle .singoloAccordion .insideAccordion a:hover{
  color: var(--orange);
}
.bloccoInteroConsenso{
  padding-bottom: 100px;
}
.acconsentoescarico{
  width: 86%;
  margin: auto;
  padding: 10px 20px;
  max-width: 1000px;
      display: flex;
    align-items: center;
    gap: 20px;
}
.acconsentoescarico .quadratoconsenso{
  width: 30px;
  height: 30px;
  border: 1px solid var(--orange);
  position: relative;
  cursor: pointer;
}
.acconsentoescarico .quadratoconsenso::after{
  content: '';
    display: none;
    position: absolute;
    top: 0%;
    left: 50%;
    width: 20px;
    height: 12px;
    rotate: -52deg;
    border-left: 2px solid var(--orange);
    border-bottom: 2px solid var(--orange);
    z-index: 1;
    transform: translate(-53%, -40%);
}
.acconsentoescarico .quadratoconsenso.activeDownloadDocumenti::after{
   display: block;
}
.documentiScaricabili{
  width: 86%;
  margin: auto;
  padding: 10px 20px;
  max-width: 1000px;
  display: none;
}
.documentiScaricabili.activeDownloadDocumenti{
  display: block;
}
.documentiScaricabili h4{
  margin: 20px 0;
}
.documentiScaricabili a{
  text-decoration: underline;
}

a:hover{
  color: var(--orange);
}
a:focus{
  outline: none !important;
}

.breadcrumbs{
  position: relative;
  z-index: 1;
  margin: 30px 5%;
      color: var(--orange);
}
.breadcrumbs *{
  color: var(--orange);
}
.breadcrumbs .home{
  text-transform: uppercase;
}
.gform_fields{
  gap: 2px !important;
}
.gfield input, .gfield textarea{
  border-radius: 0 !important;
  background: var(--blue) !important;
  color: #fff !important;
}
.gfield input{
  height: fit-content !important;
  padding: 10px 20px !important;
}
.gfield input::placeholder, .gfield textarea::placeholder{
  color: #fff !important;
}
.gfield textarea{
  min-height: 200px !important;
  padding: 10px 20px !important;
}
.gfield{
  position: relative !important;
  z-index: 1;
}
.gfield::before {
    content: "";
    position: absolute;
    inset: 0px;
    padding: 1px;
    background: linear-gradient(to right, rgb(29, 60, 109), rgb(73, 66, 124), rgb(116, 71, 138), rgb(184, 102, 96), rgb(247, 148, 29));
    mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px);
    pointer-events: none;
}
.gfield.gfield--type-checkbox::before, .gfield.gfield--type-fileupload::before{
  content: none;
}
.gfield.gfield--type-fileupload .gfield_label{
  margin-top: 20px !important;
  font-size: calc(18px + .5vw) !important;
  color: var(--blue) !important;
}
.gfield.gfield--type-date input{
  width: 100% !important; 
}
.gfield--type-checkbox {
  margin-top: 20px !important;
}
.gfield--type-checkbox input{
  background: transparent !important;
  height: 20px !important;
  width: 20px !important;
  padding: 2px !important;
}
.gfield--type-checkbox a{
  font-size: 14px;
}
.gform_footer{
  border-radius: 30px !important;
  width: fit-content !important;
  position: relative;
}
.gform_footer::before{
    content: "";
    position: absolute;
    inset: 0px;
    padding: 1px;
    background: linear-gradient(to right, rgb(29, 60, 109), rgb(73, 66, 124), rgb(116, 71, 138), rgb(184, 102, 96), rgb(247, 148, 29));
    mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px);
    pointer-events: none;
    border-radius: 30px;
}
.gform_footer input{
  border-radius: 30px !important;
    padding: 10px 30px !important;
    text-transform: uppercase !important;
    background: #00000096 !important;
}
.gform_button.button{
  background: #0000009c !important;
    border-radius: 20px !important;
}
.wpml-ls-statics-post_translations.wpml-ls{
  display: none;
}

.search-results {
  background: var(--blue);
}
.search-results *{
  color: #fff !important;
}
.search-results .wpml-ls-legacy-list-horizontal a span{
  color: var(--blue) !important;
}
.search-results .tabs a{
  border: 1px solid var(--orange) !important;
  background: transparent !important;
}
.search-results .tabs a.active{
  background: #ffffff3d !important;
}
.search-results .search-header{
  margin-top: 200px;
  background: transparent;
}
.search-results h2{
  font-size: calc(22px + 1.72222vw);
  line-height: calc(22px + 1.72222vw);
}
.search-results h2 strong{
  font-size: calc(22px + 1.72222vw);
  line-height: calc(22px + 1.72222vw);
  display: block;
  color: var(--orange) !important;
  margin-bottom: 40px;
}
.otgs-development-site-front-end{
  display: none !important;
}


#preloader {
  position: fixed;
  z-index: 9999;
  background: #00000042;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  transition: .5s ease;
}

#preloader .barraGialla {
  position: absolute;
  top: 30%;
  left: 0;
  height: 103px;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 40px #000;
  background: url(https://www.cy4gate.com/wp-content/uploads/2026/06/avvertenza_gialla_nastro.svg);
}

#preloader .barraGialla img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}

#preloader .barraGialla .testoMarquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

#preloader .barraGialla .insidetestoMarquee {
  display: inline-block;
  white-space: nowrap;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 900;
  /* Fix Safari per il rendering fluido del testo */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  animation: marquee 40s linear infinite;
  -webkit-animation: marquee 40s linear infinite;
}

/* Keyframes corretti per Safari senza il delay del -50% */
@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}

#preloader .barraGialla.barraGialla1 {
  z-index: 2;
  top: 90%;
  left: -20%;
  transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  transition: .5s ease;
}

#preloader .barraGialla.barraGialla2 {
  z-index: 1;
  top: 76%;
  left: -20%;
  transform: rotate(-13deg);
  -webkit-transform: rotate(-13deg);
  transform-origin: left center;
  -webkit-transform-origin: left center;
  transition: .5s ease;
}

#preloader.stoppreloader .barraGialla.barraGialla1 {
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
}

#preloader.stoppreloader .barraGialla.barraGialla2 {
  top: 100%;
  transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
}

#preloader.stoppreloader {
  background: #00000000;
}

#preloader.chiudipreloader {
  display: none;
}


.single-post, .page-template-singole-investor{
  background-image: radial-gradient(50% 50% at 24% 26%, #f7941d4f 0%, #073aff00 100%), radial-gradient(50% 50% at 66% 64%, #1e386b42 0%, #073aff00 100%), linear-gradient(0deg, #ffffff 0%, #fff 100%);
}




/* **** site map **** */
.page-template-site-map {
      background-image: radial-gradient(50% 60% at 20% 30%, rgba(247, 148, 29, 0.33) 0%, rgba(7, 58, 255, 0) 100%), radial-gradient(50% 50% at 88% 94%, rgba(30, 56, 107, 0.35) 1%, rgba(255, 0, 0, 0) 99%);
}
.page-template-site-map .site-main{
  margin-top: 160px;
}
.page-template-site-map .site-main .page-title{
  margin-bottom: 20px;
  color: var(--orange);
}
.custom-sitemap-container {
    max-width: 1000px;
    margin: 40px auto;
    padding: 0 20px;
    font-family: sans-serif; /* Sostituisci con il font del tuo sito */
}

/* Rimuove i punti elenco standard e allinea le liste */
.sitemap-tree, .sitemap-tree ul {
    list-style: none;
    padding-left: 24px;
    margin: 0;
}

.sitemap-tree {
    padding-left: 0;
}

.sitemap-tree li {
    margin: 6px 0;
    position: relative;
    line-height: 24px;
}

/* Stile per gli elementi riga */
.sitemap-tree li a, .sitemap-tree li .category-title {
    color: #333;
    text-decoration: none;
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;
}

.sitemap-tree li .category-title {
    font-weight: 600;
    color: #444;
}

.sitemap-tree li a:hover {
    color: #0073aa;
    text-decoration: underline;
}

/* La Freccia (Meccanismo ad albero) */
.sitemap-tree .toggle-arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
}

/* Disegniamo la freccia in CSS (un piccolo triangolo rovesciato di lato) */
.sitemap-tree .toggle-arrow::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #1d3c6d; /* Freccia chiusa */
    transition: transform 0.2s ease;
}

/* Spaziatore per i nodi finali che non hanno figli (mantiene l'allineamento) */
.sitemap-tree .bullet-spacer {
    display: inline-block;
    width: 22px; 
    height: 16px;
    vertical-align: middle;
}
.sitemap-tree .has-children .nested-items .bullet-spacer {
    background: var(--blue);
    border-radius: 100px;
    width: 5px;
    height: 5px;
    margin-right: 10px;
}
.sitemap-tree .has-children .nested-items .has-children .nested-items li{
  display: flex;
}
.sitemap-tree .has-children .nested-items .has-children .nested-items li .bullet-spacer{
  margin-top: 10px;
}

/* LOGICA DI APERTURA/CHIUSURA */
/* Di base, nascondiamo i sotto-elementi */
.sitemap-tree .nested-items {
    display: none;
}

/* Quando la riga ha la classe .is-open, mostriamo i figli e ruotiamo la freccia */
.sitemap-tree li.is-open > .nested-items {
    display: block;
}

.sitemap-tree li.is-open > .toggle-arrow::before {
    transform: rotate(90deg); /* Ruota la freccia verso il basso */
}

/* Linee sottili guida verticali (Opzionale, stile file manager come da foto) */
.sitemap-tree ul {
    border-left: 1px dashed #ccc;
    margin-left: 7px;
}
.page-template-singole-investor .hero-description{
  color: #fff;
}

.page-id-184 .containerBtn,
.page-id-498 .containerBtn{
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

.page-id-9047 #insideSingleInvestor a,
.page-id-9054 #insideSingleInvestor a{
  color: var(--orange) !important;
}
.termly-styles-content-fcefe4 *{
  font-size: 12px !important;
  line-height: 18px !important;
}




@media (max-width: 1200px) {
  header .navhead .blockRightMenu .menuMobileBtn {
    display: flex;
  }
  header .navhead .bloccomenu .premenu {
    width: 100%;
    height: 100vh;
    background: #000000f0;
    position: absolute;
    top: 0px;
    left: 101%;
    z-index: -1;
  }
  header .navhead .bloccomenu .menu {
    position: absolute;
    top: 170px;
    left: 2%;
    width: 96%;
    transition: 1s ease;
  }
  header .navhead .bloccomenu .premenu.actviveMenu {
    left: 0%;
  }
  header .navhead .bloccomenu .premenu.actviveMenu .menu {
    left: 2%;
  }
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu,
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese {
    flex-direction: column;
    padding: 10px 20px;
  }
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu li,
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li {
    display: flex;
    flex-wrap: wrap;
  }
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu li .sub-menu,
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li .sub-menu {
    position: static;
    padding: 20px 30px 20px;
  }
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu li.open a,
  header .navhead .bloccomenu .menu .main-menu #menu-main-menu-inglese li.open a {
    background: transparent;
  }
}

/* ****MEDIA QUERY**** */
@media (max-width: 1200px) {
  #mercati .rowmercati .singoloMercato .testo {
    flex-direction: column;
  }
  #mercati .rowmercati .singoloMercato .testo .descrizione {
    width: 100%;
    margin-top: 0px;
  }
  #mercati .rowNews .singleNews {
    padding: 50px 30px;
  }
  .primasezionePortDifesa .serviziAreeCritiche{
    flex-direction: column;
    gap: 50px
  }
  .primasezionePortDifesa .serviziAreeCritiche h4{
    width: 90%;
  }
  .primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche{
    width: 100%;
  }
}

@media (max-width: 992px) {
  #mercati .rowmercati .singoloMercato .iconamercato {
    height: 80px;
  }
  #mercati .rowmercati {
    padding: 0 50px;
  }
  #mercati h2 {
    padding: 100px 50px 10px;
  }
  #mercati h6 {
    padding: 0px 50px;
  }
  #mercati .rowaziende {
    padding: 150px 50px;
  }
  #mercati .rowNews {
    padding: 50px 50px 150px;
  }
  #mercati .rowNews .singleNews {
    width: 50%;
  }
  #mercati .rowNews .singleNews:nth-child(3) {
    display: none;
  }
  footer .insideFooter {
    padding: 50px 50px 20px 50px;
  }
  footer .insideFooter .footer-top {
    gap: 50px;
  }
  header .searchContainer {
    width: 60%;
    left: -61%;
  }
  #gruppoGenerico .rowOneGruppo {
    gap: 20px;
  }
  #gruppoGenerico .rowOneGruppo .leftRow {
    width: calc(50% - 10px);
  }
  #gruppoGenerico .rowOneGruppo .rightRow {
    width: calc(40% - 10px);
  }
  #gruppoGenerico .rowdueGruppo .grupDueBlock .insideBlock {
    width: 80%;
  }
  #laStoria .rowDueLaStoria .insideRowStoriaDue .second-block {
    width: 90%;
    margin-top: 70px;
  }
  #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block {
    width: 90%;
  }
  #laStoria .rowDueLaStoria .third-block {
    width: 90%;
  }
  #laStoria .rowDueLaStoria .third-block .testo2 {
    width: 60%;
  }

  /* PAGINE MERCATI */

  section#mercati-list p {
    max-width: none !important;
  }
  section#techDiff .tech-wrapper{
    flex-direction: column;
    top: -370px
  }
  section#techDiff .tech-wrapper .techWrapContainerFrase {
    width: 100%;
  }
  section#techDiff .tech-wrapper .techWrapContainerBoxesNum {
    width: 100%;
  }
  section#techDiff .tech-diff-main {
    padding: 0 5%;
  }
  .content-tracker {
    flex-direction: row;
    top: 160px;
    left: inherit;
    right: 5%;
  }
  .quadrante.tl::before{
    content: none;
  }
  .quadrante.tl::after{
    content: none;
  }
  .quadrante{
    height: fit-content;
    width: 100%;
    position: static;
  }
  .quad-content{
    position: static;
  }
  .quad-content .quad-title{
    margin-top: 120px;
    width: 100%;
  }
  .quad-img img{
    width: 75px;
    height: 75px;
    margin: 20px 0;
  }
  .quadrante.tr .quad-content, .quadrante.br .quad-content{
    margin: 0;
  }
  .blocks-container{
    padding-top: 100px;
  }
  .soluzioniHybridTactical .inisdeTextHybriduno {
    width: 100%;
  }
  .soluzioniHybridTactical .inisdeTextHybrid{
    flex-direction: column;
    gap: 20px;
  }
  .soluzioniHybridTactical .inisdeTextHybrid .boxesTextHybrid {
    width: 100%;
  }
  .portCorpoServicesContainer{
    flex-wrap: wrap;
  }
  .portCorpoServicesContainer .boxPortCorpServ{
    width: 50%;
  }
  .portCorpoServicesContainer .boxPortCorpServ .descrizionePortCorpo{
    max-height: fit-content;
  }
  #contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember {
    width: calc(50% - 7.5px);
  }
  .contentNewsTemp .loopArticoli article{
    width: calc(50% - 7.5px);
  }
  #soluzioneCyberSecurityPort .boxSoluzioneCyberSec1{
    flex-direction: column;
  }
  #soluzioneCyberSecurityPort .boxSoluzioneCyberSec1 .titolettoCyber {
    width: 100%;
  }
  #soluzioneCyberSecurityPort .boxSoluzioneCyberSec2 .descrizioneSoluzioneCyber {
    padding-right: 0;
  }
  #architetturadellaSoluzione .containerCardSoluzioneArch{
    flex-wrap: wrap;
    justify-content: center;
  }
  #architetturadellaSoluzione .containerCardSoluzioneArch .singleCardSoluzioneArch{
    width: 50%;
  }
  .secondasezionePortCorpoInside .portCorpoServicesContainer .boxPortCorpServ .descrizionePortCorpo{
    margin-left: 0px;
  }
  .portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ .sectPort1{
    flex-direction: column;
    text-align: center;
  }
  .primasezionePortCorpo .portCorpoServicesContainer .boxPortCorpServ{
    width: 50%;
  }
  #heronews .rowHeronews .imgRowHeronews{
    display: none;
  }
  #heronews .rowHeronews .descrizioneRowHeronews .imgRowHeronewsmob{
    display: block;
    width: 100%;
  }
  #heronews .rowHeronews .descrizioneRowHeronews .imgRowHeronewsmob img{
    width: 100%;
    height: 70vh;
    object-fit: cover;
  }
  #heronews .rowHeronews .descrizioneRowHeronews {
    max-width: fit-content;
    padding-top: 0px;
  }
  #heronews .rowHeronews .descrizioneRowHeronews .insidedescription{
    padding-top: 40px;
  }
}

@media (max-width: 960px) {
  #gruppoMercato .soluzioni-mercato {
    flex-direction: column;
    gap: 50px;
  }
}

@media (max-width: 860px) {
  .mercato-content,
  .mercato-content.reversed {
    flex-direction: column !important;
  }

  .mercato-item#corporate .mercato-content img {
    filter: brightness(0.5);
  }

  /* PAGINA Portfolio-gen */

  .portfolio-hero .hero-description {
    width: unset;
  }

  section#gruppoTechs .techs {
    margin: 0;
  }

  .under-hero-item {
    width: unset;
  }
  .page-template-mercati section#mercati-list #corporate h4.content-heading{
    margin-left: 0%;
  }
  .page-template-mercati section#mercati-list #corporate .mercato-content{
    flex-direction: column-reverse !important;
  }
  .page-template-mercati section#mercati-list #corporate .main-box{
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .page-template-mercati section#mercati-list #corporate .main-box img{
    width: 100%;
    height: 300px;
    aspect-ratio: inherit;
    object-fit: cover;
    position: relative;
    z-index: -1;
    margin-top: -300px;
    filter: brightness(1);
  }
  .page-template-mercati section#mercati-list #corporate .secondary-box{
    width: 100%;
  }
  .page-template-mercati section#mercati-list #corporate .main-box .boxMainCorporate{
    margin-top: 0;
    margin-left: 0;
    order: -1;
  }
  .page-template-mercati section#mercati-list #corporate .main-box .scopri-mercato{
    margin-left: 0;
  }
  #lawEnforcement .bg-lawEnfo {
    position: absolute;
    right: 2.5%;
    top: 20%;
    transform: translate(0px, 0%);
    width: 95%;
    z-index: -1;
    filter: brightness(0.5) opacity(0.1);
  }
  #lawEnforcement .mercato-content{
    gap: 25px;
  }
}

@media (max-width: 768px) {
  #gruppoHome .rowGruppo {
    padding: 300px 50px 100px;
  }
  #gruppoHome .rowGruppo .testoParagr {
    width: 55%;
    margin-left: 45%;
  }
  #gruppoHome .manoRobot {
    width: 140%;
  }
  #mercati .rowaziende {
    padding: 100px 50px;
  }
  #mercati .rowaziende .singleAzienda {
    padding: 0 0px;
  }
  #mercati .rowNews .singleNews {
    width: 100%;
  }
  #mercati .rowNews .singleNews:nth-child(2) {
    display: none;
  }
  footer .insideFooter .footer-bottom .insideFooter-bottom {
    margin-top: 50px;
  }
  footer .insideFooter .footer-top {
    flex-wrap: wrap;
  }
  footer .insideFooter .footer-top .colFooter {
    width: 45%;
  }
  #gruppoGenerico .rowOneGruppo {
    flex-direction: column;
    align-items: start;
  }
  #gruppoGenerico .rowOneGruppo .leftRow {
    width: 100%;
  }
  #gruppoGenerico .rowOneGruppo .rightRow {
    width: 100%;
  }
  #gruppoGenerico .rowOneGruppo {
    padding-top: 280px;
    padding-bottom: 100px;
  }
  #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block {
    position: static;
  }
  #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block .testo {
    top: -50px;
  }
  #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block img {
    width: 100%;
  }
  #laStoria .rowDueLaStoria .insideRowStoriaDue .second-block {
    position: static;
  }
  #laStoria .rowDueLaStoria .insideRowStoriaDue .second-block .testo {
    width: 100%;
  }
  #laStoria .rowDueLaStoria .third-block {
    margin: 100px auto 0;
  }
  #gruppoGenerico .descriptionRcsRow {
    margin: 0px auto 0;
    padding: 50px 0;
    flex-direction: column-reverse;
    gap: 50px;
  }
  #gruppoGenerico .descriptionRcsRow .testo {
    width: 100%;
  }
  #gruppoGenerico .descriptionRcsRow .imgGruppoDesc {
    width: 100%;
    height: 60vh;
  }
  #gruppoGenerico .descriptionRcsRow .imgGruppoDesc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #gruppoGenerico .otherDescriptionRow .insideRowOtherDesc {
    width: 90%;
  }
  #gruppoGenerico .otherDescriptionRow .insideRowOtherDesc p {
    width: 100%;
    padding: 30px 0;
  }
  #gruppoGenerico .rowdueGruppo .grupDueBlock .insideBlock p {
    max-width: 100%;
  }
  #laStoriaXtn .rowStoriaXtn .testo {
    width: 80%;
  }

  /* PAGINA Portfolio-gen */


  .quadrante.br .quad-content {
    width: 100%;
    margin-left: 0%;
  }
  section#techDiff .tech-wrapper{
        padding-right: 5%;
  }
  section#techDiff{
    min-height: 3500px;
    padding-bottom: 80px;
  }

  section#techDiff .radial-gradient-tech.orange::before,
  section#techDiff .radial-gradient-tech.blue::before {
    width: 80vw;
    height: 50vh;
  }

  section#techDiff .radial-gradient-tech.orange::before {
    left: 70%;
    top: 80%;
  }
  .titoloHybridTacticalPre{
    flex-direction: column;
    gap: 0px;
    align-items: start;
    margin-bottom: 30px;
  }
  .portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ {
    width: 100%;
    min-height: fit-content;
  }
  #portfolioCorporate .terzasezionePortCorpo .portCorpoServicesContainer .boxPortCorpServ {
    width: 100%;
  }
  .primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche .rowAreeCritiche{
    flex-direction: column;
    width: 100%;
    margin-left: 0%;
    gap: 10px;
    padding-bottom: 10px;
  }
  .primasezionePortDifesa .serviziAreeCritiche .containerAreeCritiche .rowAreeCritiche .boxareeCritiche{
    width: 100%;
  }
  .page-template-decision-intelligence #processodecisionPt .rowProcessodecisionPt{
    flex-direction: column;
    gap: 40px;
  }
  .page-template-decision-intelligence #processodecisionPt .rowProcessodecisionPt .testoProcesso {
    width: 100%;
  }
  #laNostraPiattaforma .rowlaNostraPiattaforma .boxSttitoloNostraPiat{
    flex-direction: column;
  }
  #laNostraPiattaforma .rowlaNostraPiattaforma .testonostraPiatta{
    flex-direction: column;
    gap: 25px;
  }
  #laNostraPiattaforma .rowlaNostraPiattaforma .testonostraPiatta .boxTestoPiatta{
    width: 100%;
  }
  #lawDescpt .rowLawDescpt{
    flex-direction: column;
    gap: 25px;
  }
  #lawDescpt .rowLawDescpt .boxLawDescpt{
    width: 100%;
  }
  #lawDescpt.secondlawDescpt{
    padding: 0;
  }
  #saperneDipiuLaw .rowsaperneDipiuLaw{
    flex-direction: column-reverse;
    gap: 20px;
    align-items: start;
  }
  #saperneDipiuLaw .rowsaperneDipiuLaw .boxsaperneDipiuLaw{
    width: 100%;
  }
  #mainUseCyperContent .rowmainUseCyperContent{
    flex-direction: column;
    gap: 50px;
  }
  #mainUseCyperContent .rowmainUseCyperContent .boxmainUseCyperContent{
    width: 100%;
  }
  #mainUseCyperContent .puntiDiForzaMainUse{
    width: 100%;
  }
  #mainUseCyperContent .boxLawPoints.lawPointsWidthMax .lawSinglePoint {
    width: 100%;
  }
  #visionMissionBoxes .rowVisionMissionBoxes .singleBoxVisionMission{
    width: 100%;
  }
  #contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember {
    width: 100%;
  }
  .singleMember .closeSingleMemb {
    top: 160px;
  }
  #contentPagesStatic .consiglioAmministrazione .teamContainer .singleMember .descrizioneMembroTeam{
    padding-top: 240px;
  }
  .contentNewsTemp .loopArticoli article{
    width: 100%;
  }
  .page-template-cy4gate #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block{
    width: 100%;
    margin-right: 0%;
  }
  .page-template-cy4gate #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block img{
        width: 100%;
  }
  .page-template-cy4gate #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block .testo {
    left: 5%;
    top: 120px;
        max-width: 90%;
  }
  .page-template-cy4gate #laStoria .rowDueLaStoriaSecondo .insideRowStoriaDue{
    justify-content: start;
    flex-direction: column;
    align-items: start;
  }
  .page-template-cy4gate #laStoria .rowDueLaStoriaSecondo .insideRowStoriaDue .third-block {
    width: 80%;
  }
  #soluzioniCyberPort{
    flex-direction: column;
    align-items: start;
    gap: 30px;
  }
  .page-template-cybersecurity #soluzioniCyberPort{
    flex-direction: column-reverse;
  }
  .titolosoluzioniCyber{
    max-width: 100%;
  }
  .page-template-cybersecurity_servizi #portfolioDifesa .primasezionePortDifesa{
    padding: 10px 8% 100px;
  }
  .page-template-cybersecurity_progettualita #portfolioDifesa .primasezionePortDifesa .backSecondasezionePortDifesa{
    width: 100%;
  }
  .page-template-cybersecurity_progettualita #portfolioDifesa .primasezionePortDifesa .titoloHybridTactical{
    width: 100%;
  }
  #soluzioneCyberSecurityPort .boxSoluzioneCyberSec2{
    flex-direction: column;
  }
  #soluzioneCyberSecurityPort .boxSoluzioneCyberSec2 .descrizioneSoluzioneCyber {
    width: 100%;
  }
  #soluzioneCyberSecurityPort .boxSoluzioneCyberSec2 .imgdescrizioneCyber {
    width: 100%;
  }
  #architetturadellaSoluzione .containerCardSoluzioneArch .singleCardSoluzioneArch {
    width: 100%;
  }
  .portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ:last-child{
    margin-left: 0;
  }
  #quipoBullet .rowquipoBullet{
    flex-direction: column;
  }
  #quipoBullet .rowquipoBullet .imgquipoBullet{
    width: 100%;
  }
}

@media (max-width: 675px) {
  .blocks-container {
    padding-top: 10px;
  }
  .content-tracker{
    top: 60px;
  }
  .primasezionePortCorpo .portCorpoServicesContainer .boxPortCorpServ{
    width: 100%;
  }
  .portCorpoServicesContainer .boxPortCorpServ:nth-child(even) {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media (max-width: 625px) {
  .under-hero-group {
    flex-direction: column;
  }

  /* PAGINA Portfolio-gen */

  section#gruppoTechs .btn-cy4 {
    margin: 15px auto;
  }

  section#techCTA {
    flex-direction: column;
    align-items: start;
    margin: 70px 5%;
  }
  #techCTA .techCta-desc {
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  #gruppoHome .rowGruppo .testoParagr {
    width: 100%;
    margin-left: 0;
  }
  #mercati .rowmercati {
    padding: 0 20px;
    gap: 20px;
  }
  #mercati h6 {
    padding: 0px 20px;
  }
  #mercati h2 {
    padding: 100px 20px 10px;
  }
  #mercati .rowaziende {
    padding: 100px 20px;
  }
  #mercati .rowmercati .singoloMercato {
    width: 90%;
    padding: 30px;
  }
  #mercati .rowaziende .singleAzienda {
    width: 100%;
  }
  #mercati .rowNews {
    padding: 50px 20px 150px;
  }
  footer .insideFooter {
    padding: 50px 20px 20px 20px;
  }
  footer .insideFooter .footer-top {
    gap: 50px 10px;
  }
  header .navhead .blockRightMenu .btn-cy4 {
    display: none;
  }
  header .searchContainer {
    width: 80%;
    left: -81%;
  }
  #gruppoGenerico .rowdueGruppo .grupDueBlock .insideBlock {
    width: 90%;
    padding: 50px 30px;
  }
  #laStoria .rowUnoLastoria {
    padding: 100px 20px;
  }
  #laStoria .rowDueLaStoria .insideRowStoriaDue .first-block .testo {
    max-width: 80%;
  }
  #laStoria .rowDueLaStoria .third-block .testo2 {
    width: 100%;
  }
  #laStoria .rowDueLaStoria {
    padding-bottom: 100px;
  }
  #laStoriaXtn .rowStoriaXtn .testo {
    width: 100%;
  }

  /* PAGINE MERCATI */

  /* Mercati */
  .mercato-content img {
    width: 100%;
    left: unset;
  }

  /* PAGINE PORTFOLIO */

  /* PAGINA Portfolio-gen */
  .page-template-portfolio #herocy4gate .rowherocy4gate {
    padding: 0 2%;
  }

  .page-template-portfolio .portfolio-hero::before

  section#techDiff .tech-diff-main {
    text-align: center;
  }

  section#techDiff .tech-diff-main h2,
  section#techDiff .tech-diff-main p {
    width: 100%;
    margin: 0 auto;
  }

  section#techDiff .tech-diff-main h2 {
    margin-bottom: 30px;
  }
  .portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ .sectPort1{
    gap: 15px;
  }
  .portCorpoServicesContainer.portCorpoServicesContainerHybrid .boxPortCorpServ .sectPort1 .portCorpoIcona{
    height: 60px;
  }
  .portCorpoServicesContainer .boxPortCorpServ {
    width: 100%;
  }
  .portCorpoServicesContainer .boxPortCorpServ:nth-child(even) {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  #portfolioCorporate .closePortCorpo, #portfolioDifesa .closePortDifesa {
    width: 60px;
    height: 60px;
  }
  #portfolioCorporate .closePortCorpo .testoClosePortCorpo, #portfolioDifesa .closePortDifesa .testoClosePortDifesa{
    font-size: 40px;
    margin-top: -5px;
  }
  .ruoloProgettualita .ruoloProgettualitaInside {
    padding: 8%;
  }
  #portfolioDifesa .primasezionePortDifesa.parteSeconda{
    padding-top: 0;
  }
  .soluzioniHybridTactical {
    width: 100%;
  }
  .page-template-decision-intelligence #processodecisionPt{
    width: 86%;
  }
  .boxSttitoloNostraPiat img {
    width: 50%;
  }
  .page-template-vision-mission #mainUseCyperContent {
    width: 100%;
  }
  #architetturadellaSoluzione .sottotitoloSoluzioneArchit {
    margin: 50px 5%;
  }
  #mainUseCyperContent .rowmainUseCyperContent .boxmainUseCyperContent h5{
    font-size: calc(18px + .7vw);
    line-height: calc(18px + .7vw);
    font-weight: 900;
    text-transform: none;
    color: var(--orange);
  }
  .pointCounterSection{
    left: 5px;
  }
  .pointCounterSection .singoloPoint{
    width: 12px;
    height: 12px;
  }
  /* #preloader .barraGialla{
    height: 60px;
  } */
  #preloader .barraGialla .insidetestoMarquee{
    font-size: 23px;
  }
  #preloader .barraGialla.barraGialla1{
        top: 78%;
  }
  header .navhead .bloccomenu .logo img{
        width: 50px;
  }
}

@media (max-width: 480px) {
  .page-template-mercati section#mercati-list {
    padding: 0 5%;
  }

  .page-template-portfolio section#techDiff .blocks-container {
    width: 100%;
  }
  .soluzione-mercato{
    padding: 0;
  }
}

@media (max-width: 460px) {
  /* PAGINA Mercati */

  .page-template-mercati section#mercati-list {
    padding: 0 5%;
  }

  .page-template-mercati section#mercati-list .mercato-heading {
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
  }

  .mercato-item h4.content-heading {
    text-align: center;
  }

  .page-template-mercati section#mercati-list .mercato-title {
    width: auto;
    align-self: auto;
    margin-top: 50px;
  }

  .page-template-mercati section#mercati-list .mercato-content .btn-cy4 {
    margin: 50px auto 0;
  }

  /* PAGINA Portfolio-gen */
  .quad-content .quad-title {
    width: unset;
  }
}

@media (max-width: 370px) {
  .quad-content .quad-title {
    font-size: 1.2rem;
  }
}