/*
 Theme Name:     Alchemy
 Theme URI:      https://www.alchemycapital.ba/
 Description:    Katapult Starter Kit   
 Author:         Katapult
 Author URI:     https://www.kkk.ba
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
h1, h2, h3, h4, h5, p, span {
font-family:manrope;
  }
 .acc-button {
    position: absolute;
    top: 0;
    right: 0;
    color:#fff;
    border:1px solid #fff;
    padding: 10px 15px;
    transition: background-color 0.3s ease;
    cursor:pointer;
    text-decoration: none;
  }
  
    .acc-button:hover {
    background-color: #fff;
    color:#0d0e13;
    border:1px solid #fff;
    padding: 10px 15px;
  }
  
     .acc-button:hover .serv-button {
    fill:#0d0e13;
    margin-left:5px;
  }
  
  @media (max-width:980px) {
      .acc-button {
    position: absolute;
    top:auto;
    bottom:-80px;
    left: 0;
    right: auto;
    }
  }

  .serv-button {
    fill:#fff;
    margin-left:5px;
  }





h1, h2, h3, h4, h5, p, span, li {
font-family:manrope;
  }

h1 {
font-size:9rem;
  letter-spacing: -0.4rem;
  line-height:8rem;
  color: #E4E0DB;
  }

h2 {
font-size:8rem;
  letter-spacing: -0.3rem;
  line-height:7rem;
  margin-bottom:60px;
  color: #E4E0DB;
  }

h3 {
font-size:6rem;
  letter-spacing: -0.05rem;
  line-height:4rem;
  margin-bottom:20px;
  color: #E4E0DB;
  }

h4 {
font-size:2.6rem;
  letter-spacing: -0.05rem;
  line-height:3rem;
  color: #E4E0DB;
  }

p {
  font-size:1.2rem;
  color:#fff;
  opacity:0.8;
  font-weight:400;
  line-height:1.4;
  }

li {
  color:#fff;
  opacity:0.8;
  font-size: 1.2rem;
  font-weight: 400;
}

@media (max-width: 980px) { h1 {
    font-size: 8rem;
    letter-spacing: -0.3rem;
    line-height: 7rem;
  }  
h2 {
	font-size:7rem;
  letter-spacing: -0.3rem;
  line-height:6rem;
  margin-bottom:40px;
  color: #E4E0DB;
}   
h3 {
	font-size:4rem;
  letter-spacing: -0.05rem;
  line-height: 3.4rem;
  color: #E4E0DB;
  }     
  
h4 {
	font-size:2.2rem;
  letter-spacing: -0.05rem;
  line-height:2.4rem;
  color: #E4E0DB;
  }       
p {
  font-size:1.1rem;
  line-height: 1.3;
  }}

@media (max-width: 767px) { h1 {
    font-size: 6rem;
    letter-spacing: -0.3rem;
    line-height: 5rem;
  }
h2 {
	font-size:5rem;
  letter-spacing: -0.2rem;
  line-height:4rem;
  margin-bottom:40px;
  color: #E4E0DB;
}   

p, li {
  font-size:1rem;
  line-height: 1.2;
  }}


  .featured-projects-background {
    height:430px;
    background-size:cover;
    background-position: center;
    }
#projects_carousel .splide__slide {
    box-sizing: border-box;
    opacity: 0; /* Initially hide the blocks */
    animation: slideFadeIn 0.6s ease-out forwards; /* Apply animation */
}

.et_pb_button.light {
border: 1px solid #fff;
border-radius: 30px;
color: #fff;
}

.et_pb_button.light:hover {
border: 1px solid #fff;
border-radius: 30px;
color: #fff;
}

.et_pb_button:after, .et_pb_button:before {
  content: "\26";
  font-size:16px;
  padding-left: 5px;
  line-height: 1.9em;
  }