*{
  scroll-behavior: smooth!important;
}

.no-scroll-background img{
  position:fixed !important;
}

.menu-color a span{
  color:#fffffe;
  text-shadow:1px 1px black;
}

.menu-color a span:hover{
  color:#d9feef;
}

.menu-english{
  margin-left:-3.33vw!important;
}

.linkedin-icon svg{
  fill:blue;
}

.wp-social-link{
  border-radius:5px !important;
}

.wp-social-link a{
  padding:0px !important;
}

.language-icon{
  margin-top:2px!important;
  margin-right:20px!important;
}

.menu-color h1 a{
  text-shadow: -0.5px 0 #000, 0 0.5px #000, 0.5px 0 #000, 0 -0.5px #000;
}

.title-site-font{
  /*text-shadow: -0.5px 0 #429c91, 0 0.5px #429c91, 0.5px 0 #429c91, 0 -0.5px #429c91;*/
  text-shadow: -0.3px 0 #000, 0 0.3px #000, 0.3px 0 #000, 0 -0.3px #000;
  text-align: center;
  animation: title-move 2s linear forwards;
}

@keyframes title-move {
  from {
    transform: translateX(-100vw);
  }
  to {
    transform: translateX(0);
  }
}

.title-paragraph {
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ffffff00 50%, #ffffff00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0.1px 0.1px #ffffff00;
  background-size: 200% 100%;
  background-position: 100% 0;
  animation: color-slide 4s linear forwards;
  animation-delay:1.5s;
}

.o_mnie_img, .jak_moge_ci_pomoc_img{
  border:3px solid #429C91;
  border-radius:26px;
  background:#f7f7f7;
}

.o_mnie_img img,
.jak_moge_ci_pomoc_img img{
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

@keyframes color-slide {
  from {
    background-position: 100% 0;
    text-shadow: 0.1px 0.1px #ffffff00;
  }
  to {
    text-shadow: 0.2px 0.2px #ffffff;
    background-position: 0% 0;
  }
}

.title-buttons{
  animation: title-buttons 2s linear forwards;
}

#aktualnosci{
  display:none!important;
}

.jak_moge_ci_pomoc_paragraph{
  padding:0 5px;
}

.help-section{
  border-radius:25px!important;
}

#help-section-1{
  /* background-image: url('https://esprofessional.com/wp-content/uploads/2025/02/MG_3222.png'); */
  background-image: url('https://esprofessional.com/wp-content/uploads/2025/03/MG_3222.png');
  background-size:cover;
  background-position:bottom;
}

#help-section-2{
  background-image: url('https://esprofessional.com/wp-content/uploads/2025/03/MG_3262.png');
  background-size:cover;
  background-position:center;
}

#help-section-3{
  background-image: url('https://esprofessional.com/wp-content/uploads/2025/03/MG_3233.png');
  background-size:cover;
  background-position:center;
}

.help-section *{
  background: #ffffff00;
  border-radius:25px!important;
} 

.help-section-content{
  height: 100%;
  background: #ffffffcb!important;
}

.help-section-content:hover{
  background: #ffffffb8!important;
  cursor:pointer;
}

.swiper{
  max-width:1140px!important;
  display:flex!important;
}

.swiper-slide{
  height:auto !important;
}

.project-section-container{
  padding:0 10px!important;
}

.project-section{
  border:0.5px solid black;
  border-radius:25px;
  background: radial-gradient(circle at center, #f8f1ea 0%, #ebe1d8 100%);
  height:100%!important;
}

.project-content{
  background: transparent!important;
  border-bottom-left-radius:25px!important;
  border-bottom-right-radius:25px!important;
}

.project-image *{
  border-top-left-radius:25px!important;
  border-top-right-radius:25px!important;
}

.project-button a{
  border:none!important;
  padding:0!important;
  text-shadow: 0.3px 0.3px grey;
  text-decoration: underline;
}

.swiper-button-next, .swiper-button-prev{
  color:#d6faeb!important;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.all-project{
  padding:0;
  margin:0;
}

.all-project-button a{
  border:none!important;
  border-bottom:3px solid black!important;
  border-radius: 0!important;
  padding: 0px!important;;
  margin:0px!important;
}

.all-project-button a:hover{
  padding-right:10px!important;
  transition: all 0.6s ease-in-out;
  border-bottom:3px solid #429C91!important;
  color:#429c91;
}

.contact-container{

}

.contact-label{
  margin-top:60px!important;
  margin-right:20px!important;
  text-align:right!important;
}

.contact-label p{
  width:200px!important;
  margin-left:20px!important;
}

#wpfront-scroll-top-container img{
  border-radius:7px!important;
}

@media screen and (min-width:1160px){
  .contact-label p{
    width:220px!important;
    margin-left:0px!important;
  }
}

.contact-form label, .contact-form a{
  color:white!important;
}

.reserve-label{
  padding-top:50px!important;
}

.contact-buttons{
  text-align:right!important;
}

.send-message-button{
  background: #429c91!important;
  font-size:16px!important;
}

.wpforms-submit-container{
  
}

.reserve-meeting-button a{
  margin-top:20px!important;
  margin-right:-16%;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background: radial-gradient(circle, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%);
  text-shadow:0.2px 0.2px black;
  text-align:center;
  padding:16px 20px;
  font-size:15px;
  border:1px solid white!important;
}

.reserve-meeting-button:hover a{
  font-size:14px;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);
  color:#d9feef;
  border: 1px solid #d9feef!important;
  /*background-color: #429c91;
  box-shadow: 0 6px 12px rgba(66, 156, 145, 0.3);
  box-shadow: 0 2px 2px #fff;*/
}

.wpforms-confirmation-container-full{
  margin-top:150px!important;
}

#onetrust-banner-sdk{
  background: green!important;
}

@keyframes title-buttons {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(0);
  }
}

.contact-button a, .about-me-button a{
  transition: all 0.4s ease-in-out;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.contact-button a, .about-me-button a{
  /*background: #2f7d68;*/
  background: radial-gradient(circle, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%);
  text-shadow:0.2px 0.2px black;
  padding:16px 20px;
  border:1px solid white!important;
  /*border:0px!important;*/
}

.contact-button:hover a, .about-me-button:hover a{
  font-size:16px;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);
  color:#d9feef;
  border: 1px solid #d9feef!important;
  /*background-color: #429c91;
  box-shadow: 0 6px 12px rgba(66, 156, 145, 0.3);
  box-shadow: 0 2px 2px #fff;*/
}

.jak_moge_ci_pomoc_section{
  /*background: radial-gradient(circle, #222222cc 40%, #333333cc 100%);*/
  background: radial-gradient(rgba(58, 76, 74, 0.6) 0%, rgba(42, 59, 57, 0.6) 64%, rgba(42, 59, 57, 0.6) 100%, rgba(30, 40, 39, 0.6) 100%);
  border:1px solid white;
  padding:24px!important;
  margin-left:8rem!important;
  border-radius:25px;
}

.dlaczego_warto{
  background: white!important;
  color:black!important;
  display:none!important;
}

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar:hover {
  cursor:pointer;
}

::-webkit-scrollbar-track {
  background:#d6faeb;
  border-radius:5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius:5px;
  background: #2f7d68;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #429c91;
  cursor:pointer;
}

.reserve-meeting-phone{
  display:none;
}


/*--------------BLOG-----------------*/

#publikacje{
  display: flex; 
  flex-direction: column; 
  gap: 120px; 
  margin-top: 100px;
}

.social-media-container{
  margin:0px!important;
  margin-left:auto!important;
  text-align: center;
}

.social-logo-container{
  display: flex;
  gap: 24px; 
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items:stretch;
}

.strefa-pmi-container{
  margin:auto!important;
  height: 100%;
  width:40%;
  text-align:center;
  padding: 14px 22px;
  border-radius: 18px; 
  border: 1px solid rgba(0,0,0,0.08); 
  box-shadow: 0 6px 20px rgba(0,0,0,0.08); 
  text-decoration: none; 
  font-weight: 600; 
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease; 
  transform-origin: center;
}


.strefa-pmi-container:hover{
  transform: scale(0.94);
  box-shadow: 0 4px 14px rgba(0,0,0,0.06); 
}

.strong-women-it-container{
  margin-top:0px;
  width:50%;
  height: 100%;
  text-align:center;
  padding: 14px 22px;
  border-radius: 18px; 
  border: 1px solid rgba(0,0,0,0.08); 
  box-shadow: 0 6px 20px rgba(0,0,0,0.08); 
  text-decoration: none; 
  font-weight: 600; 
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease; 
  transform-origin: center;
}

.strong-women-it-container:hover{
  transform: scale(0.94);
  box-shadow: 0 4px 14px rgba(0,0,0,0.06); 
}

.wp-block-latest-posts__list li{
  background: #ffffff; 
  border-radius: 16px; 
  padding: 28px; 
  box-shadow: 0 6px 20px rgba(0,0,0,0.06); 
  border-left: 6px solid #429c91;
  transition: transform .25s ease, box-shadow .25s ease;
}

.wp-block-latest-posts__list li:hover{
  transform: translateY(-4px); 
  box-shadow: 0 12px 28px rgba(0,0,0,0.10);
}

.wp-block-latest-posts__list li img{
  width: 100%; 
  border-radius: 12px; 
  margin-bottom: 16px;
}

.wp-block-latest-posts__list li > a{
  margin: 0 0 8px 0; 
  font-size: 1.4rem; 
  font-weight: 600; 
  color: #1a1a1a;
}

.wp-block-latest-posts__list li .time { 
  font-size: 0.9rem; 
  color: #6b6b6b; 
  margin-bottom: 12px; 
  letter-spacing: 0.5px; 
}

.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt{
  color: #444; 
  line-height: 1.55; 
  margin-bottom: 18px;
}

.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt > a{
  font-weight: 600; 
  color: #2f7d68; 
  text-decoration: none; 
  transition: color .2s ease;
}

.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt > a:hover{
  color: #429c91;
}



@media screen and (max-width:1024px){
  .menu-background{
    background: linear-gradient(135deg, #2f7d68 0%, #1f5a4b 50%, #0f3a30 100%)!important;
    border-bottom:1px solid white;
    height:62px;
  }
  
  .language-icon{
    margin-top:-56px!important;
    margin-right:0px!important;
  }
  
  .wp-social-link{
    margin-right:60px!important;
  }

  .no-scroll-background{
    aspect-ratio:12/9!important;
  }
  
  .no-scroll-background img{
    position:absolute!important;
    top:32px!important;
  }
  
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
    display:none !important;
  }
  
  .wp-block-navigation__responsive-container-open:not(.always-shown){
    display:block !important;
  }
  
  .is-menu-open{
    background: linear-gradient(135deg, #4da58c 0%, #3b846f 50%, #2f7d68 100%)!important;
  }
  
  .wp-block-navigation__responsive-container-close svg{
    margin:10px;
    font-weight:bold;
    color:white!important;
  }

  #o_mnie h2, #jak_moge_ci_pomoc h2, #about_me h2, #how_can_i_help_you h2{
    margin-left:20px!important;
    text-align:left!important;
  }

  #o_mnie .wp-block-column, #about_me .wp-block-column{
    padding:0px!important;
  }
  .project-image{
    text-align:center!important;
  }
}

@media screen and (max-width:782px){
  ::-webkit-scrollbar {
    width: 0px;
  }

  .menu-color{
    padding-right:10px;
  }
  
  .no-scroll-background{
    aspect-ratio:1!important;
  }

  .menu-english{
    margin-left:-24px!important;
  }

  #o_mnie, #about_me{
    padding-top:10px!important;
  }

  .o_mnie_img{
    display:none!important;
  }
  .jak_moge_ci_pomoc_section{
    margin-left:0!important;
  }

  #dlaczego_warto{
    padding-top:0px!important;
  }

  .swiper-button-next, .swiper-button-prev, .projects-slider {
    display:none;
  }

  .hide-projects{
    display:block!important;
  }

  .contact-container{
    margin-top:30px!important;
  }

  .contact-label{
    margin-top:0px!important;
  }

  .contact-label p{
    width:100%!important;
    margin-left:0px!important;
    text-align:left!important;
  }

  .reserve-label, .contact-buttons{
    display:none!important;
  }

  .reserve-meeting-phone{
    margin-top:20px;
    display:block;
  }

  .reserve-meeting-phone p{
    margin-right:5px;
  }

  footer p{
    text-align:center!important;
  }
}

@media screen and (max-width:600px){
  
}

@media screen and (max-width:480px){
  .no-scroll-background{
    aspect-ratio:3/4!important;
    padding:5px!important;
  }
  
  .title-site-font{
    font-size:28px;
    animation: title-move 1.5s linear forwards;
  }
  
  .title-paragraph {
    font-size:16px!important;
    animation: color-slide 4s linear forwards;
    animation-delay:1s;
  }
  
  .about-me-button{
    display:none!important;
  }
  
  .title-content{
    margin-bottom:30px !important;
  }
  
  .title-buttons{
    animation: title-buttons 1.5s linear forwards;
  }
}

.hide-projects{
  display:none;
}

.hide-element, .opinie{
  display:none!important;
}

/*.about-me-button{
  background:#00000000;
  border:none;
}

.about-me-button a{
  background:#00000000;
  padding:0;
  border:none;
  font-size:20px;
}*