html,
body {
  overflow-x: hidden;
}

.search-nav .search_header_wrap img.logo_image {
  width: 400px !important;
  height: auto;
  object-fit: contain;
}

.footer-artspace .form-group-input {
  display: flex;
  justify-content: space-between;
}

.footer-artspace .form-group-input input.fill_inited {
  width: 80%;
  color: #f0ede6;
  flex: 0 0 80%;
  border: 1px solid #97999b;
  padding: 1em 5% !important;
  font-size: 15px !important;
  border-right: 0;
  height: 50px;
}

.footer-artspace input[type="submit"] {
  width: 20%;
  flex: 0 0 20%;
  background: transparent !important;
  font-weight: 400 !important;
  font-family: "DM Sans", sans-serif !important;
  border: 1px solid #97999b !important;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 13px !important;
}

.newsleteer-footer {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.newsleteer-footer .text {
  font-size: 15px;
  color: white;
}

.footer-artspace .form-group-input input[type="submit"]:hover {
  background-color: white !important;
  color: #332b26 !important;
}

.copyright-footer a {
  color: white !important;
}

.copyright-footer a:hover {
  text-decoration: underline;
}

.copyright-footer a {
  color: white !important;
}

.footer-artspace ul.elementor-icon-list-items li:hover a {
  text-decoration: underline;
  text-decoration-color: white;
}

.scroll_to_top_style_default:before {
  color: #332b26 !important;
}

.scroll_to_top_style_default {
  background: #ffffff !important;
}

.scroll_to_top_style_default:hover {
  background-color: #ffffff !important;
}

.header-menu li.menu-item:hover a {
  text-decoration: underline;
}

ul.elementor-icon-list-items {
  list-style: none !important;
}

.post-controll-img
  .slider_pagination_style_title
  .slider_pagination_wrap
  .slider_pagination_bullet.slider_pagination_bullet_active {
  color: white;
}

.post-controll-img
  .slider_pagination_style_title
  .slider_pagination_wrap
  .slider_pagination_bullet {
  font-size: 25px;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500;
}

.post-controll-img .slider_pagination_wrap {
  counter-reset: bullet;
}

.post-controll-img .slider_pagination_bullet {
  position: relative;
  padding-left: 40px;
}

.post-controll-img .slider_pagination_bullet::before {
  counter-increment: bullet;
  content: counter(bullet);
  position: absolute;
  left: 0;
  border-radius: 50%;
  background-color: #332b26;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  top: calc(50% - 15px);
  border: 1px solid #898381;
  z-index: 99;
}

.post-controll-img .slider_pagination_bullet_active::before {
  background-color: white;
  color: #332b26;
}

.img-control-art img {
  height: calc(100vh - 124px) !important;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.sc_layouts_menu_nav li.current_page_item {
  text-decoration: underline;
}

.news-posts .elementor-heading-title {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.slider-about .slide_title {
  font-size: 50px !important;
}

.parent-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.grid1 {
  grid-area: 1 / 1 / 2 / 2;
}
.grid2 {
  grid-area: 1 / 2 / 3 / 3;
}
.grid3 {
  grid-area: 2 / 1 / 4 / 2;
}
.grid4 {
  grid-area: 3 / 2 / 5 / 3;
}
.grid5 {
  grid-area: 4 / 1 / 5 / 2;
}

.collecitons a.slide_link {
  position: relative;
  transition: 0.3s all;
}

.collecitons a.slide_link:hover:after {
  background-color: #332b26;
  color: white;
}

.collecitons a.slide_link:after {
  position: absolute;
  content: "Donwload PDF";
  z-index: 9;
  top: auto;
  width: max-content;
  height: auto;
  font-size: 20px;
  bottom: 0;
  color: #332b26;
  background-color: #ffffff;
  padding: 10px;
  font-weight: 500;
  border: 2px solid #332b26;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 40px;
}

.collecitons .slider_pagination_wrap {
  display: flex;
  gap: 10px !important;
}

.collecitons .slider_pagination_wrap span.slider_pagination_bullet {
  flex: 0 0 32%;
}

.collecitons
  .post-controll-img
  .slider_pagination_style_title
  .slider_pagination_wrap
  .slider_pagination_bullet {
  font-size: 20px;
}

/*Mobile Responsive Area*/
@media (max-width: 767px) {
  .header-artspace {
    background-color: white !important;
  }

  .footer-artspace .form-group-input input.fill_inited {
    width: 60%;
    flex: 0 0 60%;
  }

  form.mc4wp-form .mc4wp-form-fields input[type="submit"] {
    flex: 0 0 40%;
    width: 40%;
  }

  .menu_mobile .menu_mobile_inner {
    background-color: #332b26 !important;
  }

  .menu_mobile .menu_mobile_inner li.menu-item a span {
    color: #f0ede6;
  }

  .menu_mobile
    .menu_mobile_inner.with_widgets
    .menu_mobile_nav_area
    .menu-item
    > a {
    padding: 5px 2em 5px 0 !important;
  }

  .search-nav .search_header_wrap img.logo_image {
    width: 246px !important;
  }

  .post-controll-img .slider_pagination_wrap {
    gap: 20px;
  }

  .trx_addons_video_list_controller_wrap.inited {
    flex-direction: column !important;
  }

  .parent-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-column-gap: 0 !important;
    grid-row-gap: 0 !important;
  }

  .grid1 {
    grid-area: auto;
  }
  .grid2 {
    grid-area: auto;
    margin-top: 20px !important;
  }
  .grid3 {
    grid-area: auto;
    margin-top: 20px !important;
  }
  .grid4 {
    grid-area: auto;
  }
  .grid5 {
    grid-area: auto;
  }

  .collecitons .slider_pagination_wrap {
    display: flex;
    gap: 20px !important;
  }

  .collecitons .slider_pagination_wrap span.slider_pagination_bullet {
    flex: 0 0 47% !important;
  }
  .collecitons a.slide_link:after {
    top: 50% !important;
    height: 60px !important;
  }

  .collecitons .img-control-art img {
    height: 50vh !important;
  }

  .collecitons
    .post-controll-img
    .slider_pagination_style_title
    .slider_pagination_wrap
    .slider_pagination_bullet {
    font-size: 16px;
  }
}