@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bonheur+Royale&display=swap');

body {
  /* font-family: 'Nunito', sans-serif; */
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Poppins', sans-serif;
}

/* --------------------------------------------------------------------- */


/* Main start */
.main-page {
  padding-top: 150px;
  height: 100%;
}
/* Main end */


/* Navbar start */
.navbar-brand img {
  width: 75px;
}
/* Navbar end */


/* Section Bighero start */
.bighero img {
  width: 100%;
  height: 75vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/* Section Bighero end */


/* Section Service start */
.services {
  padding: 50px 0;
}
.services img {
  width: 150px;
}
.services img:hover {
  width: 170px;
  transition: 0.5s;
}
.services .col {
  /* background-color: cadetblue; */
}
/* Section Service start */



.sectiontitle {
  padding-bottom: 20px;
}

.sectiontitle h3 {
  font-weight: 250;
}





/* ============ Dropdown hover start ============ */
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu{ display: none; }
  .navbar .nav-item:hover .nav-link{   }
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }
}
/* ============ Dropdown hover end ============ */
/* ============ Dropdown smooth start ============ */
@media (min-width: 992px) {
  .animate-menu {
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn-menu {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn-menu {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
.slideIn-menu {
  -webkit-animation-name: slideIn-menu;
  animation-name: slideIn-menu;
}

.dropdown-menu {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* ============ Dropdown smooth end ============ */



/* ============ Multilevel Dropdown Start ============ */
/* ============ desktop view ============ */
@media all and (min-width: 769px) {

  .dropdown-menu li{
    position: relative;
  }
  .dropdown-menu .submenu{ 
    display: none;
    position: absolute;
    /*left:100%; top:-7px;*/
    right:100%; top:-7px;
  }
  .dropdown-menu .submenu-left{ 
    /*right:100%; left:auto;*/
    LEFT:100%; right:auto;
  }

  .dropdown-menu > li:hover{ background-color: #f1f1f1 }
  .dropdown-menu > li:hover > .submenu{
    display: block;
  }
} 
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 768px) {

.dropdown-menu .dropdown-menu{
    margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

} 
/* ============ small devices .end// ============ */

/* ============ Multilevel Dropdown End ============ */



/*tambahan*/
.icon-list {
  list-style-type: none;
}


/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
  padding: 25px 0;
}

.clients .swiper {
  padding: 10px 0;
}

.clients .swiper-wrapper {
  height: auto;
}

.clients .swiper-slide p {
  transition: 0.3s;
}

.clients .swiper-slide p:hover {
  transform: scale(1.1);
}