/* external css: flickity.css */

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat.woff2") format("woff2"),
       url("../fonts/Montserrat.woff") format("woff"),
       url("../fonts/Montserrat.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Futura";
  src: url("../fonts/Futura.woff2") format("woff2"),
       url("../fonts/Futura.woff") format("woff"),
       url("../fonts/Futura.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.text-subtitle {
  font-family: "Poppins", Arial, sans-serif;
  text-align: left !important;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 2rem;
}

.flickity-button {
    z-index: 1000;
}


@media (max-width: 767px) {
.text-subtitle{
  font-size: 2rem !important;
}
}

body {
  font-family: "Montserrat", sans-serif;
}
.text-subtitle{
  font-family: "Poppins", sans-serif !important;
}

* { box-sizing: border-box; }

.carousel-cell {
  border-radius: 20px;
  width: 300px; /* Adjust width as needed */
  height: 300px; /* Adjust height as needed */
  margin-right: 10px; /* Adjust margin as needed */
}

.carousel-cell img {
    border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures image covers the whole cell */
}

/*
.carousel {
}

.carousel-cell {
  width: 28%;
  height: 100%;
  margin-right: 25px;
  border-radius: 20px;
}
.carousel-cell img{
    width: 100%;
  border-radius: 20px;
}
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  color: white;
}

@media (max-width: 767px) {
    .carousel-cell {
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .carousel-cell {
        width: 100%;
    }
  }
  @media (min-width: 1024px) {
    .carousel-cell {
        width: 28%;
    }
  }
*/
  #portfolio-bg{
    background-image: url(../img/portfolio_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .flickity-viewport {
    /* height: 350px !important;
    */
  }