@font-face {
    font-family: 'Bricolage Grotesque';
    src: url('../font/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf') format('truetype');
    font-weight: 100 900; /* aktivizon të gjitha peshat nga 100 në 900 */
    font-style: normal;
}

body {
    font-family: 'Bricolage Grotesque', sans-serif !important;
    font-style: normal;
    font-weight: 400; /* Regular */
}


.navbar {
    min-height: 100px !important;
    display: flex !important;
    background-image: linear-gradient(90deg, #1071EF, #0F58E5);
    padding: 0 20px !important;
    
}

.navbar-nav {
    justify-content: end !important;
    min-width: 400px !important;
}

.nav-link {
    color: white !important;
    font-size: 18px !important;
    margin-left: 10px;
}

.nav-link:hover,
.nav-link.active {
    cursor: pointer;
    color: #2AB7DF !important;
}


.navbar-brand img{
    width: 120px;
    
}
#carouselExampleCaptions .carousel-item img {
  width: 100%;
  height: 650px;
  object-fit: cover;
  transform: scale(0.9);
  transition: transform 1s ease-in-out;
}

#carouselExampleCaptions .carousel-item.active img {
  transform: scale(1);
}


@media screen and (min-width: 992px) {
    .desktop {
        max-width: 300px;
        display: flex;

    }


    .mobile {
        display: none;
    }

}



@media screen and (max-width: 992px) {

    .desktop {
        display: none;
    }

    .mobile {
        display: flex;
    }

}


@media screen and (max-width: 768px) {

    

    .navbar {
  
        opacity: 100%;
        color: white;
    }

    .nav-item .dropdown-menu {
        background-color: white;
    }

    .about-title h1{
        font-size: 25px !important;
    }
    .about-body{
        font-size: 15px !important;
    }

    .services .title h1 {
        font-size: 25px !important;
    }

    .service-card {
        height: 300px;
        max-width: 400px;
    }

    #carouselExampleCaptions .carousel-item img {
        width: 100%;
        height: 450px;
        
      }
}