/*
Theme Name: Contio
Theme URI: http://demo.casethemes.net/contio/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/portfolio
Description: Contio is a business WordPress Theme designed specifically for construction, building firms, plumbing, heating, painting, tiling, refurbishment, partitions & ceilings, plastering & rendering companies. This is a clean and modern theme. You will have 3 options for homepage. It can be customized easily to suit your wishes. Just change your text, image, colors and get your website. Contio is retina ready & fully responsive and through this features you can display your site with a high resolution at any device like notebook, iPhone laptop etc.   
Version: 1.1.2
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: contio
Tags:  architecture, building, business, clean, company, construction, constructor, contractor, corporate, creative, flat design, industry, modern, plumber
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.ct-header-branding {
  font-size: 10px;
}

.elementor-element.elementor-element-24b62cc .ct-heading .item--title,
.elementor-element.elementor-element-8407abe .ct-heading .item--title {
  font-size: 18px !important;
  line-height: 32px !important;
}

.elementor-element.elementor-element-6521921 .ct-banner-icon img {
  max-width: 140px;
}

@media(max-width: 1024px) {
  .elementor-element.elementor-element-24b62cc .ct-heading .item--title,
  .elementor-element.elementor-element-8407abe .ct-heading .item--title {
    font-size: 16px !important;
    line-height: 30px !important;
  }
}

.elementor-element.elementor-element-4c0e557 .item--inner .item--image a {
  display: block;
  width: 100%;
}

.elementor-element.elementor-element-4c0e557 .item--inner .item--image a img {
  width: 100%;
}


/* gear */

#floating-sidebar {
  position: fixed;
  bottom: 10px;
  left: 10px;
  background-image: url("./assets/images/gear.png");
  background-size: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 10px;
  z-index: 9999;
  animation: rotate-animation 10s linear infinite;
}

#floating-sidebar .content {
  position: relative;
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 18px;
  color: #333;
  animation: no-rotate-animation 10s linear infinite;
}

#floating-sidebar p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-weight: bold;
  color: #f9a244;
}


@keyframes rotate-animation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes no-rotate-animation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.gallery-spacing-custom .elementor-image-gallery .gallery-icon {
  height: 100% !important;
}

.elementor-image-gallery .gallery-item img {
  max-height: 250px;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease-in-out;
}

.elementor-image-gallery .gallery-item img:hover {
  transform: scale(1.05);
}

/* gallery service */

.title-service {
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
}

.masonry-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.gallery-image {
  flex: 1 1 calc(20% - 15px);
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.masonry-gallery br {
  display: none;
}

.gallery-image:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1200px) {
  .masonry-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .masonry-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .masonry-gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}

.elementor-element-0c406f9 .elementor-widget-container {
  display: none;
}