.sid-service h2{
  color: var(--service-font);
}

.slider-navigation-style-04.swiper-button-next, .slider-navigation-style-04.swiper-button-prev {
    background: #fff;
}
.slider-navigation-style-04 i{
  color:var(--service-bg)
}


.xharga{
  background-color: var(--product-font);
  color: var(--product-bg); 
  
}
.tp-caption.mx-auto.tp-caption-summary{
  font-size: 20px!important;
  color :#fff!important;
  opacity: 1!important;
  line-height: 1.8!important;
}

.gs-quote{
  border-left: 6px solid #cecece;
  padding-left: 20px;
  margin-left: 10px;
}

.gs-clienttop{
  border-top: 1px solid #cecece;
  padding-top: 30px;
}

/* ==== COLOR VAR ==== */
.bg-base-color, .btn.btn-base-color{
  background: #fff;
  border: 2px solid var(--main-theme);
  color: var(--main-theme);
}

.text-base-color, .btn-link.text-base-color{
  color: var(--main-theme);
}


.navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link{
  color: var(--main-theme);
  opacity: 1;
}

.menu-drop:hover{
  border-color: var(--main-theme);
}

.header-light .navbar-nav .nav-link{color: var(--menu-font);}

.navbar .container-fluid{
  background-color: var(--menu-bg);
}


.btn.btn-box-shadow.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:active {
    background: #222;
    color: var(--white);
    border-color: var(--main-theme);
}

.about-img-sticky {
    position: sticky;
    top: 90px;
    height: fit-content;
}

.review-col{
  width: calc(25% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

#navbarNav-clone, .navbar-show-modern-bg{
background-color: #222;
}


.sid-service .swiper .swiper-slide img{
  height: 320px;
  object-fit: cover;
  width: 100%;
}

.gsquare img {
    height: 280px;
    object-fit: cover;
}


.team-style-06 a.d-block.position-relative img {
    height: 200px;
    object-fit: cover;
    width: 100%;
}

.pagination-style-01 .page-item .page-link {
    width: 35px;
    height: 35px;
    min-width: unset;
    min-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pg-service .grid-item img {
    height: 280px;
    object-fit: cover;
    width: 100%;
}


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

  .sid::before{
    height: 100%;
    width: 100%;
    margin-left: 0px;
  }

  .review-col{
  width: calc(33% - 20px);
  }
}


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

 .about-img-sticky{
    position: relative;
    top:0px;
  } 
  .review-col{
   width: calc(100% - 20px);
  }

  .gs-quote span{
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }

  .gs-quote h3{
    line-height: 1.4;
  }

  .gs-clienttop .client-box img {
    height: 100px !important;
    width: 100%;
    object-fit: contain;
    padding: 2px;
  }


}