.elementor-1009 .elementor-element.elementor-element-8c34afa:not(.elementor-motion-effects-element-type-background), .elementor-1009 .elementor-element.elementor-element-8c34afa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://youthful-swirles.194-164-91-114.plesk.page/wp-content/uploads/2024/08/portfolio-hero.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1009 .elementor-element.elementor-element-8c34afa > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(63deg, #000428 38%, #012A4D 53%);opacity:0.67;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1009 .elementor-element.elementor-element-8c34afa > .elementor-container{min-height:90vh;}.elementor-1009 .elementor-element.elementor-element-8c34afa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-1009 .elementor-element.elementor-element-4b2d1bf > .elementor-element-populated{padding:0px 0px 100px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1009 .elementor-element.elementor-element-ad45560{text-align:left;}.elementor-1009 .elementor-element.elementor-element-ad45560 .elementor-heading-title{font-family:"Helvetica Nue", Sans-serif;font-size:46px;font-weight:400;color:#FFFFFF;}.elementor-1009 .elementor-element.elementor-element-09fdcbc{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1009 .elementor-element.elementor-element-d60a10f{--divider-border-style:solid;--divider-color:#7B7B7F;--divider-border-width:10px;}.elementor-1009 .elementor-element.elementor-element-d60a10f .elementor-divider-separator{width:100%;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1009 .elementor-element.elementor-element-91907c4 > .elementor-widget-container{margin:0px 0px 0px 0px;}body:not(.rtl) .elementor-1009 .elementor-element.elementor-element-91907c4{left:0px;}body.rtl .elementor-1009 .elementor-element.elementor-element-91907c4{right:0px;}.elementor-1009 .elementor-element.elementor-element-91907c4{bottom:100px;z-index:1;--lottie-container-width:3%;--lottie-container-max-width:7%;}.elementor-1009 .elementor-element.elementor-element-6bb3cf8:not(.elementor-motion-effects-element-type-background), .elementor-1009 .elementor-element.elementor-element-6bb3cf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#66666A;}.elementor-1009 .elementor-element.elementor-element-6bb3cf8 > .elementor-container{max-width:1600px;}.elementor-1009 .elementor-element.elementor-element-6bb3cf8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:030px 50px 20px 50px;}.elementor-1009 .elementor-element.elementor-element-6bb3cf8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1009 .elementor-element.elementor-element-42354b9{text-align:center;font-family:"Helvetica Nue", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1009 .elementor-element.elementor-element-ea981a9{padding:50px 50px 50px 50px;}@media(max-width:767px){.elementor-1009 .elementor-element.elementor-element-6bb3cf8{padding:25px 25px 25px 25px;}}@media(min-width:768px){.elementor-1009 .elementor-element.elementor-element-4b2d1bf{width:60%;}.elementor-1009 .elementor-element.elementor-element-0600df6{width:40%;}}/* Start custom CSS *//* Basic styling for the layout */
.container {
  display: flex;
  margin: 20px;
  flex-direction: column;
}

.search-bar {
  margin-bottom: 20px;
  display: none;
  border: 1px solid grey;
  justify-content: center;
}

.search-bar input[type="text"] {
  width: 80%;
  padding: 10px;
  border: none;
  border-radius: 4px;
}

/* Styling for the new two-columns div */
.two-columns {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}

.column {
  width: 50%;
  padding: 10px 10px 0 0;
}

.filter-and-content {
  display: flex;
  width: 100%;
  gap: 20px;
}

.filters {
  width: 20%;
  padding-right: 20px;
  font-size: 16px;
  color: #767676;
  font-family: "Helvetica Nue", Sans-serif;
  font-weight: 400;
}

.form-line {
  border-bottom: 1px solid #D6D6D6;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 0;
}

.filters h3 {
  margin-top: 0 !important;
  color: #767676 !important;
  font-family: "Helvetica Nue", Sans-serif !important;
  font-weight: 400 !important;
}

.controls {
  display: flex;
  justify-content: space-between;
  align-items: right;
  margin-bottom: 10px;
}

.show-all {
  background: none;
  font-size: 14px;
  border: none;
  color: grey;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  padding: 0;
}

.show-all:hover,
.show-all:focus,
.show-all:active {
  background: none;
  border: none;
  color: black;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  padding: 0;
}

button.link-style:hover {
  color: black;
}

.showing-count {
  font-size: 14px;
  color: #555;
}

.content {
  width: 80%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.content-item {
  padding: none;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.5s ease, transform 0.5s ease;
  background-color: white;
}

.content-item.visible {
  opacity: 1;
  transform: scale(1);
}

.hidden {
  display: none;
}

/* Responsive styling for different screen sizes */

/* Large screens (4 columns) */
@media screen and (min-width: 1281px) {
  .content {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Medium screens, laptops (3 columns) */
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .content {
    grid-template-columns: repeat(3, 1fr);
  }

  .filters {
    width: 35%; /* Make filter column 15% larger */
  }

  .filter-and-content {
    flex-direction: row; /* Keep filters on the left */
  }
}

/* Tablets (2 columns and filters above) */
@media screen and (max-width: 1024px) {
  .content {
    grid-template-columns: repeat(2, 1fr);
  }

  .filter-and-content {
    flex-direction: column;
  }

  .filters {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* Small tablets and mobile phones (1 column and filters above) */
@media screen and (max-width: 768px) {
  .content {
    grid-template-columns: 1fr;
  }

  .filter-and-content {
    flex-direction: column;
  }

  .filters {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* Hide only the checkboxes that are styled as buttons */
input[type="checkbox"].btn-checkbox {
  display: none;
}

/* Label as a button */
.checkbox-btn {
  width: 45%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 20px 10px 20px;
  background-color: white;
  border: 1px solid grey;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
  margin-right: 10px; /* Space between buttons */
  margin-bottom: 10px; /* Space under the buttons */
}

/* Hover state */
.checkbox-btn:hover {
  background-color: lightgrey;
}

/* Checked state */
input[type="checkbox"].btn-checkbox:checked + .checkbox-btn {
  background-color: #0a7aff;
  border: 1px solid #0a7aff;
  color: white;
}

.hiden-form {
  display: none;
}/* End custom CSS */