/*
Theme Name: ClearGreen
Theme URI: https://cleargreen.me/
Author: ClearGreen
Description: Moderna tema za digitalni marketing i izradu web sajtova, rađena preko ACF blokova.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, acf-blocks, responsive, modern, minimalist
*/
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Plus Jakarta Sans", sans-serif;
  margin: 0;
  padding: 0;
  
}
a{
  text-decoration: none;
  list-style:  none;
  margin: 0;
}
.w-90 {
  width: 90%;
}
.w-80{
  width: 80%;
}
.align-contect{
  align-content: center;
}
.align-items{
  align-items: center;
}
.display-flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
p{
  margin: 0;
}
.single-featured-image {
    margin-bottom: 36px;
}
.single-featured-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    border-radius: 22px;
    box-shadow: 0 2px 24px 0 rgba(19, 21, 31, 0.07);
    /* Bez paddinga/margina sa strane */
}

.single-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 28px;
}
.single-content {
    font-size: 20px;
    line-height: 1.8;
}
@media (max-width: 700px) {
    .single-title { font-size: 28px; }
    .single-content { font-size: 17px; }
    .single-featured-image img { border-radius: 14px; }
}

.trp-language-switcher .trp-language-flag.sr,
.trp-language-switcher .trp-language-flag.sr_RS {
    background-image: url('https://flagcdn.com/me.svg') !important;
    background-size: cover !important;
}
.hero {
  background-size: cover;
  background-position: center;
  height: 90vh;
  border-radius: 48px;
  margin: 40px auto 0 auto;
  box-shadow: 0 16px 64px 0 rgba(24,39,80,0.08), 0 2px 8px 0 rgba(24,39,80,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.services-grid {
  
  width: 80% !important;
  max-width: 100%;
 
}
.cta-float {

  width: 80%;

}
.process-head {
  max-width: 100%;
  
}
.why-content {

  max-width: 800px;
  
}
.footer-top , .footer-bottom {
  width: 80%;
  max-width: 100% !important;
}
@media (max-width: 1020px) {
  .contact-inner {
    width: 90%;
    padding: 0;
    
  }
}