.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */*:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(i) {
  font-family: "Poppins", sans-serif !important;
}

#marginbotno p {
    margin-bottom: 0 !important;
}

#marginbotno  {
    padding: 10px;
    border-radius: 10px;
    background-color:  #D7D7D775;
}

@media screen and (max-width: 999px) {
  #title-hdr .egx-hero-2-wrap {
      margin-top: 100px;
      padding: 20px 8px;
  }
  #heroalt .egx-hero-2-right {
      flex-wrap: nowrap;
      align-items: center;
  }
}
.egx-header-2-wrap {display: block}
.egx-header-2-row {justify-content: space-around}

#dpnone .elementor-column {
    min-height: 0px !important;
}
.egx-header-2-action {display: none}
.txa_sticky_header.egx-header-2-area.txa_sticky_show {
  color: black !important;
  background-color: white !important;
}
.txa_sticky_show a {color: black !important;
}

#testing23 .txa_sticky_show a {color: black}

.egx-header-2-row nav ul li a {
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6) ;
}
.txa_sticky_show a:hover {text-shadow:none !important;}
.txa_sticky_show a {text-shadow:none !important;}

.egx-header-2-row nav ul li a:hover {

  text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
}
.egx-header-2-row nav ul li a:hover {
text-shadow: 1px 1px 4px rgba(0,0,0,0.4);

}
@media screen and (max-width: 999px) {
  #testing23 .egx-header-2-wrap {
    margin: auto;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  #testing23 .mobile-menu-search-form-1 {
      display:none;
  }
#testing23 .mobile-menu-wrap {
  background: #fff url("https://hidroay.burakokan.net/wp-content/uploads/2025/08/o.svg") no-repeat right bottom;
  background-size: auto 55%;
}

  #testing23 .mobile-main-navigation .navbar-nav li a {
      color: #325023;
      font-size: 28px;
  }
  #testing23 .menu-main-menu-container {
      margin-top: 100px;
  }
  #testing23 .mobile-menu-close {
      color: #325023 ;
  }
  #testing23 .egx-header-2-container {
      padding: 0 20px;
  }
}
@media screen and (max-width: 999px) {
    .egx-header-2-area .egx-menu-btn-1 {
    width: 46px;
}
button#menuToggle {
  position: relative;
  display: flex;
  flex-direction: column;   /* ikon üstte, yazı altta */
  align-items: center;      /* ortala */
  color: #000;              /* ikon ve yazı beyaz */
}

button#menuToggle::after {
  content: "MENU";
  color: #000;              /* beyaz */
  font-size: 14px;
  margin-top: 5px;          /* ikon ile yazı arası boşluk */
  display: block;
  text-align: center;
}
.egx-header-2-area .egx-menu-btn-1 .svg-path {
    stroke: black;
}
}
@media screen and (min-width: 800px) and (max-width: 1100px) {
  #grid4lu .egx-experience-1-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .egx-experience-1-item::after {
    content:none !important;
}
.egx-experience-1-item {
        border-radius: 10px !important;
    border: solid 1px #ab9e9e8c !important;
    padding-bottom: 10px !important;
}
.egx-experience-1-item:not(:nth-child(2)):not(:nth-child(4)) .icon {
  display: none !important;
}

.egx-experience-1-item .number {
    margin: 20px 0px !important;

}
#anaboxlar {
    margin: 0 !important;
}

.footer-info .footer-logo {
    max-width:400px !important;
}
.footer-info .egx-heading-1 {
    font-size:20px !important;
}
.footer-info {
    width: 100% !important;
}
}
/* 3. split-line tamamını seçer */
.elementor-gt-heading .split-line:nth-of-type(3) {
  color: #67b341 !important;
}



@media screen and (max-width: 999px) {
    .card-content .title-wrap {
        flex-wrap: nowrap !important;
        
    }
    .egx-solar-panel-1-card {
    padding: 10px 0px !important;
}


}

.progress-wrap {
    bottom:90px !important;
}

@media screen and (max-width: 1100px) {
    
#wrapflx > div {
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.elementor-490 .elementor-element.elementor-element-d9e02d1 .elementor-heading-title {
    font-size: 25px !important;
}
}

@media screen and (min-width: 991px) and (max-width: 1025px) {
    
    .egx-hero-2-right {
        transform: translate(0px, -240px) scale(.6) !important;

}
}

/* Genel alan stili */
.egx-contact-5-content .cf7-field {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.4); /* nötr gri */
    background: rgba(15, 23, 42, 0.03);         /* çok hafif koyu arka plan */
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.08),
        0 0 0 0 rgba(59, 130, 246, 0);          /* focus ring için base */
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background-color 0.18s ease,
        transform 0.08s ease;
    outline: none;
}

/* Focus hali (input'a tıklanınca) */
.egx-contact-5-content .cf7-field:focus {
    border-color: rgba(59, 130, 246, 0.9); /* mavi accent */
    box-shadow:
        0 0 0 1px rgba(59, 130, 246, 0.5),
        0 8px 18px rgba(15, 23, 42, 0.16);
    background: rgba(15, 23, 42, 0.02);
    transform: translateY(-1px);
}

/* Hatalı alanlar – sol şerit + kırmızı glow */
.egx-contact-5-content .cf7-field.cf7-error {
    border-color: transparent;
    background: rgba(248, 113, 113, 0.05);
    box-shadow:
        inset 3px 0 0 0 rgba(239, 68, 68, 0.95),  /* sol ince şerit */
        0 0 0 1px rgba(248, 113, 113, 0.7),       /* dış çerçeve */
        0 10px 25px rgba(248, 113, 113, 0.20);    /* hafif kırmızı gölge */
}

/* Geçerli alanlar – isteğe bağlı "onay" efekti */
.egx-contact-5-content .cf7-field.cf7-valid {
    border-color: transparent;
    background: rgba(34, 197, 94, 0.03);
    box-shadow:
        inset 3px 0 0 0 rgba(34, 197, 94, 0.9),
        0 0 0 1px rgba(74, 222, 128, 0.5),
        0 8px 18px rgba(22, 163, 74, 0.18);
}

/* CF7'nin alan altı hata mesajları (varsa) */
.wpcf7-not-valid-tip {
    color: #ef4444 !important;
    font-size: 13px;
    margin-top: 4px;
    display: block;
}

/* CF7 üst genel uyarı kutusu */
.wpcf7-form.invalid .wpcf7-response-output {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(239, 68, 68, 0.7) !important;
    background: rgba(248, 113, 113, 0.06) !important;
    color: #b91c1c !important;
    padding: 10px 14px;
    margin-top: 18px;
    font-size: 14px;
}
/* Bu form bloğu içindeki tema animasyonlarını kapat */
.egx-contact-5-content .item::before,
.egx-contact-5-content .item::after,
.egx-contact-5-content .cf7-field::before,
.egx-contact-5-content .cf7-field::after {
    content: none !important;
    animation: none !important;
    transition: none !important;
}

/* Bazı temalar inputa background-gradient ile çizgi animasyonu veriyor, onu da sıfırlayalım */
.egx-contact-5-content .cf7-field {
    background-image: none !important;
    background-size: auto !important;
    background-position: left center !important;
}
.egx-contact-5-content .cf7-field {
    position: relative;
}

/* Altta sabit ince çizgi */
.egx-contact-5-content .cf7-field::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 6px;
    height: 1px;
    background: rgba(148, 163, 184, 0.4);
    pointer-events: none;
}

/* Fokusken çizgiyi hafif vurgula */
.egx-contact-5-content .cf7-field:focus::after {
    height: 2px;
    background: rgba(59, 130, 246, 0.85);
    transition: all 0.18s ease;
}/* End custom CSS */