blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,html{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0}
*,*::before, *::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Global styles */
body{
    background-color:white;
    font-family: 'Roboto', sans-serif; /* Specify the font family */
}
.clear{
    clear:both;
}

.gloock-regular {
    font-family: "Gloock", serif;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Madelican";
    src: url(/fonts/Madelican.otf);
}
@font-face {
    font-family: "Chopin";
    src: url(/fonts/ChopinScript.otf);
}
@font-face {
    font-family: "Playball";
    src: url(/fonts/Playball-Regular.ttf);
}
@font-face {
    font-family: "Aurora";
    src: url(/fonts/Aurora\ script.ttf);
}


.nav-bar{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    top:0;
    list-style:none;
    background-color: rgba(79, 77, 77, 0.059);
    padding: 325px 120px;
    z-index:1000;
    transition: top 0.3s;

}

.logo img {width: 200px;}
.menu{display: flex;}
.menu li{padding-left: 50px;}
.menu li a{
    display:inline-block; 
    text-decoration:none;
    background: linear-gradient(45deg, #B76E79, #FFD5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align:center;
    transition: 0.15s ease-in-out;
    position:relative;
    font-family: "gloock";
    font-size:1.4rem;
}
.menu li a::after{
    content:"";
    position: absolute;
    bottom: -3px;
    left:0;
    width: 0%;
    height:1.5px;
    background: linear-gradient(45deg, #B76E79, #FFD5CD);
    transition: 0.20s ease-in-out;                                                           
}

.menu li a:hover::after{
  width:100%;
}

/* CSS for hover effect on touch devices */
.menu li a.hovered::after {
  width: 100%;
}

.open-menu , .close-menu{
   
    background: linear-gradient(45deg, #B76E79, #FFD5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    font-size:1.5rem;
    display:none;
    align-items: center;
    padding: left 0px;
}
.open-menu{
    top: 50%;
    right:20px;
    transform: translateY(-50%);
}

.close-menu{
    top:20px;
    right:20px;
}
#check {display:none; }

section{
    padding:1rem 9%;

}
.fa-solid, .fas{
  margin-top: 40px;

}

  
  a[id="home"]:target ~ #one {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  a[id="two"]:target ~ #two {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  
  a[id="three"]:target ~ #three {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
.home{
    position: relative;
    width:100%;
    min-height:100vh;
    background-image:url('../img/lash2.jpg');
    display:flex;
    align-items: center;
    background-size:cover;
    background-repeat:no-repeat;
}

.home .content{
    max-width:50rem;
    z-index:2;
}
.home .content h1{
    font-size:4rem;
    color:black;
    font-family: 'gloock';
}
.home .content span{
    font-size:2rem;
    color:black;
    padding:1rem 0;
    line-height:1.5;
    font-family: 'gloock-regular';
}
.home .content p{
    font-size:3.5rem;
    color:white;
    padding:1rem 0;
    line-height:1.5;
    font-family: 'gloock';
}
.heading{
    text-align:center;
    font-size:4rem;
    color:black;
    padding:1rem;
    margin: 2rem 0;
    background:white;
    font-family: "gloock";

}
.heading-afspraak{
    text-align:center;
    font-size:3.5rem;
    color:black;
    padding:1rem;
    margin: 2rem 0;
    margin-bottom:0px;
    padding-bottom:0px;
    background:white;
    font-family: "gloock";
}
.heading-afspraak span{
    color: transparent; /* Hide the original text */
    background: linear-gradient(45deg, #B76E79, #FFD5CD);
    background-clip: text; /* Apply the text gradient effect */
}
.uitleg{
    font-size:1.5rem;
    text-align: center;
    color:black;
    font-family: 'gloock-regular';

}
.heading span{
  color: transparent; /* Hide the original text */
  background: linear-gradient(45deg, #B76E79, #FFD5CD);
  background-clip: text; /* Apply the text gradient effect */
}
.btn{
    display:inline-block;
    margin-top:2rem;
    border-radius:2rem;
    background: linear-gradient(45deg, #B76E79, #FFD5CD);
    color:black;
    padding: .9rem 2.5rem;
    cursor:pointer;
    font-size:1.2rem;
    font-family: 'gloock';
    text-decoration: none;
}
.btn:hover{
    background:white;
    border: 0.2rem solid #ffb3c6;
}

.about .lineup{
  font-family: 'gloock';
  text-align:center;
  font-size:3rem;
  margin-top:2rem;
}

.about .lineuptwo{
  font-family: 'overlock-regular';
  text-align: center;
  font-size: 1.8rem;
  font-style:italic;
  margin-top: 20px;
}

.about .row{
    display: flex;
    align-items: center;
    gap:2rem;
    flex-wrap: wrap;
    padding: 2rem 0;
    padding-bottom:3rem;
    justify-content: center;
  
}

.pricingTable-firstTable_table:nth-of-type(3):before {
  content: 'Meest gekozen';
  position: absolute;
  color: white;
  display: block;
  background-color: #ffb3c6;
  text-align: center;
  left:15px;
  top: -25px;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 0.5em;
  padding-top: 22px;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  transition: all 0.5s ease;
}

.about .row .image-container{
    flex: 0.5;
    position:relative;
}
.about .row .image-container img{
    max-width: 100%;
    display:block;
    object-fit: cover;
    height: auto;
    
}

.about .row .image-container h3{
    position:absolute;
    top:70%; transform: translateY(-50%);
    font-size:3rem;
    color:black;
    background:white;
    width:50%;
    padding:1rem 2rem;
    text-align:center;
    mix-blend-mode: screen;
    font-family:"gloock";

}
.about .row .content{
    flex: 1;
    max-width:600px;
    text-align:left;
}
.about .row .content h3{
    font-size:2.5rem;
    color:black;
    line-height:3rem;
    font-family:'overlock-black';
    font-weight:900;
}
.about .row .content p{
    font-size:1.2rem;
    color:grey;
    line-height:1.5rem;
    font-family:'overlock-regular';
}
.about .row .content h2{
  font-size: 2rem;
  color: transparent; /* Hide the original text */
  background: linear-gradient(45deg, #B76E79, #FFD5CD);
  background-clip: text; /* Apply the text gradient effect */
  line-height:2.5rem;
  font-family:'overlock-regular';
}

.icons-container{
    display:flex;
    flex-wrap:wrap;
    gap:1.5rem;
    padding-top:5rem; 
    padding-bottom:5rem;
}

.verzorgingbox{
    text-align: center;
}
.verzorging{
    display:inline-block;
    flex-direction: column;
    text-align: left;
    gap:1.5rem;
    padding-top:5rem; 
    padding-bottom:5rem;
    max-width: 800px;
    margin-left:auto;
    margin-right:auto;

}

.verzorging li{
    font-size:1.2rem;
    color:grey;
    font-family:'overlock-medium';
    text-align:left;
    margin: 15px; /* Remove default margin */ 
}
.verzorging li span{
    font-size:1.2rem;
    background: linear-gradient(45deg, #B76E79, #FFD5CD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-family:'overlock-medium';
    text-align:left;
    font-weight: 900;
}
.verzorging li:before{
    content: '✓';
    display: inline-flex;
    margin-right: 15px;
    color: white;
    background: linear-gradient(45deg, #B76E79, #FFD5CD);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 0.8em;
    padding: 2px;
    align-items: center;
    justify-content: center;
}
.verzorging p{
    font-size:1.2rem;
    color:black;
    font-family:'overlock-black';
    text-align:left;
    margin: 15px; /* Remove default margin */ 
    font-weight: 900;
    padding-top:20px;

}
.nazorg{
    font-family: 'overlock';
    text-align:left;
    width:800px;
    margin:auto;
    font-size:1.2rem;
    padding-top:20px;
    color:grey;
}
.content-nazorg{
    text-align:center;
    font-family: 'overlock';
    max-width:800px;
    font-size:1.2rem;
    color:grey;
    margin:auto;
    margin-top:20px;
}

.icons-container .icons{
    display:flex;
    flex: 1 1 15rem;
    align-items:center;
    gap:1rem;
    padding:2rem;
    border-radius:1rem;
    background:rgb(233, 231, 231);
}
.icons-container .icon img{
    width:50px;
}

.icons-container .icons h3{
    font-size:1.7rem;
    color:black;
    font-family:'overlock-medium';
    font-weight:800;
}
.icons-container .icons span{
    font-size:1.4rem;
    color:black;
    font-family:'overlock-regular';
    font-weight:500;
}
/* Voorzorg  */


/* Reviews */

.review .box-container{
    display:flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.review .box-container .box{
    flex: 1 1 calc((100% - 3 * 1.5rem) / 3); 
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
    padding:3rem 2rem;
    position:relative;
}
.review .box-container .box .fa-quote-right{
    position:absolute;
    bottom:3rem; right:2rem;
    font-size:4rem;
    color:rgb(224, 187, 95);
}
.review .box-container .box .stars i{
  background: linear-gradient(45deg, #B76E79, #FFD5CD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size:2rem;
}
.review .box-container .box p{
    color:black;
    font-size:1.2rem;
    font-family:'overloock';
    line-height:1.5;
    padding-top:2rem;
}

.review .box-container .box .user{
    display:flex;
    align-items: center;
    padding-top:2rem;
}
.review .box-container .box .user img{
    height:6rem;
    width:6rem;
    border-radius:50%;
    object-fit:cover;
    margin-right:1rem;
}
.review .box-container .box .user h3{
    font-size:2rem;
    color:grey;
    font-family:'overlock-black';
    font-weight:900;
}
.review .box-container .box .user span{
    font-size:1.2rem;
    color:black;
    font-family:'overlock-regular';
    font-weight:400;
}

/* contact page */

.contact .row {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 5rem;
    padding: 1rem 16%;
}
.contact p {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #333; /* Change the color to your preference */
    margin-bottom: 1.5rem; /* Adjust the margin as needed */
    font-family:'overlock-regular';
}


.contact .row form {
    flex: 1 1 40%;
    padding: 2rem;
    background-image: url(/img/lashes-contact-big.jpg);
    background-size: cover;
}

/* .contact .row .image {
    flex: 1 1 40%;
}

.contact .row .image img {
    width: 100%;
    border: 0.1rem solid;
} */

.contact .row form .box {
    width: 100%;
    padding: 1rem;
    font-size: 1.2rem;
    color: grey;
    text-transform: none;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    font-family:'overlock-regular';
}
.contact form .box{
  background:rgba(247, 247, 247, 0.788);

}

.contact .row form .box:focus {
    border-color: #ffb3c6;
}

.contact .row form textarea {
    height: 15rem;
    resize: none;
    width: 100%;
    background:rgba(247, 247, 247, 0.788);
}
.contact .row form .btn {
    border:none;
    background: linear-gradient(45deg, #B76E79, #FFD5CD);

}
.contact .row form .btn:hover {
    background-color:white;
    border: 0.2rem solid #ffb3c6;
}

/* instagram feed */


/* Styles for the Instagram feed section */
.instagram-feed {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.instagram-posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.instagram-post :nth-child(n+4){
  flex-basis: calc(30% - 20px); /* Two images per row */
  margin-bottom: 2rem;
  display: flex;
  justify-content: center; /* Center images horizontally */
  margin-top:50px;
}

.instagram-post img {
 
  margin:2rem 4rem;
  width: 300px;
  height: 300px;
}




/* footer */

.footer .box-container{
    display:flex;
    flex-wrap:wrap;
    gap:1.5rem;
    border-top: .1rem solid rgba(0,0,0,0.1)

}

.footer .box-container .box{
    flex: 1 1 calc((100% - 3 * 1.5rem) / 3); 
}

.footer .box-container .box h3{
    font-size:1.5rem;
    color:black;
    font-family:'overlock-medium';
    font-weight:800;
    padding:1rem 0;
}
.footer .box-container .box a{
    display: block;
    color:grey;
    font-size:1rem;
    padding: 1rem 0;
}
.footer .box-container .box a:hover{
  background: linear-gradient(45deg, #B76E79, #FFD5CD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    text-decoration: underline;
}
.footer .credit{
    font-family:'gloock';
    text-align: center;
    padding: 1.5rem;
    margin-top: 1.5rem;
    padding-top: 2.5rem;
    font-size: 0.8rem;
    color:grey;
    border-top: .1rem solid rgba(0,0,0,0.1)
}
.footer .credit span{
  background: linear-gradient(45deg, #B76E79, #FFD5CD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-family:'gloock';
    font-weight:900;
    font-size:0.8rem;
}
.footer .box-container .follow h3{
    font-size:1.5rem;
    color:black;
    font-family:'overlock-medium';
    font-weight:800;
    padding:1rem 0;
}
.footer .box-container .follow a{
    font-size:2rem;
    color:black;
}



@media(max-width:960px){
  .nav-bar{
    padding: 15px 30px;
  }
    .logo img {width: 230px;}
    .menu{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height:100vh;
        position: fixed;    
        top: 0;
        right:-100%;
        z-index:100;
        background-color:black;
        transform: all 2s ease-in-out;
    }
    .menu li {margin-top:40px; padding:0%}
    .menu li a{padding: 5px; }
    .open-menu , .close-menu {display: block;}
    #check:checked ~ .menu {right: 0;}

    .home{
          background-size: cover;
    }
    .home .content h1 {
      font-size: 2rem;
    }
    .home .content span {
        font-size: 1rem;
    }
    .home .content .btn {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

    .heading{
        font-size:2.5rem;
        margin: 0rem 0;
        margin-top:40px;
  
    }
    .heading-afspraak{
        font-size:1.5rem;
        padding: 1rem;
        margin:0rem 0;
    }
    .icons-container{
        padding-top:2rem;
        padding-bottom:2rem;
    }
    .icons-container .icons{
      flex-direction:column;
      text-align:center;
    }
    .icons-container .icons img{
        width:50px;
    }
    .icons-container .icons h3{
        padding-top:0rem;
        padding-bottom:0rem;
        font-size:1.2rem;
    }
    .icons-container .icons span{
      font-size:1rem;
    }
   
    .about .row .image-container {
        margin: auto;
        display: flex;
        justify-content: center;
    }
    .about .row{
        margin: auto;
        display: flex;
        justify-content: center;
        padding:1rem 0;
    }

    
    .about .row .image-container img{
        width:auto;
    }
    .about .row .image-container h3{
        font-size:1rem;
        width:60%;
        padding:0.5rem 2rem;
    }

    .about .row .content h3{
        font-size:0.8rem;
        color:black;
        line-height:2rem;
        font-family:'overlock-black';
        font-weight:900;
        text-align:center;
    }
    .content-nazorg h3{
        font-size:2rem;
        color:black;
        line-height:2rem;
        font-family:'overlock-black';
        font-weight:900;
        text-align:center;
        padding:25px;
    
    }

    .about .row .content p{
        font-size:1rem;
        color:grey;
        line-height:1.5rem;
        font-family:'overlock-regular';
        text-align:center;
        padding-bottom: 20px;
    }
    .about .row .content h2{
      font-size: 1.2rem;
      color: transparent; /* Hide the original text */
    	background: linear-gradient(45deg, #B76E79, #FFD5CD);
      background-clip: text; /* Apply the text gradient effect */
      line-height:1.5rem;
      font-family:'overlock-regular';
    }
    .about .row .content{
        flex: 1 1 0rem;
    }
    .instagram-post {
      width: calc(50% - 20px); /* Set width to 50% for maximum of 2 images per row */
  }

    

}



@media(max-width:624px){
    .home .content h1{
        font-size:1.5rem;
    }
    .home .content span{
        font-size:1rem;
        padding:1rem 0;
        line-height:2;
    }
    .home .content p{
        font-size:1rem;
        padding:1rem 0;
    }
    .btn{
        padding: .5rem 1.2rem;
        font-size:0.8rem;
    }
    .heading {
      font-size: 2rem;
  }
  .review .box-container .box .fa-quote-right {
    font-size: 2rem;
    }
    .stars{
      text-align:center;
    }

  .review .box-container .box .user img {
    height: 3rem;
    width: 3rem;

  }.review .box-container .box .stars i {
    font-size: 1rem;
    text-align:center;
  }
  .review .box-container .box .user h3{
    font-size:1.3rem;
  }
  .review .box-container .box p {
    text-align: center;
  }
  .footer .box-container {
    text-align:center;
    display:block;
  }
  .footer .box-container .follow{
    margin:auto;
  }
   
}
    /* pricing table */

    .pricingTable {
        margin: 40px auto;
      }
      
      .pricingTable-title {
        text-align: center;
        color: black;
        font-size: 3em;
        margin-bottom: 5px;
        font-family:'gloock';
      }
      .pricingTable-title span{
        color: transparent; /* Hide the original text */
        background: linear-gradient(45deg, #B76E79, #FFD5CD);
        background-clip: text; /* Apply the text gradient effect */
      }
      .pricingTable-subtitle {
        text-align: center;
        color: #b4bdc6;
        font-size: 1.8em;
        margin-bottom: 60px;
        font-family: 'overlock-regular';
      }
      .pricingTable-firstTable {
        list-style: none;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      .pricingTable-title_PMU{
        text-align: center;
        color: black;
        font-size: 3em;
        margin-bottom: 5px;
        margin-top:40px;
        font-family:'gloock';
      }
      .pricingTable-title_PMU span{
        color: transparent; /* Hide the original text */
        background: linear-gradient(45deg, #B76E79, #FFD5CD);
        background-clip: text; /* Apply the text gradient effect */
      }
    
      .pricingTable-firstTable_table__pricing span:last-of-type {
        background: linear-gradient(45deg, #B76E79, #FFD5CD);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
     
      }
      .pricingTable-firstTable_table__options li{
        font-family: 'overlock-black';
        font-size:1rem;
        font-weight:500;
        
      }
      .pricingTable-firstTable_table__pricing span{
        font-family: 'overlock-regular';
        
    
      }
      .pricingTable-subtitle span{
        text-decoration: underline;;
      }
      
      .pricingTable-firstTable_table {
        vertical-align: middle;
        width: calc(50% - 40px); /* Adjust the width of each table to fit within 50% of the container width */
        background-color: #ebebeb;
        display: inline-block;
        padding: 0px 30px 40px;
        text-align: center;
        max-width: 320px;
        transition: all 0.3s ease;
        border-radius: 5px;
        margin: 20px;
        box-sizing: border-box;

      }
      .pricingTable-Notes{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%; /* Occupy full width of the container */
        padding: 20px; /* Add padding for spacing */
        text-align: center;
        font-family: 'overlock-regular';
        font-size: 1rem;
        color: grey;
      }
  
      .pricingTable-note {
        width: 100%; /* Ensure the paragraph takes full width */
        margin-bottom: 10px; /* Add some space between the paragraph and list */
        font-weight: 900;
        font-size:1.5rem;
      }
      .pricingTable-note span{
        text-decoration: underline;
      }
      
      .pricingTable-Notes ul {
        list-style: none; /* Remove default list styles */
        padding: 0; /* Remove default padding */
        margin: 0; /* Remove default margin */
      }
      
      .pricingTable-Notes li {
        padding: 4px 0;
        text-align:left;
      }

      .pricingTable-Notes li::before{
        content: '✓';
        display: inline-flex;
        margin-right: 15px;
        color: white;
        background:linear-gradient(45deg, #B76E79, #FFD5CD);	
        border-radius: 50%;
        width: 15px;
        height: 15px;
        font-size: 0.8em;
        padding: 2px;
        align-items: center;
        justify-content: center;
      }
      
      .pricingTable-firstTable_table:hover {
        transform: scale(1.08);
      }

      .pricingTable-firstTable_table__header{
        font-family: 'overlock-black';
        font-weight:900;
        padding-top: 40px;
        letter-spacing:0!important;
        color:black;
      }
      

      .pricingTable-firstTable_table__subtitle{
        font-family: 'overlock-regular';
        font-weight:400;
        color:grey;
        padding-bottom:20px;
        font-size:1rem;
       
      }
      .about .row .image-container h3{
        width:70%;
        font-size: 1.2rem;
      }
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table {
          display: block;
          width: 80%;
          margin: 0 auto;
          max-width: 90%;
          margin-bottom: 20px;
          padding: 10px;
          padding-left: 20px;
          margin-left:auto;
        }
        .instagram-post {
          width: calc(50% - 20px); /* Adjusted width for tablets */
      }

      }
      
      .pricingTable-firstTable_table > * {
        display: inline-block;
        vertical-align: middle;
      }
      
      @media screen and (max-width: 480px) {
        .pricingTable-firstTable_table > * {
          display: block;
          float: none;
        }
      }
      
      .pricingTable-firstTable_table:after {
        display: table;
        content: '';
        clear: both;
      }
      .logo img {width: 150px;}
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table:hover {
          transform: none;

        }
        .row {
            flex-direction: column; /* Stack items vertically on smaller screens */
            margin-bottom:0px;
          }
        
          .image-container,
          .content {
            flex-basis: auto; /* Reset flex basis to auto for stacking */
            margin-bottom: 20px;
          }
          .nazorg{
            padding-top:0px;
            margin-left:auto;
            margin-right:auto;
            line-height:1.5rem;
          }
          
          .about .lineup{
            font-family: 'gloock';
            text-align:center;
            font-size:2rem;
            margin-top:2rem;
          }

          .about .lineuptwo{
            font-family: 'overlock-regular';
            text-align: center;
            font-size: 1rem;
          }

          
        
        
      }
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table:not(:last-of-type) {
          margin-right: auto;
        }
      }
      
      .pricingTable-firstTable_table:nth-of-type(3) {
        position: relative;
      }
      
      .pricingTable-firstTable_table:nth-of-type(3) h1 {
        padding-top: 13%;
      }
      
      .pricingTable-firstTable_table:nth-of-type(3):before {
        content: 'Meest gekozen';
        position: absolute;
        color: white;
        display: block;
        background: linear-gradient(45deg, #B76E79, #FFD5CD);
        text-align: center;
        left: 15px;
        top: -30px;
        height: 65px;
        width: 65px;
        border-radius: 50%;
        box-sizing: border-box;
        font-size: 0.5em;
        padding-top: 22px;
        text-transform: uppercase;
        letter-spacing: 0.13em;
        transition: all 0.5s ease;
      }
      
      @media screen and (max-width: 988px) {
        .pricingTable-firstTable_table:nth-of-type(3):before {
          font-size: 0.6em;
        }
        .instagram-post {
          width: calc(70% - 10px); /* Set width to 50% for maximum of 2 images per row */
          margin-left: auto; /* Align images to the center */
          margin-right: auto; /* Align images to the center */
      }
      form .box{
        padding: 20px;
        margin-bottom: 20px; 
      }
      .contact .row{
        margin-top:5rem;
      }
      .contact .row form textarea {
        height: 15rem;
      
      }
      .contact .row form .box {
        font-size: 1rem;
      }
      .contact .row form .btn{
        margin-top: none;
        padding: none;
      }
      .contact p {
        font-size: 1rem; 
        text-align: center; 
      }
      .about .row .image-container {
        margin: auto;
        display: flex;
        justify-content: center;
    }
    
    
    
    }
      
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table:nth-of-type(3):before {
          left: 10px;
          width: 45px;
          height: 45px;
          top: -10px;
          padding-top: 13px;
        }
        .contact .row{
            padding: 1rem 5%;
            margin-top: 0px;

        }
        .contact .row form .btn{
            margin-top:0px;
            padding: 10px;
        }
        .contact .row form textarea {
          height: 8rem;
      }
      }
     
      
      @media screen and (max-width: 480px) {
        .pricingTable-firstTable_table:nth-of-type(3):before {
          font-size: 0.5em;
        }
      }
      
      .pricingTable-firstTable_table:nth-of-type(3):hover:before {
        transform: rotate(360deg);
      }
      
      .pricingTable-firstTable_table__header {
        font-size: 1.6em;
        letter-spacing: 0.03em;
      }
      
      @media screen and (max-width: 1068px) {
        .pricingTable-firstTable_table__header {
          font-size: 1.6rem;
        }
        .contact .row{
          padding: 1rem 5%;
          margin-top:2rem;
        }
        .home{
          min-height: 52vh;
        }
        .about .row{
          flex-direction:column;
        }
        .about .row .content p{
          font-size: 1.5rem;
          line-height:2rem;
          text-align:left;
        }
        .instagram-post img {
          margin:2rem 0rem;
        }
        .instagram-post{
          width: calc(40% - 10px);
          margin:none;
        
        }
        .about .row .image-container {
          margin: auto;
          display: flex;
          justify-content: center;
          text-align:center;
        }
        .about .row .content{
          max-width:90%;
        }
        .about .row .image-container img{
          max-width:70%;
          margin-bottom:10px;
        }
        .about .row .content h3{
          text-align:left;
        }
        .heading {
          font-size: 3rem;
        }
        .about .row .image-container h3{
          font-size:2rem;
        }
        .heading-afspraak{
          font-size:3rem;
        }
        .verzorging{
          padding-top:2rem;
          padding-bottom:2rem;
        }
        .nazorg{
          text-align:left;
        }
        .uitleg{
          text-align:left;
          margin: 0px 25px 10px;
        }
        .review .box-container .box p{
          line-height:2rem;
          font-size:1.5rem;
        }
        .about .row .content p{
          font-size: 1.5rem;
          line-height:2rem;
          text-align:left;
        
        }

        
        
      }
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table__header {
          padding: 0px;
          border-bottom: none;
          float: left;
          width: 35%;
          padding-top: 3%;
          padding-bottom: 2%;
        }
      }
      
      @media screen and (max-width: 610px) {
        .pricingTable-firstTable_table__header {
          font-size: 1.5rem;
        }
        .pricingTable-firstTable_table__pricing span:last-of-type{
          font-size: 1.5rem;
          font-weight: 900;
        }
        .review .box-container .box p{
          font-size:0.9rem;
        }
        .instagram-post img{
          width:150px;
          height:150px;
        }
      }
      
      @media screen and (max-width: 480px) {
        .pricingTable-firstTable_table__header {
          float: none;
          width: 100%;
          font-size: 1.6rem;
          margin-bottom: 5px;
        }
        .pricingTable-firstTable_table:nth-of-type(3):before {
          font-size: 0.4rem;
        }
      }
      
      .pricingTable-firstTable_table__pricing {
        font-size: 3em;
        padding: 20px 0px;
        border-bottom: 2px solid #ebedec;
        line-height: 0.7;
      }
      
      @media screen and (max-width: 1068px) {
        .pricingTable-firstTable_table__pricing {
          font-size: 2.8em;
        }
      }
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table__pricing {
          border-bottom: none;
          padding: 0;
          float: left;
          clear: left;
          width: 33%;
        }
      }
      
      @media screen and (max-width: 610px) {
        .pricingTable-firstTable_table__pricing {
          font-size: 2.4em;
        }
      }
      
      @media screen and (max-width: 480px) {
        .pricingTable-firstTable_table__pricing {
          float: none;
          width: 100%;
          font-size: 3em;
          margin-bottom: 10px;
        }
      }
      
      .pricingTable-firstTable_table__pricing span:first-of-type {
        font-size: 0.35em;
        vertical-align: top;
        letter-spacing: 0.15em;
      }
      
      @media screen and (max-width: 1068px) {
        .pricingTable-firstTable_table__pricing span:first-of-type {
          font-size: 0.3em;
        }
      }
      
      .pricingTable-firstTable_table__pricing span:last-of-type {
        vertical-align: bottom;
        font-size: 0.30em;
        letter-spacing: 0.04em;
        
      }
      
      @media screen and (max-width: 1068px) {
        .pricingTable-firstTable_table__pricing span:last-of-type {
          font-size: 2.5rem;
        }
        .pricingTable-firstTable_table__pricing span:first-of-type {
            font-size: 1.5rem;
          }
      }
      
      .pricingTable-firstTable_table__options {
        list-style: none;
        padding: 15px;
        font-size: 0.9em;
        border-bottom: 2px solid #ebedec;
      }
      
      @media screen and (max-width: 1068px) {
        .pricingTable-firstTable_table__options {
          font-size: 0.85em;
        }
      }
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table__options {
          border-bottom: none;
          padding: 0;
          margin-right: 10%;
        }
      }
      
      @media screen and (max-width: 610px) {
        .pricingTable-firstTable_table__options {
          font-size: 0.7em;
          margin-right: 8%;
        }
      }
      
      @media screen and (max-width: 480px) {
        .pricingTable-firstTable_table__options {
          font-size: 1.3em;
          margin-bottom: 10px;
        }
      }
      
      .pricingTable-firstTable_table__options > li {
        padding: 8px 0px;
      }

      .home{
        max-height: 42vh;
      
      }
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table__options > li {
          text-align: left;
        }
      }
      
      @media screen and (max-width: 610px) {
        .pricingTable-firstTable_table__options > li {
          padding: 5px 0;
        }
      }
      
      @media screen and (max-width: 480px) {
        .pricingTable-firstTable_table__options > li {
          text-align: center;
        }
      }
      
      .pricingTable-firstTable_table__options > li:before {
        content: '✓';
        display: inline-flex;
        margin-right: 15px;
        color: white;
        background: linear-gradient(45deg, #B76E79, #FFD5CD);
        border-radius: 50%;
        width: 15px;
        height: 15px;
        font-size: 0.8em;
        padding: 2px;
        align-items: center;
        justify-content: center;
      }
      
      @media screen and (max-width: 1068px) {
        .pricingTable-firstTable_table__options > li:before {
          width: 14px;
          height: 14px;
          padding: 1.5px;
        }
      }
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table__options > li:before {
          width: 12px;
          height: 12px;
        }
      }
      
      .pricingTable-firstTable_table__getstart {
        color: white;
        border: 0;
        background-color: #71ce73;
        margin-top: 30px;
        border-radius: 5px;
        cursor: pointer;
        padding: 15px;
        box-shadow: 0px 3px 0px 0px rgba(102, 172, 100, 1);
        letter-spacing: 0.07em;
        transition: all 0.4s ease;
      }
      
      @media screen and (max-width: 1068px) {
        .pricingTable-firstTable_table__getstart {
          font-size: 0.95em;
        }
      }
      
      @media screen and (max-width: 767px) {
        .pricingTable-firstTable_table__getstart {
          margin-top: 0;
        }
      }
      
      @media screen and (max-width: 610px) {
        .pricingTable-firstTable_table__getstart {
          font-size: 0.9em;
          padding: 10px;
        }
      }
      
      @media screen and (max-width: 480px) {
        .pricingTable-firstTable_table__getstart {
          font-size: 1em;
          width: 50%;
          margin: 10px auto;
        }
      }
      
      .pricingTable-firstTable_table__getstart:hover {
        transform: translateY(-10px);
        box-shadow: 0px 40px 29px -19px rgba(102, 172, 100, 0.9);
      }
      
      .pricingTable-firstTable_table__getstart:active {
        box-shadow: inset 0 0 10px 1px rgba(102, 165, 100, 1), 0px 40px 29px -19px rgba(102, 172, 100, 0.95);
        transform: scale(0.95) translateY(-9px);
      }
      
    
      
      @media screen and (max-width: 960px) {
        body {
          font-size: 80%;
        }
        .about .row .content h3{
          font-size:2rem;
        }
        .verzorging li{
          font-size:1.5rem;
          margin:25px;
        }
        .nazorg{
          font-size:1.5rem;
          margin:25px;
          max-width:90%;
        }
        .about .row .content p{
          font-size: 1.5rem;
          line-height:2rem;
        }
        .verzorging p{
          font-size:1.5rem;
        }
        .about .row .content{
          max-width:100%;
        }
        .logo img {width: 150px;}
        
      }
     
      
      @media screen and (max-width: 776px) {
        body {
          font-size: 70%;
            }
            .nazorg{
              max-width:80%;
              font-size: 1rem;
            }
            .about .row .image-container h3{
              width:70%;
              font-size:1.5rem;
            }
            .about .row .content h3{
              font-size:1.5rem;
            }
            .about .row .content p{
              font-size: 1rem;
              line-height:1.5rem;
            }
            .heading{
              font-size:2rem;
            }
            .heading-afspraak{
              font-size:2rem;
            }
            .verzorging li{
              font-size:1rem;
              margin:12px 25px;
            }
            .verzorging p{
              margin:25px;
              text-align:left;
              font-size:1rem;
              margin-bottom:0px;
            }
            .verzorging{
              margin-top:0rem;
              margin-bottom:0rem;
            }
            .verzorging li:before{
              width:15px;
              height:15px;
            }
            .uitleg{
              font-size:1rem;
            }
            .instagram-post {
              margin-left:0px;

            }
            .pricingTable-note{
              font-size:1rem;
            }	
            .pricingTable-Notes ul {
              font-size:1rem;
            }
            .pricingTable{
              margin:20px 0;
            }
            .pricingTable-subtitle{
              margin-bottom:30px;
            }
            .nazorg{
              margin:20px;
            }
            .home .content h1 {
              font-size: 1.5rem;
            }
            .home .content span {
                font-size: 0.9rem;
            }
            .home .content .btn {
                font-size: 0.9rem;
                padding: 0.4rem 0.8rem;
            }

      }
      @media screen and (max-width: 576px) {
        .home .content h1 {
            font-size: 1.2rem;
        }
        .home .content span {
            font-size: 0.8rem;
        }
        .home .content .btn {
            font-size: 0.8rem;
            padding: 0.3rem 0.6rem;
        }
    }
      
      @media screen and (max-width: 496px) {
        body {
          font-size: 50%;
        }
        .heading{
          font-size:1.5rem;
        }
        .about .row .content h3{
          font-size:1.2rem;
        }
        .about .row .image-container h3{
          width:80%;
          font-size:0.8rem;
        }
        .heading-afspraak{
          font-size:1.5rem;
        }
        .uitleg{
          font-size:1rem;
        }
        .verzorging p{
          font-size:1rem;
        }
        .logo img {width: 120px;}
    
        .home{
          min-height: 34vh;
        }
          .content-nazorg h3{
            font-size:1rem;
            color:black;
            line-height:1rem;
            font-family:'overlock-black';
            font-weight:900;
            text-align:left;
            padding-top:2px;
            padding-bottom:2px;

        
        }
        .nazorg{
          text-align:left;
        }
      }
      @media screen and (max-width:390px){
        .home{
          min-height: 34vh;
        }
      }
       
      @media screen and (max-width: 380px) {
        .home{
          min-height: 40vh;
        }
        .content{
          margin-bottom:0px;
        }
        .instagram-post{
          width: calc(50% - 20px);
          margin-left:0px;
          margin-right:0px;
        }
        .instagram-post img{
          width:120px;
          height:120px;
        }
      }
      @media screen and (max-width: 375px) {
          .home .content h1 {
            font-size: 1rem;
        }
        .home .content span {
            font-size: 0.7rem;
        }
        .home .content .btn {
            font-size: 0.7rem;
            padding: 0.2rem 0.4rem;
        }
        .about .row .image-container img{
          max-width:100%;
          margin-bottom:10px;
        }
        .about .row .image-container h3{
          width:100%;
          margin-bottom:10px;
        }

        
      }

      

      @media screen and (max-width: 350px) {
        
        .about .row .content p{
          font-size:1rem;
          line-height:1.5rem;
        }
        .instagram-post{
          width:calc(60% - 10px);
         flex-direction: column;
        }
        .instagram-post img{
          width:180px;
          height:180px;
          margin: 0.5rem 0rem;
      }
      .footer .box-container .box a{
        font-size:0.8rem;
      }
      .footer .credit{
        font-size:0.5rem;
      }
      .footer .credit span{
        font-size:0.5rem;
      
      };
    }
      @media screen and (max-width: 320px) {
        body {
          font-size: 40%;
        }
        .logo img {width: 100px;}

        .instagram-post img {
          width: 120px;
          height: 120px;
      }
     
      
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }}

      @media (min-width: 1200px) {
        .about .row .image-container img{
          max-width: 500px;
      
        }
        .about .row .image-container h3{
          font-size: 2rem;
          width:500px;
        }
        .about .row .image-container {
          flex:0.3;
        }
        .contact p{
          width: 700px;
          margin: auto;
          text-align:center;
        }
        .logo img {
          width: 270px;
        }
        .nav-bar{
          padding: 40px 30px;
        }
        .pricingTable-firstTable_table__pricing span:last-of-type{
          font-size:4rem;
        }
       
      }