/*
Template Name: Stark Biz
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/



.wa-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 54px;
    height: 54px;
    background-color: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 28px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    text-decoration: none;
}

.wa-float i {
    line-height: 1;
}

.wa-float:hover {
    background-color: #1ebe57;
    transform: translateY(-2px);
    transition: 0.2s ease;
}


/*********************about****************/
.nav-tabs{
border-color:var(--border_light);
 }
.nav-tabs .nav-link:hover{
border:none!important;
 }
.nav-tabs .nav-link{
border:none!important;
padding: 10px 15px!important;
color:var(--bs-dark);
margin-right:1px;
 }
.nav-tabs .nav-link:hover{
background:var(--green)!important;
border-radius:0; 
color:var(--bs-white)!important;
 }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
background:var(--green)!important;
border-radius:0; 
color:var(--bs-white)!important;
 }
.tab-content{
border-left:1px solid var(--border_light);
border-right:1px solid var(--border_light);
border-bottom:1px solid var(--border_light);
 }
 
.faq_1_left_inner_right ul{
   border-radius:0px 0px 0px 0px;
   border-right: 10px solid var(--green);
 }
.team_icon {
  width:70px;
  height:70px;
  line-height:70px; 
 }
.faq_1_left_inner_right ul {
   bottom: -30%;
    left: -45%;
}
.image_1{
  border-radius:0px 0px 0px 0px;
 }
.image_2{
  border-radius:0px 0px 0px 0px;
 }
#team_h{
   padding-bottom:100px;
 }
/*********************about_end****************/


@media screen and (max-width : 767px){
.about_pg1r{
  margin-top:20px;
 }
.achieve_1 {
  padding:20px 15px!important;
 }
.achieve_1r{
  margin-top:20px;
 }
.achieve_1ri{
  text-align:center;
 }
.achieve_1ri1{
   margin-top:8px;
   margin-bottom:8px;
 }
.faq_1_left_inner_right ul {
    position:static!important;
	margin-top:20px;
}
.faq_1_right{
   margin-top:20px;
 }
.about_pg1r br{
  display:none;
 }
 }


@media (min-width:576px) and (max-width:767px) {
.achieve_1ri{
  text-align:left;
 }
 }
 
@media (min-width:768px) and (max-width:991px) {
.about_pg1r br{
  display:none;
 }
.achieve_1 {
  padding:30px 20px!important;
 }
 }

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


 }

@media (min-width:1201px) and (max-width:1310px) {

 }
@media screen and (min-width : 1400px){
.faq_1_left_inner_right ul {
    bottom: -20%;
}
#faq{
   padding-bottom:110px!important;
  }
 }

/* ====== FIX: matiin style lama yg ga kepake ====== */
.faq_1_left_inner_right ul{ display:none !important; }

/* ====== ABOUT: bikin foto tidak menjulang ====== */
.about_imgwrap{
  width:100%;
  height:420px;          /* lebih kecil dari sebelumnya */
  overflow:hidden;
}
.about_img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0 !important;
  display:block;
}

/* ====== ACHIEVE: foto rapi & ga terlalu besar ====== */
.achieve_imgwrap{
  width:100%;
  height:320px;
  overflow:hidden;
}
.achieve_img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0 !important;
  display:block;
}

/* ====== FAQ: foto seragam & lebih kecil ====== */
.faq_imgwrap{
  width:100%;
  height:300px;          /* INI yang bikin lebih kecil */
  overflow:hidden;
}
.faq_img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0 !important;
  display:block;
}

/* ====== MOBILE ====== */
@media (max-width: 767px){
  .about_imgwrap{ height:280px; }
  .achieve_imgwrap{ height:240px; }
  .faq_imgwrap{ height:220px; }  /* biar ga kepanjangan di HP */
}

/* ===== FIX WARNA FAQ JADI PUTIH ===== */
#faq{
  background: #ffffff !important;
}