.nowrap {
  white-space:nowrap;
}
/*Homepage grid*/
#et-boc .et-l .home-grid .et_pb_code_inner .cards-grid {
  margin-top:25px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  justify-items: center;
  gap:20px;
  @media only screen and (max-width:650px) {
    grid-template-columns: 1fr;
 
  }
  .single-card:hover {
    cursor:pointer;
  }
  .single-card {
    transition:all ease 300ms;
    background-size: cover;
    background-position: center;
    position:relative;
    border-radius:25px;
    overflow:hidden;
    max-height:350px;
    height: 350px;
    width:100%;
    box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
    @media only screen and (max-width:650px) {
      height: 300px;
    }
    & a {
      position: relative;
      display:flex;
      flex-wrap:wrap;
      justify-content: center;
      height: 100%;
      padding-top:20px;
    }
    h3.card-title {
      margin: 0;
      white-space: normal;
      font-size: 2.5em;
      line-height: 1 !important;
      font-style:italic;
      padding:0 5px;
      text-align:center;
      flex-basis: 100%;
      z-index:9;
    }
  }
  .card-excerpt {
    text-align: center;
      padding: 15px 25px;
      color: white;
      line-height: 1.4;
      font-weight: 500;
      font-size: 20px;
      max-width: 85%;
      z-index:9;
  }
  .single-card:nth-child(1) {
    background-image: linear-gradient(150deg, #e50021 42%, #f79121 100%)!important;
    .card-image {
      max-width:88%;
    }
    & a {
      align-content: flex-start;
    }

  }
  .single-card:nth-child(2) {
    background: linear-gradient(127deg, #f79121 0%, #e50021 23%)!important;
    .card-image {
      max-width:88%;
    }
    & a {
      align-content: flex-start;
    }
  }
  .single-card:nth-child(3) {
    background-image: linear-gradient(150deg, #e50021 42%, #340606 100%)!important;
    .card-image {
      max-width:88%;
    }
  }
  .single-card:nth-child(4) {
    background-image: linear-gradient(308deg, #e50021 42%, #340606 100%)!important;
    .card-image {
      max-width:88%;
    }
  }
  .single-card:nth-child(5) {
    grid-column: 1 / 3;
    & a {
      align-content: center;
    }
    .card-image {
      max-width:88%; 
    }
    @media only screen and (max-width:650px) {
      grid-column: 1 / 1;
    }
  }
  .single-card:nth-child(5) a::after {
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background-image: linear-gradient(10deg, #e50021eb 0%, #340606d9 50%, #e50021c7 100%)!important;
    z-index:1;
  }
  .single-card:nth-child(6) {
    background-position: left top!important;
    & a{
      align-content: center;
      align-items: center;
    }
  }
  .single-card:nth-child(6) a::after{
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background-image: linear-gradient(-35deg, #e50021f0 0%, #340606cf 80%, #e5002187 100%) !important;
        z-index: 1;
  }
  .single-card:nth-child(7) {
    & a {
    align-content: center;
    align-items: center;
  }
   & h3.card-title {
    width: 400px;
    white-space: normal;
    line-height: 1 !important;
}
  }
  .single-card:nth-child(7) a::after {
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background-image: linear-gradient(-10deg, #e50021eb 0%, #340606d9 50%, #e50021c7 100%)!important;
    z-index:1;
  }
}

.single-card a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.card-image img {
  width: 100%;
  height: auto;
  display: block;
}

/*Solutions grid*/

.bottom-tabs .et_pb_text_inner h1, .solutions-template-default .et_pb_module_heading {
  @media only screen and (max-width:580px) {
    font-size: 190%!important;
  }
}

.et-l .solutions-grid .et_pb_code_inner .cards-grid {
  margin-top:25px;
  display:flex;
  justify-content: center;
  gap:20px;
  @media only screen and (max-width:1100px) {
   flex-wrap:wrap;
  }
  .single-card:hover {
    cursor:pointer;
  }
  .single-card {
    transition:all ease 300ms;
    background-size: cover;
    background-position: center;
    position:relative;
    border-radius:25px;
    overflow:hidden;
    max-height:350px;
    max-width: 500px;
    flex-basis: 33%;
    height: 350px;
    box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
    @media only screen and (max-width:1200px) {
      height: 300px;
      flex-basis: calc(50% - 10px);
    }
    @media only screen and (max-width:768px) {
      flex-basis: 100%;
    }
    .card-image {
      display:flex;
      justify-content: center;
      & img {
        max-width:88%;
      }
    }
    & a {
      position: relative;
      display:flex;
      flex-wrap:wrap;
      justify-content: center;
      height: 100%;
      padding-top:20px;
    }
    h3.card-title {
      margin: 0;
      white-space: normal;
      font-size: 2.5em;
      font-style:italic;
      padding:0 5px;
      line-height: 1 !important;
      text-align:center;
      flex-basis: 100%;
      z-index:9;
    }
  }
  .single-card:nth-child(1) a::after, .single-card:nth-child(2) a::after, .single-card:nth-child(3) a::after {
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background-image: linear-gradient(150deg, #e50021bb 32%, #58000dcf 90%)!important;
    z-index:1;
  }
  .single-card:nth-child(2) a::after{
    background: linear-gradient(127deg, #58000dcf 0%, #e50021bb 50%)!important;
  }
  .card-excerpt {
    text-align: center;
      padding: 15px 25px;
      color: white;
      line-height: 1.4;
      font-weight: 500;
      font-size: 20px;
      max-width: 85%;
      z-index:9;
  }
  .card-image {
    z-index: 8;
  }
}

.single-card a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.card-image img {
  width: 100%;
  height: auto;
  display: block;
}
.icon-row img {
  max-width: 105px;
}
/*Jobs Grid*/

.jobs-listing {
  display:flex;
  gap:25px;
  flex-wrap:wrap;
  justify-content: flex-start;
  margin: 0 15px 0 8px;
  @media only screen and (max-width:1300px) {
    margin: 0;
  }
  @media only screen and (max-width:900px) {
    flex-wrap:wrap;
  }
    .job-item {
      position:relative;
      overflow: hidden;
      background:white;
      padding:25px;
      border-radius: 15px;
      flex-basis: calc(33% - 15px);
    
      @media only screen and (max-width:1300px) {
        flex-basis: calc(50% - 25px);
      }
      @media only screen and (max-width:768px) {
        flex-basis: 100%;
      }
      & a {
        color:transparent;
        width:100%;
        height:100%;
        top:0;
        left:0;
        position:absolute;
      }
      & a:hover {
        cursor:pointer;
      }
      & h2 {
        color: #e50021;
        font-size: 150%;
      }
      .job-location {
        color: #e50021;
        border-bottom:1px solid #e50021;
        font-weight: 900;
        width: fit-content;
      }
      .job-description {
        padding-top: 15px;
        font-size: 85%;
        line-height: 1.7;
      }
    }
    .job-item:hover { cursor:pointer;}
}
.first-job-listing {
  .jobs-listing {
    margin:0;
    flex-wrap:nowrap;
    @media only screen and (max-width:768px) {
      flex-wrap:wrap;
    }
  }
  
  .job-item {
    flex-basis: calc(50% - 25px);
    @media only screen and (max-width:1299px) {
      flex-basis: calc(50% - 25px);
    }
    @media only screen and (max-width:768px) {
      flex-basis: 100%;
    }
  }
}






/*Header Sticky*/


.reveal-hdr, .hdr-bot {
  opacity:0;
 }
header.et-l--header {
  z-index: 9999!important;
	transition:opacity 350ms ease;
  will-change:opacity;
  position:fixed;
  top:0;
  width:100vw;
}
.hdr-top {
	opacity:1!important;
}
.menu-item-1941 .sub-menu {
  width: 345px !important;
    & li {
      width:100%!important;
      & a {
        white-space:nowrap;
        width:100%!important;
        }
    }
    
    

}

/* Global */

.bottom-tabs {
	border-radius:0 0 50px 50px!important;
	overflow:hidden;
	@media only screen and (max-width:500px) {
		border-radius:0 0 25px 25px!important;
	}
}
#testimonial {
  border-radius: 0 0 50px 50px;
  overflow: hidden;
}
.et_pb_code_inner:has(> #testimonial) {
  background:#393939;
}

.about-row {
  flex-wrap:wrap;
    display:flex;
    justify-content: center!important;
    padding:0!important;
  .et_pb_column {
    border-radius:30px;
    width:300px!important;
    background-size:cover;
    background-position: center top;
    overflow:hidden;
    flex-shrink: 0;
    flex-grow:0;
    padding:0!important;
    margin:5px!important;
  
  }
  .et_pb_column::after {
       content: '';
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(0,0,0,.6) -20%, rgba(0,0,0,0) 60%);
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        z-index: 1;
  }
}
@media only screen and (max-width:1280px){
  .about-row.et_pb_row { 
     width:820px!important;
     max-width: 820px!important;
  }
}
@media only screen and (max-width:980px){
  .et_pb_gutters1.about-row.et_pb_row { 
     width:820px!important;
     max-width: 820px!important;
     .et_pb_column { 
      margin: 5px !important;
    
    }
  }
}
@media only screen and (max-width:380px){
  .about-row.et_pb_row { 
     width:100%!important;
     max-width: 100%!important;
     .et_pb_column { 
      width:290px!important;
    }
  }
}
#people {
  z-index: 6;
  border-radius:30px;
  height:250px;
  & h1 {
    font-size:2.1em;
    color: white;
    position: absolute;
    top: 0;
    left: -1px;
  }
  & a {
    text-transform: capitalize;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    border-bottom: 2px solid white;
    padding: 0 2px;
    font-weight: 900 !important;
  }
  & a:hover { 
    color:#e50021;
    border-color: #e50021;
  }
  .gmv-member {
    position:absolute;
    top:0;
    right:-1.2em;
    font-size:14px;
    max-width: 100px;
    line-height: 1.1 !important;
    font-weight:900 !important;
  }
  .gmv-member::before { 
    content: '/';
    font-size: 420%;
    position: absolute;
    left: -.6em;
    top: -.17em;

  }
  .member-body {
    position: absolute;
    left: 0;
    top: 50%;
    translate: 0 -35%;
  }
}
.bio-text {
  z-index: 3;
  pointer-events: none;
  padding:40px 25px 15px;
  height:100%;
  width:100%;
  .et_pb_text_inner {
    height:100%;
  width:100%;
  }
  & h1 {
    color:white;
    font-size:2em!important;
  }
  & h2 {
    color:white;
    font-size:1em!important;
    font-weight:400;
    position: absolute;
    bottom:0;
    text-shadow:0 0 10px rgba(0,0,0,.5);
  }
}
.et_hover_enabled {
.et_pb_text_inner {
  height:100%;
  width:100%;
}

}

/*ABOUT*/



/*Cards section*/
.cards {
  width:100vw;
  margin:0;
  display:flex;
  overflow:visible;
  
}
.cards .et_pb_column {
  width:300px!important;
  height:550px!important;
  border-radius:30px;
  padding:25px 40px 150px;
  margin:0;
  overflow:hidden;
  flex-shrink:0;
  & p {
    color:white;
  }
}
.cards::after { 
  content: '';
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(229, 0, 33, 1) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  mix-blend-mode:overlay;
}


.et_pb_section_1.video-section{
  padding-top:280px!important;
}





/*Video Section Suite*/

/*Suite page*/

.video-section { min-height:120vh;}



.video-row::after {
  content: '';
  height: 100% !important;
  width: 100% !important;
  visibility: visible !important;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgb(0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0) 75%, rgb(0, 0, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.video-row::before {
  content: '';
  height: 100%;
  width: 100%;
  background: black;
  position: absolute;
  left: 0;
  mix-blend-mode: overlay;
  top: 0;
  z-index: 1;
}
.video-row {
.video-row-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px 0 75px;
  gap: 3em;
  z-index: 999;
  position: relative;

  .et_pb_text {
    display: flex;
    flex-basis: 100%;
    height: 100%;
    justify-content: center;
  }
   .et_pb_text_2{
    flex-basis: 45%!important;
  }
   .et_pb_text_3 {
    flex-basis: 45%!important;
    translate:-25% 0;
  }

  & p {
    color: white;
    display: inline-block !important;
    font-weight: 900 !important;
    margin: 0 3em;
    white-space:nowrap;
    border-radius: 2px;
    padding: 0px 15px 1px !important;
    background: linear-gradient(-90deg, rgba(229, 0, 33, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background-size: 102%;
    background-position: -5px;
    border: solid 5px transparent;
    animation: bg-spin 2s linear infinite;
    will-change: background, background-position;
    transition: background 400ms ease, background-position 10ms ease;
    pointer-events: none;
  }
  

  }
  @media only screen and (max-width:960px){
    margin-top:-20px!important;
    
    .video-row-text {
      gap:unset;
      padding-top:0;

      .et_pb_text_2, .et_pb_text_3 {
        translate:0;
         
       }
    }
    

  }

}
.video-row .et_pb_section_video_bg {
  display: flex;
  align-items: center;
}

.border-hover:hover {
  --border-angle: 0turn;
  --main-bg: conic-gradient(from var(--border-angle),
      #000,
      #000 5%,
      #000 60%,
      #000 95%);
  border: solid 5px transparent;
  border-radius: 2px;
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, rgba(255, 255, 255, .5), #E50021 100%, transparent);
  background:
    var(--main-bg) padding-box,
    var(--gradient-border) border-box,
    var(--main-bg) border-box;
  background-position: center center;

}

@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}

/*Video Section Suite*/
.Icon-row.et_pb_row {
  display:flex;
  margin:0 auto;
  width:100%;
  gap:15px;
  padding:0 60px;
  justify-content: center;
  @media only screen and (max-width:980px){
    justify-content: flex-start;
    gap:30px;
    translate:25px 0;
    }
  @media only screen and (max-width:680px){
      justify-content: center;
      align-items:center;
      margin:0 auto!important;
      padding:0 10px!important;
      width: 500px !important;
    translate:0;
    }
  .et_pb_column {
    display:flex;
    gap:15px;
    @media only screen and (max-width:980px){
      justify-content: flex-start;
      align-items:center;
      margin:0!important;
      }
      @media only screen and (max-width:480px){
        justify-content: center;
        align-items:center;
        margin:0!important;
        }
  
    }
    .et_pb_column:nth-child(3) {
      margin-left: -25px;
      @media only screen and (max-width:980px){
        margin-left: 0;
        }
    
      }

}
@media only screen and (max-width:980px){

  .Icon-row.et_pb_row:after {
    display:none;
    }



  }




/* form styles */

span .wpcf7-not-valid {
	border: 2px solid #000000 !important;
}
.wpcf7-spinner{position:absolute;}
.wpcf7-not-valid-tip {display:none!important;}
.wpcf7-response-output{
  background:transparent!important;
    border:none!important;
    color:rgb(0, 0, 0);
    width:95%;
    text-align:center!important;
    margin-top:.5em!important;
    animation: hideresp 1.5s forwards; 
    animation-iteration-count: 1;
    
  }
  @keyframes hideresp {
    90% { opacity:1; }
    100% { opacity:0; }
  }
  .contact-form {
	  & input, & textarea, & input[type=text], & input[type="number"] {
      background: transparent!important;
      border-radius:50px;
      border:1px solid rgb(0, 0, 0)!important;
      width:100%;
      height:4em;
      resize: none;
      text-indent:15px;
    }
    & textarea { 
      padding-top: 18px;
      border-radius: 30px;
      height:8em;
          }
    
    & input[type=text]:focus, & textarea:focus, & input[type=email]:focus, & input[type="number"]:focus {
      background:#fff!important;
      box-shadow: 0 0 0 3px rgba(202, 0, 0, 1), 0 0 0 5px rgba(255,255,255,1)!important;
      transition: all 330ms ease-in 0s!important;
    }
    & input[type=text]:focus::placeholder, & textarea:focus::placeholder, & input[type=email]:focus::placeholder, & input[type="number"]:focus::placeholder { 
      color:#E50021;
    }
    ::placeholder {
      color:#000;
    }
    & button[type="submit"] {
      translate:0 -8px;
    }
  }


button.arrow-cta {
  border:none;
  box-shadow:none!important;
  border:1px solid rgb(0, 0, 0)!important;
  border-radius:25px;
  align-items: center;
  display:flex;
  justify-content:space-between;
  width:100%;
  font-size:100%;
  padding: 10px 15px 9px 20px;
  background: linear-gradient(-90deg, rgba(202, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 100%);
  background-size: 300%;
  background-position: 100% 100%;
}

.arrow-cta::after {
  content: url('/wp-content/uploads/2024/05/icon_arrow_r_long.svg');
  display: inline-block;
  translate: 12px 15%;
  scale: .85;
  transform-origin: left center;
  transition: scale 500ms ease;
  will-change: scale;
}
@media only screen and (max-width:430px) {
  .arrow-cta::after {
    margin-left: -3.5em;
    clip-path: polygon(100% 0, 100% 100%, 70% 100%, 70% 0);

  }
}

.arrow-cta, .gradienthoverbtn {
  background: linear-gradient(-90deg, rgba(229, 0, 33, 1) 30%, rgba(0, 0, 0, 1) 100%);
  background-size: 300%;
  background-position: 100% 100%;
  color: white!important;
  white-space:nowrap;
  position:relative;
  padding: 10px 15px 12px 20px;
  border-radius: 8px;
  font-weight: 600;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
  transition: all 550ms ease!important;
  will-change: background-position;
}
.gradienthoverbtn {
  padding: 10px 23px 13px;
}

.arrow-cta:hover, .gradienthoverbtn:hover {
  background-position: 10% 10%;
  cursor:pointer;
}

/*
========== 
Typography
==========
*/
.title-underlined {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(229, 0, 33, 0) 50%, #e50021 50%);
display:inline-block;
padding:0 15px;
}
.logo-gradient {
  background: linear-gradient(-180deg,rgb(255, 255, 255) 50%, rgb(255, 175, 175) 75%, rgb(255, 124, 124) 90%)!important;
      background-size: 150% 100%!important;
      -webkit-background-clip: text!important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent!important;
      white-space:nowrap;
  }
@font-face {
  font-family: Accord;
  src: url('/wp-content/themes/Divi-Child-Commune/fonts/AccordAlternate-Regular.woff2'),
    url('/wp-content/themes/Divi-Child-Commune/fonts/AccordAlternate-Regular.woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Accord;
  src: url('/wp-content/themes/Divi-Child-Commune/fonts/AccordAlternate-ExtraBold.woff2'),
    url('/wp-content/themes/Divi-Child-Commune/fonts/AccordAlternate-ExtraBold.woff');
  font-weight: 700;
  font-style: normal;
}

html {
  font-size: 1.1em;
}

body,
h1,
h2,
h3,
p,
a,
ul,
ol,
li {
  font-family: 'Accord' !important;
}

h1,
h2,
h3 {
  line-height: 1.2 !important;
}

h1,
h2 {
  font-weight: 700;
}

p,
p a {
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.gradient-text {
  background: linear-gradient(5deg, rgba(0, 0, 0, 1) 0%, rgba(229, 0, 33, 1)50%) !important;
  background-size: 150% 100% !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.gradient-text-alt2, .dynamic-gradient .et_pb_text_inner {
  background: linear-gradient(-200deg, rgba(0, 0, 0, 1) 0%, rgba(229, 0, 33, 1)80%) !important;
  background-size: 150% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.gradient-text-alt {
  background: linear-gradient(156deg, rgba(255, 255, 255, 1) 30%, rgba(140, 140, 140, 1) 80%) !important;
  background-size: 100% 100% !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.highlight-text {
  background: linear-gradient(0deg, rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, 0) 40%) !important;
}

/* Hide image titles on hover */
img {
  pointer-events: none;
}

#post-758 > div > div > div > div.et_pb_section.et_pb_section_3.video-section.et_pb_with_background.et_section_regular > div > div > div.et_pb_module.et_pb_image.et_pb_image_0 {
  position:absolute;
  bottom:0;
  left:0;
  width:100vw;
}


/*========== 
Cancel Divi JS Inject
==========*/
.rev .et_pb_module_inner {
  margin-top: -220px;

  @media only screen and (max-width:778px) {
    margin-top: -100px;
  }
}
#menu-primary-menu {
  gap:16px;
}
.nav ul li a:hover {
	 background-color: #e50021!important;
  color:#fff!important;
  -webkit-text-fill-color: #fff;
  opacity:1!important;
}
.nav ul li a {
  transition: none !important;
}
/*Mobile Menu*/
@media only screen and (max-width:480px) {
  ul.sub-menu li a {
    font-size: 95%!important;
    width:unset!important;
  }
}
.et_mobile_menu {
  max-height: 459px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-radius: 20px;
  padding: 10px 16px !important;
}
.menu-item-has-children.menu-item-1941 li:last-child a {
  border-bottom:none!important;
}
.mobile-open {
  overflow: hidden!important;
}
.et_mobile_menu .menu-item-has-children>a {
	user-select:none;
	pointer-events:none;
	color:#3d3d3d!important;
	-webkit-text-fill-color:#e50021!important;
	background:transparent!important;
	    font-style: italic;
	background-color:transparent!important;
}
.et_mobile_menu li a:hover, .nav ul li a {
  border-radius:4px;
  transition:all 350ms ease;
}
.et_pb_menu .et-menu-nav>ul ul {
  border-radius:9px!important;
  border:none!important;
  box-shadow:0 0 10px rgba(0,0,0,.15);
}
.et_mobile_menu li a:hover {
  background-color: transparent!important;
  color:#000!important;
  -webkit-text-fill-color: #000;
  opacity:1!important;
}

.et_mobile_menu {
	translate:0 8px;
}
/*global outlines*/
.sync-multi-outline img, .sync-multi-outline{
  -webkit-mask-image: url('/wp-content/uploads/svgs/c-outline.svg');
mask-image: url('/wp-content/uploads/svgs/c-outline.svg');
-webkit-mask-size: 100% 100%;
mask-size: 100%;
-webkit-mask-position: center;
mask-position: center;
}
.sync-outline {
  -webkit-mask-image: url('/wp-content/uploads/2024/05/sync1.svg');
     mask-image: url('/wp-content/uploads/2024/05/sync1.svg');
     -webkit-mask-size: 100% 100%;
     mask-size: 100%;
 -webkit-mask-position: center;
   mask-position: center;
 }
 .suite-outline {
  -webkit-mask-image: url('/wp-content/uploads/2024/05/outlines-suite.svg');
     mask-image: url('/wp-content/uploads/2024/05/outlines-suite.svg');
     -webkit-mask-size: 100% 100%;
     mask-size: 100%;
 -webkit-mask-position: center;
   mask-position: center;
 }
 .signs-outline {
  -webkit-mask-image: url('/wp-content/uploads/2024/05/sign2.svg');
     mask-image: url('/wp-content/uploads/2024/05/sign2.svg');
     -webkit-mask-size: 100% 100%;
     mask-size: 100%;
 -webkit-mask-position: center;
   mask-position: center;
 }