@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap');


:root {
    --inter:"Inter", serif;
    --outfit:"Outfit", serif;
    --primary:#0F1A1E;
    --secondary:#1F363C;
    --light:#878F57;
    --textwhite:#F6F8EB;
    --landing-width:70vw;
    --landing-width-mobile:86vw;
    --d10:0.52vw;
    --d16:0.89vw;
    --d18:0.94vw;
    --d20:1.04vw;
    --d24:1.25vw;
    --d25:1.3vw;
    --d40:2.08vw;
    --d48:2.5vw;
    --d64:3.33vw;
    --d80:4.17vw;
    --d84:4.38vw;
    --d120:6.25vw;


    --m10:2.78vw;
    --m11:3.06vw;
    --m12:3.33vw;
    --m13:3.61vw;
    --m14:3.89vw;
    --m15:4.17vw;
    --m16:4.44vw;
    --m18:5vw;
    --m20:5.56vw;
    --m24:6.67vw;
    --m25:6.94vw;
    --m32:8.89vw;
    --m34:9.44vw;
    --m36:10vw;
    --m40:11.11vw;
    --m44:12.22vw;
    --m48:13.33vw;
    --m64:17.78vw;

    
 





   

}


body{
    background-color: var(--primary);
}

.kontakt-home{
    margin-bottom: 6.25vw;
}
.pogodnosti-main{
      background-color: #F6F8EB;
}
.pogodnosti-main h1{
    font-family: var(--outfit);
font-weight: 700;
font-size: var(--d48);
line-height: 110%;

color: #1F363C;

padding: 0;
width: fit-content;
margin: auto;
padding-top: var(--d120);


}


.pogodnosti-grid{
    width: 84.06vw;
    margin: auto;
    
    margin-top: var(--d84);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--d40);
    padding-bottom: var(--d120);
}

.pg{
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    width:40.99vw ;
    padding: 2.81vw 2.3vw;
    border: 1px solid #878F57;
    border-radius: var(--d24);
}

.pg-left img{
    width: 3.85vw;
        display: flex;
        margin-top: var(--d10);
    justify-self: center;
}
.pg-left p{
    font-family: var(--outfit);
font-weight: 500;
font-size: var(--d20);
line-height: 140%;

text-align: center;
width: 8.28vw;

}

.pg-right p{
    font-family: var(--inter);
font-weight: 400;
font-size: var(--d18);
line-height: 140%;
letter-spacing: 0%;
box-sizing: border-box;
width: 25.62vw;
padding-left: 2.3vw;
border-left: 1px solid #878F57;
margin: 0;
color: #4F4F4F;
min-height: 9.27vw;
    align-content: center;





}



  @media screen and (max-width:900px){
       .kontakt-home{
          margin-bottom:27.78vw;
      }
    .pogodnosti-main{
          padding-top: var(--m44);
        padding-bottom: var(--m64);
        margin-top:22.22vw;
    }
    .pogodnosti-main h1{
        padding: 0;
        margin: 0;
      margin: auto;
        font-size: var(--m32);
        text-align: center;
        width: var(--landing-width-mobile);

    }
    .pogodnosti-grid{
        display: block;
        width: var(--landing-width-mobile);
        margin-top: var(--m44);
        padding-bottom:0;
    }
    .pg{
        width: var(--landing-width-mobile);
        height: auto;
        display: block;
        padding: var(--m34) var(--m20);
        margin-bottom: var(--m20); 
        border-radius: var(--m12);
    }
    
    
.pg-left img {
    width: 20.56vw;
    margin:auto;
}

.pg-left p {
    font-size: var(--m20);
    text-align: center;
    width: 100%;

}
.pg-right p{
    font-size: var(--m15);
    width: 100%;
    text-align: center;
    border-left: none;
   border-top: 1px solid #878F57;
   padding-left: 0;
   padding-top: var(--m32);
}

   








    

    
  }