.elementor-widget ul.page-numbers,
ul.page-numbers {
  display: flex;
  width: 100%;
  list-style: none;
  padding-top: 40px;
  margin-top: 70px;
  justify-content: flex-start; }
  .elementor-widget ul.page-numbers li,
  ul.page-numbers li {
    margin: 0; }
    .elementor-widget ul.page-numbers li .page-numbers,
    ul.page-numbers li .page-numbers {
      display: inline-block;
      padding: 12px 20px;
      text-decoration: none;
      background-color: transparent;
      border: 0;
      font-family: var(--secondary_font_family);
      transition: all 0.3s;
      font-weight: 700;
      line-height: 22px;
      font-size: 16px;
      color: var(--secondary_color); }
      .elementor-widget ul.page-numbers li .page-numbers:hover, .elementor-widget ul.page-numbers li .page-numbers.current,
      ul.page-numbers li .page-numbers:hover,
      ul.page-numbers li .page-numbers.current {
        background-color: var(--primary_color);
        border-color: transparent;
        color: #FFFFFF; }
      .elementor-widget ul.page-numbers li .page-numbers.dots,
      ul.page-numbers li .page-numbers.dots {
        background-color: transparent; }

body .portfolio-panel-wrap {
  display: flex;
  flex-wrap: wrap; }
  body .portfolio-panel-wrap .portfolio-item {
    display: block;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    min-height: 400px; }
    body .portfolio-panel-wrap .portfolio-item:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transition: all 0.3s;
      background: linear-gradient(0deg, rgba(26, 26, 26, 0.5), rgba(26, 26, 26, 0.5)); }
    body .portfolio-panel-wrap .portfolio-item .portfolio-content-info {
      position: absolute;
      bottom: -20px;
      text-align: center;
      padding: 100px 50px;
      transition: all 0.2s;
      z-index: 2;
      visibility: hidden;
      opacity: 0; }
      body .portfolio-panel-wrap .portfolio-item .portfolio-content-info .portfolio-title {
        display: block;
        font-family: var(--secondary_font_family);
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 54px;
        letter-spacing: -0.03em;
        margin-bottom: 15px;
        color: #FFFFFF; }
      body .portfolio-panel-wrap .portfolio-item .portfolio-content-info .portfolio-terms {
        display: block;
        font-family: var(--body_font_family);
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        color: #FFFFFF; }
    body .portfolio-panel-wrap .portfolio-item:hover:after {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 100%); }
    body .portfolio-panel-wrap .portfolio-item:hover .portfolio-content-info {
      bottom: 0;
      visibility: visible;
      opacity: 1; }
  body .portfolio-panel-wrap.column-grid-4 .portfolio-item {
    width: 25%; }
  body .portfolio-panel-wrap.column-grid-3 .portfolio-item {
    width: 33.333333%; }
  body .portfolio-panel-wrap.column-grid-2 .portfolio-item {
    width: 50%; }

body .portfolio-panel.fit-to-screen {
  overflow: hidden;
  height: 100vh; }
  body .portfolio-panel.fit-to-screen .portfolio-panel-wrap {
    height: 100vh; }
    body .portfolio-panel.fit-to-screen .portfolio-panel-wrap .portfolio-item {
      height: 100vh; }

@media (max-width: 1280px) {
  body .elementor-section-full_width .portfolio-panel-wrap .portfolio-item {
    width: 33.333333%; } }

@media (max-width: 1024px) {
  body .elementor-section-full_width .portfolio-panel-wrap .portfolio-item,
  body .elementor-section-boxed .portfolio-panel-wrap .portfolio-item {
    height: auto;
    width: 33.333333%; }
    body .elementor-section-full_width .portfolio-panel-wrap .portfolio-item .portfolio-content-info,
    body .elementor-section-boxed .portfolio-panel-wrap .portfolio-item .portfolio-content-info {
      padding: 100px 30px; }
      body .elementor-section-full_width .portfolio-panel-wrap .portfolio-item .portfolio-content-info .portfolio-title,
      body .elementor-section-boxed .portfolio-panel-wrap .portfolio-item .portfolio-content-info .portfolio-title {
        font-size: 36px;
        line-height: 42px; }
      body .elementor-section-full_width .portfolio-panel-wrap .portfolio-item .portfolio-content-info .portfolio-terms,
      body .elementor-section-boxed .portfolio-panel-wrap .portfolio-item .portfolio-content-info .portfolio-terms {
        font-size: 16px;
        line-height: 24px; }
  body .elementor-section-boxed .portfolio-panel-wrap .portfolio-item {
    width: 50%; } }

@media (max-width: 767px) {
  body .elementor-section-full_width .portfolio-panel-wrap .portfolio-item,
  body .elementor-section-boxed .portfolio-panel-wrap .portfolio-item {
    width: 100%; }
    body .elementor-section-full_width .portfolio-panel-wrap .portfolio-item .portfolio-content-info,
    body .elementor-section-boxed .portfolio-panel-wrap .portfolio-item .portfolio-content-info {
      width: 100%;
      padding: 100px 20px; }
  body .elementor-section-full_width .portfolio-panel.fit-to-screen,
  body .elementor-section-boxed .portfolio-panel.fit-to-screen {
    overflow: auto;
    height: auto; }
    body .elementor-section-full_width .portfolio-panel.fit-to-screen .portfolio-panel-wrap,
    body .elementor-section-boxed .portfolio-panel.fit-to-screen .portfolio-panel-wrap {
      height: auto; }
      body .elementor-section-full_width .portfolio-panel.fit-to-screen .portfolio-panel-wrap .portfolio-item,
      body .elementor-section-boxed .portfolio-panel.fit-to-screen .portfolio-panel-wrap .portfolio-item {
        height: auto; } }