@font-face {
    font-family: 'Poppins';
    src: url('Poppins/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Poppins';
    src: url('Poppins/Poppins-Bold.ttf') format('truetype'); 
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Poppins';
    src: url('Poppins/Poppins-Italic.ttf') format('truetype'); 
    font-weight: normal;
    font-style: italic;
  }

html{scroll-behavior: smooth; overflow-x: hidden;}
body{
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}
  .nav-padding-section{
    padding-top: 280px;
  }

  .stick{
    position: fixed;
    width: 100%;
    z-index: 99;
  }
section{
    position: relative;
}
.logo{width: 90px;}
.bg-orange{
  background-color: #f44336 !important;
}
/*homepage image
Photo by Patrick Bohn: https://www.pexels.com/photo/interior-of-a-modern-luxury-bathroom-19141078/
*/

.bg-image{
    position: absolute;
    background-image: url(../images/bg-image-2.jpg);
    background-size: cover;
    background-position: center;  
    width: 100%;
    height: 100%; 
    top: 0;
}
.bg-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the last value (0.5) for the overlay opacity */
}


.container{
    position: relative;
}
.pb-250{
  padding-bottom: 350px !important;
}
a{
  text-decoration: none !important;
}
.nav-link:hover, .nav-item .dropdown-toggle:hover{
  font-weight: bold;
}

.card .image-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.carousel,.carousel-inner,.carousel-item img{
  width: 800px !important;
  height: 800px !important;
}
.hi-25 img{
  height: 250px;
  image-rendering: optimizeQuality;
}

.h-300{height: 300px;}

.bg-lightgray{
  background-color: #494B51;
}
.portfolio .card img{height: 320px !important;}
.orange-line{
  width: 50px;
  border: 5px solid red;
  border-radius: 5px;
}
.text-justify{
  text-align: justify;
  word-wrap: none;
}
footer{
  background-color: #101218;
}

footer ul{
  list-style-type: none;
}

.rating {
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

.rating:hover {
  box-shadow: 11px 11px 23px -7px rgba(0,0,0,0.4);
}
.dropdown:focus,.btn:focus{
  border: none;
  outline: none;
  box-shadow: none;
}

/*
Photo by Max Rahubovskiy: https://www.pexels.com/photo/interior-of-bathroom-in-daylight-7031883/
*/

.bg-tiles2{
  background-image: url(../images/pexels-max-rahubovskiy-7031883.jpg);
}

/*
Image by <a href="https://www.freepik.com/free-photo/tiler-working-renovation-apartment_22699387.htm#query=tile%20cutter&position=7&from_view=keyword&track=ais&uuid=6e709f24-1c61-45b7-80b8-b463fe0be355">Freepik</a>
*/
.bg-vloertegels-zetten{
    background-image: url(../images/tiler-working-renovation-apartment.jpg);
}
/*Image by <a href="https://www.freepik.com/free-photo/tiler-working-renovation-apartment_22698677.htm#query=wall%20tiles%20install&position=5&from_view=search&track=ais&uuid=468fc83c-106f-4f63-8778-af0a3019f8fe">Freepik</a>*/
.bg-wandtegels-zetten{
  background-image: url(../images/tiler-working-renovation-apartment2.jpg);
}

.bg-oude-tegels-verwijderen{
  background-image: url(../images/worker-remove-demolish-old-tiles-in-a-bathroom-free-photo.jpg);
}

/*
Image by <a href="https://www.freepik.com/free-photo/wall-grey-stone-blocks_3253165.htm#page=4&query=Removing%20Old%20Tiles&position=9&from_view=search&track=ais&uuid=5ee81bff-51e8-4379-a499-fe049c66abc6">Freepik</a>
*/

.bg-voegen-vullen{
  background-image: url(../images/wall-grey-stone-blocks.jpg);
}


/*
<a href="https://www.freepik.com/free-photo/worker-working-with-circular-grinder_24904591.htm#query=tile%20cutting&position=18&from_view=search&track=ais&uuid=3666cf9d-a560-43ce-a8e0-9780596fa1ad">Image by ArthurHidden</a> on Freepik
*/


.bg-tegels-snijden{
  background-image: url(../images/grinder.png);
}

.card{border:none}
.dropdown-item.active, .dropdown-item:active{background-color: red;}
@media (min-width: 768px) and (max-width: 1024px) {
  
  .navbar{
    width:80%;
    top: 250px;
  }
  .nav-item .nav-link{
    margin-right: 0px !important;
  }
  .nav-padding-section {
    padding-top: 450px;
  }
  .hide{
    display: none;
  }
  .hi-25 img, .h-300{height: 100%;}  
}


@media (min-width: 768px) and (max-width: 1190px) {
  
  .navbar{
    width:80%;
    top: 250px;
  }
  .nav-item .nav-link{
    margin-right: 0px !important;
  }
  .nav-padding-section {
    padding-top: 450px;
  }
  .hide{
    display: none;
  }
  .hi-25 img, .h-300{height: 100%;} 
  
  .carousel,.carousel-inner,.carousel-item img{
    width: 100% !important;
    height: auto !important;
  }
  
}

@media (min-width: 320px) and (max-width: 768px) {
  
 
  .nav-item .nav-link{
    margin-right: 0px !important;
  }
  .nav-padding-section {
    padding-top: 450px;
  }
  .hide{
    display: none;
  }
  .hi-25 img, .h-300{height: 100%;} 
  
  
}