/* =========================================================
   Other Patterns
========================================================= */
/*  Use in about us ────────────────*/
.box-red .title p,
.editor-styles-wrapper .box-red .title p,
.block-editor-block-list__block.box-red .title p {
  font-size: 20px;
}

.box-red ul,
.editor-styles-wrapper .box-red ul,
.block-editor-block-list__block.box-red ul {
  margin-left: 20px !important;
}

.box-red ul li,
.editor-styles-wrapper .box-red ul li,
.block-editor-block-list__block.box-red ul li {
  font-size: 16px;
}

.Arrows,
.editor-styles-wrapper .Arrows,
.block-editor-block-list__block.Arrows {
  position: relative;
}

.Arrows::before,
.editor-styles-wrapper .Arrows::before,
.block-editor-block-list__block.Arrows::before {
  position: absolute;
  content: '';
  top: calc(50% - 60px);
  left: calc(50% - 60px);
  z-index: 1;
  width: 120px;
  height: 120px;
  background-image: url('/wp-content/uploads/2026/04/wifi_protected_setup-150x150.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*  \ Use in about us ────────────────*/



.box-leadership,
.editor-styles-wrapper .box-leadership,
.block-editor-block-list__block.box-leadership {
  position: relative;
  display: flex;
  align-items: flex-end;
  aspect-ratio: 304 / 368;
  min-height: 0;
  overflow: hidden;
  padding: 24px;
  border-radius: 10px;
  background-position: center !important;
  background-size: cover !important;
}

.box-leadership::before,
.editor-styles-wrapper .box-leadership::before,
.block-editor-block-list__block.box-leadership::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  z-index: 2;
}

.box-leadership > *,
.editor-styles-wrapper .box-leadership > *,
.block-editor-block-list__block.box-leadership > * {
  position: relative;
  z-index: 3;
}

.box-leadership .wp-block-group,
.box-leadership .wp-block-cover__inner-container,
.editor-styles-wrapper .box-leadership .wp-block-group,
.editor-styles-wrapper .box-leadership .wp-block-cover__inner-container,
.block-editor-block-list__block.box-leadership .wp-block-group,
.block-editor-block-list__block.box-leadership .wp-block-cover__inner-container {
  display: flex;
  width: 100% !important;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--color-white, #fff);
}

.box-leadership p,
.box-leadership a,
.editor-styles-wrapper .box-leadership p,
.editor-styles-wrapper .box-leadership a,
.block-editor-block-list__block.box-leadership p,
.block-editor-block-list__block.box-leadership a {
  color: var(--color-white, #fff) !important;
  margin-bottom: 0;
}

.box-leadership p:first-child,
.editor-styles-wrapper .box-leadership p:first-child,
.block-editor-block-list__block.box-leadership p:first-child {
  font-family: var(--font-family-barlow-condensed, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
}

.box-leadership p:nth-child(2),
.editor-styles-wrapper .box-leadership p:nth-child(2),
.block-editor-block-list__block.box-leadership p:nth-child(2) {
  font-size: 13px;
  line-height: 1.2;
}

.box-leadership .btn-arrow,
.editor-styles-wrapper .box-leadership .btn-arrow,
.block-editor-block-list__block.box-leadership .btn-arrow {
  margin-top: 26px !important;
}

.box-leadership .btn-arrow a,
.editor-styles-wrapper .box-leadership .btn-arrow a,
.block-editor-block-list__block.box-leadership .btn-arrow a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 136px;
  min-height: 36px;
  margin-top: 0;
  padding: 0 18px;
  border-radius: 5px;
  background: var(--color-primary, #ed2f4a);
  color: var(--color-white, #fff) !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}



/*  btn  ──────────────────────────────────*/
.btn-arrow,
.editor-styles-wrapper .btn-arrow {
  display: flex !important;
  margin-top: 20px !important;

}

.btn-arrow a,
.wp-block.btn-arrow>div>div {
  display: flex !important;
  margin-top: 20px;
  align-items: center;
  flex-direction: row !important;
}

.btn-arrow a img,
.editor-styles-wrapper .btn-arrow a img,
.editor-styles-wrapper .btn-arrow img {
  width: 20px;
  margin-left: 10px !important;
}


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

  .box-red2,
  .editor-styles-wrapper .box-red2,
  .block-editor-block-list__block.box-red2,
  .box-red2 > div,
  .editor-styles-wrapper .box-red2 > div,
  .block-editor-block-list__block.box-red2 > div {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .Arrows::before,
  .editor-styles-wrapper .Arrows::before,
  .block-editor-block-list__block.Arrows::before {
    display: none;
  }
}