body {
       font-family: 'Segoe UI', sans-serif;
       background-color: #f4f6f8;
       /* padding-top: 100px;*/
   }

   .topnavbar1 i {
       color: #ffbf3b;
   }

   .topnavbar1 {
       background-color: rgba(0, 123, 138, 255);

   }

   .topnavbar1 font {
       color: white;
   }

   .nav2 {
       background-color: #f9f9f9;
       color: #bde1d6;
   }

   .navbar-brand {
       color: #72c7b0;
       font-size: 24px;
       font-weight: 800;
   }

   .nav-link {
       font-size: 20px;
       font-weight: 500;
   }

   .navbar .btn {
       font-size: 20px;
       width: 200px;
       height: 45px;
       vertical-align: middle;
       background-color: #fcb900;
       color: white;

   }

   .custom-divider {
       border: none;
       /*border-top: 2px solid #ff6600;*/
       /* Or any custom hex/rgb/rgba */
       opacity: 1;
   }

   /*
   .navbar .nav-link,
   .navbar-brand {
       color: white !important;
   }
*/

   .serviskami {
       background-color: #f9b493;
   }

   .hero {
       background: url('./image/webtampilan.jpg');
       background-size: cover;
       background-position: center;
       height: 80vh;
       color: white;
       display: flex;
       align-items: center;
       justify-content: left;
       text-align: left;
   }

   .hero h1 {
       font-size: 3rem;
       font-weight: bold;
   }

   .produk img {
       border-radius: 10px;
       transition: transform 0.3s ease;
   }

   .produk img:hover {
       transform: scale(1.05);
   }

   .team img {
       border-radius: 50%;
       width: 120px;
       height: 120px;
       object-fit: cover;
   }

   .partner img {
       max-height: 50px;
       margin: 0 15px;
   }

   .testimonial {
       background-color: #fefefe;
       padding: 50px 0;
   }

   .prod2 {
       background-color: #57c1a5;
   }


   /*
   .card img {
       transition: transform 0.3s ease;
   }

   .card:hover img {
       transform: scale(1.05);
   } */

   /* Kegiatan */
   .carousel-item img {
       transition: transform 0.3s ease;
   }

   .carousel-item img:hover {
       transform: scale(1.03);
   }

   .mt-md-n5 {
       margin-top: -3rem !important;
   }

   .mt-md-n3 {
       margin-top: -1.5rem !important;
   }

   .kasih {
       color: #007b8a;
   }

   /* servis */
   .servis {
       color: white;
   }

   /* servis */
   /* Kegiatan */

   .terlaris {
       color: #007b8a;
   }

   /* custom */
   .custom {
       color: white;
   }


   /* custom */

   h2 {
       font-weight: 900;
   }

   /* Navbar */
   .search-input {
       position: relative;
   }

   .search-input input {
       padding-left: 2rem;
   }

   .search-input .bi-search {
       position: absolute;
       left: 10px;
       top: 50%;
       transform: translateY(-50%);
       color: gray;
   }

   #produk h5 {
       color: #007b8a;
       font-weight: 800;
   }

   #partner h1 {
       color: #007b8a;
       font-weight: 800;
   }

   .card-title {
       color: #007b8a;
       font-weight: 800;
   }