:root {
    --text-color: #000;
    --extra-color: #a4a4a4;
    --white-color: #fff;
}
.header-button{
    background-color: var(--e-global-color-primary) !important;
    color: var(--white-color);
}
.single-button.option1 .button-content a{
    background: var(--e-global-color-primary);
}
.single-button.option1 .button-content a:before, .banner-button a, .main-title-area.option1 .section-subtitle h3, .service-section.option2 .service-icon-img{
    background: var(--e-global-color-primary);
    color: var(--white-color);
}
a.header-button:before, .banner-button a:before, .single-button.option1 .button-content a::before{
    color: var(--white-color) !important;
    background: var(--e-global-color-secondary) !important;
}
a.header-button, .header-button:before, .banner-button a, .banner-button a:before, .single-button.option1 .button-content a, .single-button.option1 .button-content a::before, .service-section.option2 .service-button a{
    border-radius: 5px !important;
}
.service-section.option2 .service-button a i::after{
    background-color: var(--white-color);
}
.icon-box-section.option3 .icon-box-icon i{
    background-color: var(--e-global-color-primary);
}
.elementor-722 .elementor-element.elementor-element-e645de5 .banner-section{
    border-radius: 0 !important;
}
.service-section.option2{
    border-radius: 5px;
    padding: 15px;
    min-height: 420px;
}
.banner-description p, .service-section.option2:hover .service-description p{
    color: var(--white-color) !important;
}
.marque-section .marque-content h1{
    color: var(--e-global-color-primary);
}
.main-title-area.option1 .section-title-one h1, p{
    color: var(--text-color) !important;
}
.marque-section .marque-content h1 span{
    -webkit-text-stroke-color: var(--e-global-color-primary);
}
.theme-breadcumb-section{
    margin: 0 !important;
    border-radius: 0 !important;
}
p a{
    color: var(--e-global-color-primary);
}
p a:hover{
    color: var(--e-global-color-secondary);
}
.elementor-3651 .elementor-element.elementor-element-404ada0 .menu-item a.hfe-menu-item:hover, .elementor-3651 .elementor-element.elementor-element-404ada0 .sub-menu a.hfe-sub-menu-item:hover{
    color: var(--e-global-color-secondary) !important;
}
.elementor-3651 .elementor-element.elementor-element-0542cce .elementor-button:hover{
    background-color: var(--e-global-color-secondary) !important;
}
.theme-main-header .theme-main-menu .manu-wrapper .menu-ul li a:hover{
    color: var(--e-global-color-primary) !important;
}
.theme-main-header .theme-main-menu .manu-wrapper .menu-ul li a{
    color: var(--text-color) !important;
}
.header-button, .button-content a, .banner-button a{
    font-weight: 600 !important;
}
.form-group .buttons input{
    background-color: var(--e-global-color-primary);
    color: var(--white-color) !important;
    border-radius: 5px;
}
.elementor-kit-7 a{
    color: var(--e-global-color-primary);
}
.form-group .buttons input:hover{
    background-color: var(--e-global-color-secondary);
}
.go-to-top{
    display: none !important;
}
.menu-button{
    display: none !important;
}
.elementor-3544 .elementor-element.elementor-element-766677e0:has(:hover) .elementor-icon-box-title, .elementor-3544 .elementor-element.elementor-element-766677e0:has(:focus) .elementor-icon-box-title, .elementor-3544 .elementor-element.elementor-element-5bd30e87:has(:hover) .elementor-icon-box-title, .elementor-3544 .elementor-element.elementor-element-5bd30e87:has(:focus) .elementor-icon-box-title{
    color: var(--e-global-color-primary) !important;
}
.service-section.option2:before{
    background-image: url(/wp-content/uploads/2025/09/interoil_oferta.png) !important;
}
.social-media-section ul li a i{
    border: 1px solid var(--e-global-color-primary);
}
.social-media-section ul li a i:hover{
    background-color: var(--e-global-color-primary);
}
.elementor-kit-7 .banner-button a{
    color: var(--white-color);
}
.service-section.option2 .service-button a::before{
    background: var(--e-global-color-secondary);
    border-radius: 5px;
}
.service-section.option2 .service-icon-img{
    border-radius: 5px;
}
.service-section.option2 .service-icon-img img{
    width: 50%;
}
.service-section.option2 .service-icon-img::before{
    background: var(--e-global-color-secondary);
    border-radius: 5px;
    color: var(--white-color);
}
.service-section.option2 .service-button a{
    color: var(--text-color);
    background: var(--e-global-color-primary);
}
.service-section.option2:hover .service-button a i::after{
    background: var(--white-color);
}
.service-section.option2 .service-button a i::after{
    background: var(--text-color);
}

.map-wrapper {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.map-wrapper iframe {
  width: 100%;
  height: 660px; /* wysokość + ok. 56px paska */
  border: 0;
  transform: translateY(-60px);
}

@media (max-width: 1024px) {
    .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu {
        max-width: 50px !important;
    }
}

  @media (max-width: 767px) {
  .elementor-3651 .elementor-element.elementor-element-404ada0 .hfe-nav-menu__toggle{
    margin: 0 !important;
  }
  .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu {
    max-width: 50px !important;
  }
  #menu-1-404ada0.hfe-nav-menu {
    max-width: 100% !important;
  }
  .elementor-element-8348f5a .e-con-inner{
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
}