/*
Template Name: Wrapkit
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*============================================================== 
 You can write your style here and overwrite our style
 ============================================================== */
 /*******************
Tambahan Dolkode
*******************/
.blackopsone{
    font-family: "Black Ops One", sans-serif;
  }
  .poppins{
    font-family: "Poppins", sans-serif;
  }
  .bg-dark-dolkode{
    background-color: #4e4e4e;
  }
  .bg-grey-dolkode{
    background-color: #E4E4E4;
  }
  .text-red-dolkode{
    color: #0f7752;
  }
  .text-blue-light-dekatif{
    color: #4ab891;
  }

  .text-dark-dolkode{
    color: #4e4e4e;
  }
 .text-success-gradiant {
    /* background: #2cdd9b; */
    background: -webkit-linear-gradient(legacy-direction(to right), #0f7752 0%, #4e4e4e 100%);
    /* background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); */
    /* background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); */
    background: -o-linear-gradient(left, #0f7752 0%, #4e4e4e 100%);
    background: linear-gradient(to right, #0f7752 0%, #4e4e4e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    }

    .btn-dolkode-gradiant {
        background: #4ab891;
        background: -webkit-linear-gradient(legacy-direction(to right), #4ab891 0%, #0f7752 100%);
        background: -webkit-gradient(linear, left top, right top, from(#4ab891), to(#0f7752));
        background: -webkit-linear-gradient(left, #4ab891 0%, #0f7752 100%);
        background: -o-linear-gradient(left, #4ab891 0%, #0f7752 100%);
        background: linear-gradient(to right, #4ab891 0%, #0f7752 100%);
        border: 0px; }
        .btn-dolkode-gradiant:hover {
          background: #0f7752;
          background: -webkit-linear-gradient(legacy-direction(to right), #0f7752 0%, #4ab891 100%);
          background: -webkit-gradient(linear, left top, right top, from(#0f7752), to(#4ab891));
          background: -webkit-linear-gradient(left, #0f7752 0%, #4ab891 100%);
          background: -o-linear-gradient(left, #0f7752 0%, #4ab891 100%);
          background: linear-gradient(to right, #0f7752 0%, #4ab891 100%); }
        .btn-dolkode-gradiant.active, .btn-dolkode-gradiant:active, .btn-dolkode-gradiant:focus {
          -webkit-box-shadow: 0px;
          box-shadow: 0px;
          opacity: 1; }
/*******************
Feature 10
*******************/
.wrap-feature10-box {
    padding: 100px 20px;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    color: #ffffff; }
    .wrap-feature10-box p {
      margin: 30px 0 40px; }
    .wrap-feature10-box .box-title {
      color: #ffffff; }
/*******************
Footer 1
*******************/
.footer1 .f1-topbar {
  border-bottom: 1px solid rgb(255, 255, 255); }
  .footer1 .f1-topbar .navbar {
    padding: 0px; }
    .footer1 .f1-topbar .navbar .navbar-nav .nav-item .nav-link {
      color: #ffffff;
      display: block;
      padding: 15px 13px; }
    .footer1 .f1-topbar .navbar .navbar-nav .nav-item:hover .nav-link, .footer1 .f1-topbar .navbar .navbar-nav .nav-item.active .nav-link {
      color: #4ab891;
    font-weight: 500;
  background-color: #ffffff; }

.footer1 .f1-middle {
  padding: 40px  0;
  color: #ffffff; }

.footer1 .f1-bottom-bar {
  padding: 20px 0;
  color: #ffffff;
  border-top: 1px solid rgb(255, 255, 255); }

.dolkode-footer{
  background: #4e4e4e;
}

/* Container holding the image and the text */
.dolkode-banner {
  position: relative;
  text-align: center;
  color: white;
}
/* Centered text */
.dolkode-pos-abs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner-text{
  margin-top: 30px;
}
.dolkode-banner-img{
  width:100%;
}
@media (max-width: 767px) {
  /*This is for the Global*/
  .banner-object{
    max-height: 10rem;
  }
  .banner-text{
    margin-top: 0px;
    font-size: 1rem;
  }
  .dolkode-zero-margin{
    margin-top:0px;
  }
  .dolkode-banner-img{
    width:300%;
    transform: translate(-30%, 0%);
  }
  /*This is for the footer*/ }