/*Write your custom style or CSS code here*/
@import url('https://plasawebhost.com/warna.css');
@import url('variabel.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: Roboto,sans-serif !important;
  line-height: 1.8;
  font-size: 1.5em !important;
}

 
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  /*font-family: arial !important;*/
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem; 
  font-weight: 900 !important;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 3.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}


.order-summary h2 , .header-lined h2{
   font-size:28px !important;
}


.product-desc ul{
    list-style: none;	
}

.product-desc , .product-desc ul li{
  font-size: 1.2em;
  text-align: center;
}

.tt-product-name h5{
    font-size:22px !important;
}


.form-group label {
     font-size:18px !important;
    margin-bottom:8px  !important;

}

.summary-container span{
    font-size:14px !important;
}

.view-cart-items{
    font-size:18px !important;

}

.radio-inline{
  width:100% !important;
}

.btn-google{
  border:1px solid #eee;
}

.btn-google:hover{
  background-color:#eee;
}

* {
    border-radius: 0px !important;
}

 
.card-header h3  {
   font-size:16px !important;
}

.card-header h3 , .sub-heading span {
   font-size:16px !important;
}


.card-header , cart-sidebar .panel-heading{
  background-color:#eee !important;
}

nav{
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradientoverlyrgbafrom)), to(var(--gradientoverlyrgbato))) !important;
  background-image: linear-gradient(90deg, var(--gradientoverlyrgbafrom), var(--gradientoverlyrgbato)) !important;
}

nav li a{
  font-family: Roboto, sans-serif;
  font-weight: 550; 
  font-style: normal;
  font-size: 17px;
  line-height: 28px;
  color: rgb(82, 86, 102);
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.card-header , .product header , .order-summary {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradientoverlyrgbafrom)), to(var(--gradientoverlyrgbato))) !important;
  background-image: linear-gradient(90deg, var(--gradientoverlyrgbafrom), var(--gradientoverlyrgbato)) !important;
}

.product header span{
  color : #fff !important; 
  font-weight: 400;

}

.card-header h3 {
  color : #fff !important; 
}

.card-body p{
  font-size : 1.2em;
  padding : 2px !important;
}

.div-service-name{
  font-size: 1.3em !important;
}

.tile{
}

h3.panel-title{
  font-weight: bold;
  color:#fff !important;
}

.panel-heading {
  font-weight: bold !important;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradientoverlyrgbafrom)), to(var(--gradientoverlyrgbato))) !important;
  background-image: linear-gradient(90deg, var(--gradientoverlyrgbafrom), var(--gradientoverlyrgbato)) !important;
}

.panel-body{

}

.btn-order-now{
  background-color: #3756C1 !important;
  border:none !important;
  font-size: 1.3em;
}


#home-banner{
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradientoverlyfrom)), to(var(--gradientoverlyrgbato))) !important;
  background-image: linear-gradient(90deg, var(--gradientoverlyfrom), var(--gradientoverlyto)) !important;	
}

/*table.dataTables_filter thead th {
  background-color: #4CAF50 !important;
  color: white !important;
}
*/

.dataTables_wrapper .dataTables_info {
/*  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradientoverlyfrom)), to(var(--gradientoverlyrgbato))) !important;
  background-image: linear-gradient(90deg, var(--gradientoverlyfrom), var(--gradientoverlyto)) !important;*/
  background-color: var(--info) !important;	
}

.dataTables_wrapper table.table-list thead th , .dataTables_wrapper table.table-list thead th:nth-child(even){
	border-bottom: 4px solid #b0bcc9;
}

.panel>.list-group, .panel>.panel-collapse>.list-group{
  font-weight: 550 !important;
} 

.whatsapp-sticky{
  position:fixed;
  /*width:260px;*/
  /*height:60px;*/
  bottom:5%;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:20px;
  text-align:center;
  font-size:20px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
  padding: 10px 20px 10px 20px; 
}

.whatsapp-sticky:hover{
  color:#eee;
}

.whatsapp-sticky .kecil{
  font-size: 20px;
  font-weight: bold
}

.my-whatsapp-sticky{
  margin-top:5px;
}